.select2 {
  width: 100% !important;
}

.dropdown-toggle::after {
  content: none !important;
}

table.dataTable {
  border-collapse: collapse !important;
}

.content-wrapper
  table.dataTable.dtr-inline.collapsed
  > tbody
  > tr
  > td:first-child::before,
.content-wrapper
  table.dataTable.dtr-inline.collapsed
  > tbody
  > tr
  > th:first-child::before {
  border-radius: 50px !important;
}

.wh-200 {
  width: 200px;
  height: 200px;
}

.obj-fit-cover {
  object-fit: cover;
}

.cursor-pointer {
  cursor: pointer;
}

.px-15px {
  padding-right: 15px;
  padding-left: 15px;
}

.datatable-select {
  height: 25px !important;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1;
  border-radius: 0.21rem;
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating {
  -webkit-animation: rotating 3s linear infinite;
  -moz-animation: rotating 3s linear infinite;
  -ms-animation: rotating 3s linear infinite;
  -o-animation: rotating 3s linear infinite;
  animation: rotating 3s linear infinite;
}

.white-space-nowrap {
  white-space: nowrap;
}

.divider-menu {
  border-bottom: 1px solid #ecf0f1;
}

.border-bottom-solid {
  border-bottom: 1px solid #bdc3c7;
}

.border-top-solid {
  border-top: 1px solid #bdc3c7;
}

.border-top-bottom-solid {
  border-top: 1px solid #bdc3c7;
  border-bottom: 1px solid #bdc3c7;
}

.p-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn-disabled:hover {
  cursor: default !important;
  opacity: 1 !important;
}
.view-option-select {
  /* width: 100%; */
  width: 165px;
  position: absolute;
  right: 36px;
  top: 21px;
  z-index: 3;
  justify-content: end;
}

.view-option-select-utility {
  /* width: 100%; */
  width: 60%;
  position: absolute;
  right: 36px;
  top: 21px;
  z-index: 3;
  justify-content: end;
}

.form-group-monitoring-view {
  display: flex;
  position: absolute;
  right: 36px;
  gap: 10px;
}

.form-group-monitoring-template {
  display: flex;
  position: absolute;
  right: 36px;
  gap: 10px;
}

@media (max-width: 576px) {
  .view-option-select .view-option-select-utility {
    position: unset;
  }
  .view-selection {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
  }

  .form-group-monitoring-view {
    position: unset;
    margin-bottom: 20px;
  }

  .form-group-monitoring-template {
    position: unset;
    margin-bottom: 20px;
    justify-content: center;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xxl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xxl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xxl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xxl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xxl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}