@media screen and (min-width: 768px) {
    #sidebar_list {
      max-width: 244px;
    }
  }

body {
  max-width: 1200px;
  margin: 0 auto;
}

input::placeholder{
    color:#000!important;
}

.select2-results__option{
    color:#000!important
}
.select2-selection{
    color:#000!important
}

.loader{
    right: -34px;
    top: 49px;
}

.subitem {
  padding-left: 10px !important;
}

.metric-gauges-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.metric-gauge-item {
    margin-bottom: 5px;
}

.metric-gauge {
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 120px;
}

/* Fix font antialiasing in gauge values */
.metric-gauge text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-weight: 500 !important;
}

.metric-gauge .highcharts-data-label text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    font-weight: 500 !important;
}

/* Litepicker dark theme support for Bootstrap themes */
.litepicker {
  background-color: var(--bs-body-bg, #fff) !important;
  color: var(--bs-body-color, #333) !important;
}

.litepicker .container__months {
  background-color: var(--bs-body-bg, #fff) !important;
}

.litepicker .container__days {
  color: var(--bs-body-color, #333) !important;
}

.litepicker .day-item {
  color: var(--bs-body-color, #333) !important;
}

.litepicker .month-item-name,
.litepicker .month-item-year {
  color: var(--bs-body-color, #333) !important;
}

.litepicker .month-item-weekdays-row > div {
  color: var(--bs-body-color, #333) !important;
}

.litepicker .button-previous-month,
.litepicker .button-next-month {
  color: var(--bs-body-color, #333) !important;
}

.litepicker .container__tooltip {
  background-color: var(--bs-body-bg, #fff) !important;
  color: var(--bs-body-color, #333) !important;
}

.litepicker .is-locked {
  color: var(--bs-secondary-color, #999) !important;
}