.wrapper {
  margin: 0 auto;
}

.rang {
  text-align: center;
}

.rang-title {
  display: inline-block;
}

html.dark-theme .card {
  background-color: #0B0C0C !important;
  box-shadow: 0 .1rem .7rem rgb(0 0 0 / 32%);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

body {
  background-color: #000000 !important;
}

html.dark-theme .sidebar-wrapper {
  /* border-right: 1px solid rgb(255 255 255 / 12%); */
  box-shadow: 0 0.1rem 0.7rem rgb(0 0 0 / 32%) !important;
}

.rang-number {
  width: 75%;
  text-align: center;
  border-width: 0;
  font-size: 42px;
  font-weight: 900;
  background-color: #202125;
  color: #A1A2A2;
}

.rang-slider[type=range] {
  margin-top: 40px;
  --webkit-appearance: none;
}

.rang-slider[type=range]:focus {
  outline: none;
}

.rang-slider[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 20px;
  border-radius: 25px;
  background: #0093d7;
  cursor: pointer;
}

.rang-slider[type=range]::-webkit-slider-thumb {
  width: 50px;
  height: 20px;
  margin-top: 0;
  border-radius: 25px;
  background: #ffc815;
  -webkit-appearance: none;
  cursor: pointer;
}

.rang-slider[type=range]:focus::-webkit-slider-runnable-track {
  background: #a3cd3b;
}

.meter {
  display: block;
  height: 155px;
  margin: 0 auto;
  transform: scale(1);
  margin-top: 33px;
}

.meter-left {
  transform: skewX(-2deg) skewY(1deg);
  stroke-width: 30;
  stroke-dashoffset: 253;
  stroke-dasharray: 120 400;
  stroke: #FF5243;
  fill: none;
}

.meter-center {
  stroke-width: 30;
  stroke-dashoffset: 128;
  stroke-dasharray: 120 400;
  stroke: #DFE03E;
  fill: none;
}

.meter-right {
  transform: skewX(2deg) skewY(1deg);
  stroke-width: 30;
  stroke-dashoffset: 5;
  stroke-dasharray: 120 400;
  stroke: #6CBA4D;
  fill: none;
}

.meter-clock {
  transform: rotate(-54deg);
  transform-origin: 137px 146px;
  fill: #00b370;
}

.meter-circle {
  fill: black;
}

.avatar-sm>img {
  width: 24;
}

.rounded-circle {
  border-color: transparent !important;
}

.table>:not(caption)>*>* {
  border-bottom-width: 0px;
}

#value_classification {
  margin-left: -20px;
}

.custom-table-row-borders {
  border-collapse: collapse;
  /* Ensures borders are together */
}

.custom-table-row-borders th,
.custom-table-row-borders td {
  border: none;
  /* Remove all default cell borders */
}

.custom-table-row-borders tbody tr {
  border-bottom: 1px solid #dee2e6;
  /* Add a bottom border to table rows */
}

/* Optional: To remove the last row's bottom border if desired */
.custom-table-row-borders tbody tr:last-child {
  border-bottom: none;
}

.page-wrapper {
    height: 100%;
    margin-top: 10px !important;
    margin-bottom: 30px;
    margin-left: 250px;
}

.toDetails{
  cursor: pointer;
}

/* spinner loader */
    #loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }

    .spinner {
        border: 8px solid #f3f3f3;
        border-top: 8px solid #3498db;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }