@font-face {
    font-family: 'digital-clock';
    src: url('../webfonts/digital-7.ttf');
}
.dropdown .dropdown-menu {
    font-family: "Roboto", sans-serif;
}

body {
    font-size: 0.9rem;
}

body {
    background-color: #f8f9fa;
}

.custom-tab .nav-tabs .nav-link {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}

.toi-primary {
    background: #050505!important;
    color: #ffffff!important;
}

.page.left-home {
    left: 0px;
    width: 100%;
}

.page-title img {
    width: 60%;
}

.navbar-custom {
    background-color: #ffffff;
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
}

.page-header {
    border: hidden;
}

::-webkit-scrollbar-track {
    border-radius: 100vh;
    background: #edf2f7;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 100vh;
    border: 3px solid #edf2f7;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.left-sidebar-menu li ul.btn-toggle-nav a {
    color: #E7E7E7;
    font-size: 11px;
    line-height: 8px;
    padding: 0 0 8px 0;
    margin-top: 0;
    letter-spacing: 1px;
    font-weight: 500!important;
}

.section-body {
    padding: 0 0px;
    
}


.rms_station_size {
    font-size: 50px;
    color: #1f2f5a;
    line-height: 100px;
}

.rms_table_heading_text {
    height: 25px;
    font-size: 1.3rem;
    margin-bottom: 20px;
    color: #3f4254;
    font-weight: 700;
    text-transform: capitalize;
}

.rms-station_bg_light {
    background: rgba(245, 248, 250, 1);
}

td.dt-control {
    background: url(../img/details_open.png) no-repeat center center;
    cursor: pointer;
}

table.dcEnergy tbody tr td {
    padding: 6px 10px;
    border-top: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
}

table.dcEnergy tbody tr td:nth-child(1) {
    border-left: 1px solid #cccccc !important;
}



table.dcEnergy thead tr th {
    padding: 8px 10px;
}

.breadcrumb-item.active {
    color: #0a0a0a;
    font-weight: 600;
}

.elisp_time {
    font-family: 'digital-clock' !important;
    font-size: 12px;
    color: #0a0c0e;
    font-weight: 600;
    letter-spacing: 1px;
}

.list-group-item {
    padding: 5px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 5px;
}

.list-group-item label {
    margin-bottom: 0px !important;
}

.bg-theme {
    background-color: #1c2c57;
    color: #fff;
}

.tab {
    display: none;
}

.tab-active {
    display: block;
}




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #menu_click {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    #menu_click {
        display: none;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}

.menu_in {
    transition: all 0.3s ease;
    margin-top: 90px !important;

}

.card-header {
    padding: 0.5rem 0.5rem !important;
}

.logo-lg img {
    width: 100%;
}

.table td,
.table th {
    font-size: 11px;
}

.table> :not(caption)>*>* {
    padding: .3rem .5rem;
}

.sizing-box {
    height: 20px;
}

.signal-bars .bar.first-bar {
    height: 20%;
}

.signal-bars .bar.second-bar {
    height: 40%;
}

.signal-bars .bar.third-bar {
    height: 60%;
}

.signal-bars .bar.fourth-bar {
    height: 80%;
}

.signal-bars .bar.fifth-bar {
    height: 99%;
}

.signal-bars {
    display: flex;
    justify-content: center;
    align-items: end;
}

.signal-bars .bar {
    width: 3px;
    margin: 0 1px;
    display: flex;
}

.tower-height {
    height: 22px;
}

.good .bar {
    background-color: #16a085;
    border: thin solid #12816b;
}

.bad .bar {
    background-color: #e74c3c;
    border: thin solid #a82315;
}

.ok .bar {
    background-color: #f1c40f;
    border: thin solid #d0a90c;
}

.null-color {
    background-color: #ccc !important;
    border: thin solid #ccc !important;
}



.scroll-side-nav {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 180px);
}

/* .table-sticky{
    position: relative;
    border-collapse: collapse;
}

.table-sticky-thead {
    position: sticky !important;
    top: 50px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  } */

.tableFixHead {
    overflow: auto;
    height: calc(100vh - 180px);
    width: 100%;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.tableFixHead tbody th {
    position: sticky;
    left: 0;
}

@media (max-width:575.98px) {

    .filter-buttons-wrapper {
        margin: auto !important;
        margin-bottom: 10px !important;
    }
}


.tableFixHeadAlarm {
    overflow: auto;
    height: 326px;
    width: 100%;
}

.tableFixHeadAlarm thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.tableFixHeadAlarm tbody th {
    position: sticky;
    left: 0;
}

#button-addon3 {
    background-color: #126c36;
    color: white !important;
    border-radius: 0px 50rem 50rem 0px;

}

.border {
    border-color: #126c36 !important;

}



.badge-secondary {
    color: #fff;
    background-color: #b0d136!important;
    padding: 6px;
}


.badge-secondary-red {
    color: #fff;
    background-color: #f32323!important;
    padding: 6px;
}

.badge-active {
    color: #fff;
    background-color: #1fad4b;
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    background-color: #1fad4b;
    border-color: #1fad4b;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #1fad4b;
    border-color: #1fad4b;
}

.btn-outline-info {
    color: #414d5f;
    border-color: #1fad4b;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #1fad4b;
    border-color: #1fad4b;
}

.list-group-item.active a {
    color: #fff;
}



.border-top {
    border-top: 2px solid #126c36 !important;
}

.btn-edotco {
    color: #fff;
    background-color: #126c36;
    border-color: #126c36;
}

.input-border {
    border: 1px solid #126c36;
}

.table th,
td {
    vertical-align: middle !important;
}

.text-danger {
    color: #f91a29 !important;
}

@media (max-width: 576px) {
    .mobile-hight-none {
        display: none;
    }
}

.tableFixHead {
    overflow: auto;
    height: 200px;
    width: 100%;
}

.card-title {
    font-size: 14px;
    font-weight: 500;
}



.A1 {
    background-image: url(../icon/normal.gif);
}

.A2 {
    background-image: url(../icon/minor.gif);
}

.A3 {
    background-image: url(../icon/critical.gif);
}

.A4 {
    background-image: url(../icon/notConnected.gif);
}

.alarm_icon {
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
}



.loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
}

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

    100% {
        transform: rotate(360deg);
    }
}

.loading-mask {
    position: absolute;
    z-index: 10000;
    background-color: hsla(0, 0%, 100%, .9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .3s;
}


.loading-mask.is-fullscreen {
    position: fixed
}

.loading-mask.is-fullscreen .loading-spinner {
    margin-top: -25px
}

.loading-mask.is-fullscreen .loading-spinner .circular {
    width: 50px;
    height: 50px
}

.loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute
}


.loading-mask {
    background-color: rgba(255, 255, 255, .5) !important
}


.left-sidebar-menu .btn-toggle {
    font-size: 13px;
}

.offline-rms-icon {
    font-size: 18px;
}

#map {
    width: 100%;
    min-height: 100vh;
    z-index: 100;
}

.leaflet-container {
    width: 100%;
    height: 100vh;
}

#mapSearchContainer {
    position: fixed;
    top: 20px;
    right: 40px;
    height: 30px;
    width: 180px;
    z-index: 110;
    font-size: 10pt;
    color: #5d5d5d;
    border: solid 1px #bbb;
    background-color: #f8f8f8;
}

.pointer {
    position: absolute;
    top: 86px;
    left: 60px;
    z-index: 99999;
}

.leaflet-popup-pane {
    opacity: 90%;
}

#tooltipTable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
    cursor: pointer;
}

#tooltipTable td,
#tooltipTable th {
    font-size: 9px;
    border: 1px solid #2d87cb;
    padding: 3px 7px 2px 7px;
}

#tooltipTable th {
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #2d87cb;
    color: #ffffff;
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px 0;

    list-style: none;
    background-color: transparent;
    border-radius: 0.25rem;
}

.clickable {
    cursor: pointer;
}

.all-rms-div {
    max-height: 450vh;
    overflow-y: scroll;
}

.badge {
    line-height: 0.8;
}

.badge-secondary {
    color: #fff;
    background-color: #b0d136;
}

.badge-secondary-red {
    color: #fff;
    background-color: #f32323;
}


.card-box {
    background-color: #fff;
    padding: 8px;
    -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
    margin-bottom: 14px !important;
    border-radius: 0.25rem;
}

a {
    text-decoration: none;
}

.yellow {
    background: #ffa91cc7;
}

.search-box .form-control {
    padding: 0.0rem 0.0rem;
    font-size: 12px;
    height: 31px;
    padding-left: 35px;
}

.filter {
    height: 35px;
    width: auto;
    background: transparent
}

.search-box .search-icon {
    font-size: 12px;
    left: 15px;
    padding-top: 5px;
}

.filter .dropdown-item {
    line-height: 20px;
    font-size: 13px;
}

.dropdown-item {
    padding: .26rem 1rem
}

.filter i {
    font-size: 12px;
    fill: #6d6e6f;
}

.border-radius-20 {
    border-radius: 20px;
}

.font-bold {
    font-weight: bold;
}

.alarm-tab {
    height: 40px;
    width: 100%;
    background: var(--rms-main-color);
    border-top: 1px solid var(--rms-main-color);
    padding-top: 2px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
    border-bottom: 1px solid var(--rms-main-color);
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
}

.alarm-tab nav a {
    padding: 0px 10px;
}

.link-active.active {
    background: #fff !important;
    border-top: 2px solid var(--rms-main-color) !important;
    border-bottom: 0px;
    color: var(--rms-main-color);
}



.form-control-sm {
    /* border: 1px solid #28a745; */
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: .675rem;
}

img.img-size {
    height: 24px;
}

.btn-sm {
    --bs-btn-padding-y: 0.10rem;
    --bs-btn-font-size: 0.675rem;
}

.btn-light-green {
    --bs-btn-color: #fff;
    --bs-btn-bg: #b0d136;
    --bs-btn-border-color: #b0d136;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b0d136;
    --bs-btn-hover-border-color: #b0d136;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b0d136;
    --bs-btn-active-border-color: #b0d136;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #b0d136;
    --bs-btn-disabled-border-color: #b0d136;
}

.alarm-box {
    align-items: center;
    background: transparent;
    overflow: auto;
    height: calc(100vh - 180px);
    width: 100%;
}

.alarm_type_name {
    font-size: 10px;
    font-weight: 500;
}

.custom-table tbody tr.spacer td {
    height: 5px;
}

.offline-tr {
    opacity: 60%;
    cursor: no-drop;
}

.btn {
    font-size: 12px;
}

.h6,
h6 {
    font-size: 0.9rem;
}

.grid {
    background-color: white;
    height: 130px;
    border-radius: 10px;
}

.grid-icon {
    height: 80px;
    border-radius: 10px 10px 0px 0px;
    justify-content: center;
    align-items: center;
}

.div-gray{
    background-color: #e7e4e396;
}

.div-red{
    background-color: #fef4f2;
}

.div-info{
    background-color: #2ca8ff30;
}

.div-green{
    background-color: #50d38a7a;
}

.div-dark{
    background: rgb(255,116,88);
background: radial-gradient(circle, rgba(255,116,88,1) 0%, rgba(255,116,88,0.5) 100%);
}

.ion_box {
    width: 60px;
    height: 60px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 16px;
    line-height: 50px;
    -webkit-font-smoothing: antialiased;
    border-radius: 50%;
    /* box-shadow: 0 0 0 5px #f5f5f6; */
    /* box-shadow: 0 0 35px 0 rgba(255,116,88,.6); */
    text-align: center;
    border: 5px solid #ffffff;
   
}

.shadow-warning{
    box-shadow: 0 0 60px 0 rgba( 255, 193, 7,.6);
}

.shadow-danger{
    box-shadow: 0 0 60px 0 rgba( 255, 116, 88,.6);
}

.shadow-dark{
    box-shadow: 0 0 60px 0 rgba( 52, 58, 64,.6);
}

.shadow-info{
    box-shadow: 0 0 60px 0 rgba( 44, 168, 255,.6);
}

.shadow-green{
    box-shadow: 0 0 60px 0 rgba(80, 211, 138,.6);
}

.shadow-black{
    box-shadow: 0 0 60px 0 rgba(108, 117, 125,.6);
}

.shadow-primary{
    box-shadow: 0 0 60px 0 rgba(13, 110, 253,.6);
}


.bg-indigo{
    color: #fff;
   background:#6610f2;
}

.shadow-indigo{
    box-shadow: 0 0 60px 0 rgba(102, 16, 242,.6);
}

.bg-purple{
    color: #fff;
    background-color: #6f42c1;
}

.shadow-purple{
    box-shadow: 0 0 60px 0 rgba(111, 66, 193,.6);
}


.bg-orange{
    color: #fff;
    background-color: #fd7e14;
}

.shadow-orange{
    box-shadow: 0 0 60px 0 rgba(253, 126, 20,.6);
}



.bg-pink{
    color: #fff;
    background-color: #d63384;
}

.shadow-pink{
    box-shadow: 0 0 60px 0 rgba(214, 51, 132,.6);
}


.shadow-red{
    box-shadow: 0 0 60px 0 rgba(255, 116, 88,.6);
}



.bg-red {
    color: #fff;
    background: #ff7458;
}

.bg-sapphire {
    color: #fff;
    background: #126180;
}

.shadow-sapphire{
    box-shadow: 0 0 60px 0 rgba(18, 97, 128,.6);
}


.grid-text h6 {
    padding: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #000;
}

.grid-number h6 {
    font-size: 20px;
    font-weight: 700;
    color: #f01414;
}

.text-gray{
    color: #9b9898!important;
}

.pg_status{
    background-color: white;
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}

.pg_img{
    width: 40px;
    height: 40px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background: #fbff2b;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #f5f5f6;
    text-align: center;
    line-height: 34px;
}
.pg_img img{
    width: 30px;
    height: 30px;
}

.pg_site_code{
    width: 70%;
}

.pg_site_code h2 {
    margin: 0px;
    padding: 0 0 0 0;
    line-height: 12px;
    font-size: 16px;
    font-weight: normal;
}

.pg_site_code-1st{
    font-size: 11px;
}

.pg_site_code-2st{
    font-size: 10px;
}

.pg_time{
    margin-top: 10px;
}

.noti-icon-badge {
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 10px;
}

.notification-unseen-color {
    background: #E3ECFE;
}
.max-with-searbar{
    max-width: 250px;
}

.custom-dropdown-grop-btn .dropdown-toggle::after {
    display: none;
}

@-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
  }
  .blink{
      text-decoration: blink;
      -webkit-animation-name: blinker;
      -webkit-animation-duration: 0.2s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-timing-function:ease-in-out;
      -webkit-animation-direction: alternate;
  }

  .rms-alarm-img{
    height: 16px;
  }

  .dropdown-item {
    font-size: 13px;
  }

  .list-header{
    font-size: 14px;
  }

  .font-11{
    font-size: 12px;
    color: rgb(68, 68, 240)!important;
  }

  .rms_table_heading_text {
    font-size: 1rem;
}

.alarm_table_custom tr th {
    margin: 0;
    border: #AACCEE 1px solid;
    padding: 5px;
    font-size: 11px;
}

.alarm_table_custom tr td {
    margin: 0;
    border: #AACCEE 1px solid;
    padding: 4px;
    font-size: 11px;
}

.table-stripedd tbody tr:nth-of-type(odd) {
    background-color: #64c5b10d!important;
}

.door-icon{
    width: 60px;
    height: 60px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 16px;
    line-height: 50px;
    -webkit-font-smoothing: antialiased;
    border-radius: 50%;
    /* box-shadow: 0 0 0 5px #f5f5f6; */
    /* box-shadow: 0 0 35px 0 rgba(255,116,88,.6); */
    text-align: center;
    border: 5px solid #ffffff;
}
.shadow-green1 {
    box-shadow: 0 0 18px 0 rgba(80, 211, 138,.6);
}
.shadow-orange1 {
    box-shadow: 0 0 18px 0 rgba(253, 126, 20,.6);
}

i.fa-door-closed.fa-solid.icon {
    font-size: 24px;
    text-align: center;
}

.text-backup{
    font-size: 11px;
    color: #817e7ecc;
}

.text-backup-title{
    font-weight: 600;
    font-size: 12px;
    padding-top: 6px;
}

.rdrDateDisplayWrapper{
    display: none;
}

.box-shadow-11{
    box-shadow: 0 0 11px 0 rgba(230, 228, 228, 0.6);
}

.bl-border-top{
   border-top: 4px solid #ff8126;
}

.robi-border-top{
    border-top: 4px solid #dc3545;
 }

 .dc_nav{
    background: var(--rms-main-color);
    color: #fff;
    
 }

 .cus-tab {
    list-style: none;
    display: inline-block;
    padding: 5px 20px;
    cursor: pointer;
    
}

.cus-tab a{
    color: white;
}


.cus-tab.active {
    background: #fff !important;
    border-top: 2px solid var(--rms-main-color) !important;
    border-bottom: 0px;
    color: var(--rms-main-color);
}

.cus-tab.active a {
    color: var(--rms-main-color);
}

.stat-cards-icon, .stat-cards-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}





.stat-cards-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-right: 9px;
}

.stat-cards-icon i{
    font-size: 25px;
}
.stat-cards-info{
    width: 70%;
    padding-top: 8px;
}
.stat-cards-info__num{
    color: #000;
    font-weight: 500;
    font-size: 13px;
}

.stat-cards-info__title{
    color: #535050;
    font-size: 12px;
}


.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--rms-main-color);
    --bs-btn-border-color: var(--rms-main-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754;
}

.gp-border-top {
    border-top: 4px solid var(--rms-main-color);
}

.bg-main-color {
    --bs-bg-opacity: 1;
    background-color: var(--rms-main-color) !important;
}

.pg_on_count {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 9px;
    text-align: center;
    border: 5px solid #ffffff;
    margin: auto;
    margin-top: 66px;
}

.pg_on_count i {
    font-size: 28px;
    padding-top: 16px;
    font-weight: 600;
}
.btn-outline-primary:hover{
    color: #0a0a0a;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{
    color: var(--rms-main-color);
}

.fs-11{
    font-size: 11px;
    font-weight: 500
}

.fs-14{
    font-size: 14px;
}

.text-main-color{
    color: var(--rms-main-color);
}

.tnt-card{
    margin-top: -10px;
    background: #ccc;
    padding: 6px;
}

.td_border{
    background: white;
    border: 2px solid #ccc;
}

.td-title{
    font-size: 11px;
    font-weight: 500;
}

.text-red{
    color: red;
}

.content-div-imgwarp {
    position: relative;
}
.content-div-imgwarp .yanse {
    text-align: center;
    color: #fafafa;
    position: absolute;
    left: 10px;
    width: 46px;
    height: 58px;
    border-radius: 3px;
    background: rgba(127, 185, 26, .6);
}

.content-div-imgwarp img {
    height: 58px;
}

.header-title2-1 {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 6px;
}

.bg-i-healthy{
    background-color: rgb(24, 194, 61);
}

.bg-i-subhealthy{
    background-color: #ed9d21;
}

.bg-i-abnormal{
    background-color: #da4c1a;
}

.bg-i-unknown{
    background-color: #0298fc;
}



.temp-icon {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 13px;
}

.st-left-temp i {
    font-size: 17px;
}

.st-left-temp h3 {
    font-size: 20px;
    color: #00bcd4;
}

.st-left-temp span {
    font-size: 12px;
    color: #d8d5d5;
}

.st-right-temp i {
    font-size: 17px;
}

.st-right-temp h3 {
    font-size: 20px;
    color: #00bcd4;
}

.st-right-temp span {
    font-size: 12px;
    color: #d8d5d5;
}

.last-time {
    font-size: 10px;
}

.last-time b {
    font-size: 12px;
    color: #ffb43e;
}

/* //orga chart */





.lprogress {
    width: 120px;
    height: 120px;
    line-height: 120px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
  }
  .lprogress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 7px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
  }
  .lprogress > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .lprogress .progress-left {
    left: 0;
  }
  .lprogress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 7px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: #ffb43e;
  }
  .lprogress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 75px;
    border-bottom-right-radius: 75px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
  }
  .lprogress .progress-right {
    right: 0;
  }
  .lprogress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 75px;
    border-bottom-left-radius: 75px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
  }
  .lprogress .progress-value {
    display: flex;
    border-radius: 50%;
    font-size: 36px;
    text-align: center;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: 500;
  }
  .lprogress .progress-value div {
    margin-top: 0px;
  }
  .lprogress .progress-value span {
    font-size: 12px;
    text-transform: uppercase;
  }
  
  /* This for loop creates the 	necessary css animation names 
  Due to the split circle of progress-left and progress right, we must use the animations on each side. 
  */
  .lprogress[data-percentage="10"] .progress-right .progress-bar {
    animation: loading-1 1.5s linear forwards;
  }
  .lprogress[data-percentage="10"] .progress-left .progress-bar {
    animation: 0;
  }
  
  .lprogress[data-percentage="20"] .progress-right .progress-bar {
    animation: loading-2 1.5s linear forwards;
  }
  .progress[data-percentage="20"] .progress-left .progress-bar {
    animation: 0;
  }
  
  .lprogress[data-percentage="30"] .progress-right .progress-bar {
    animation: loading-3 1.5s linear forwards;
  }
  .progress[data-percentage="30"] .progress-left .progress-bar {
    animation: 0;
  }
  
  .lprogress[data-percentage="40"] .progress-right .progress-bar {
    animation: loading-4 1.5s linear forwards;
  }
  .lprogress[data-percentage="40"] .progress-left .progress-bar {
    animation: 0;
  }
  
  .lprogress[data-percentage="50"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards;
  }
  .lprogress[data-percentage="50"] .progress-left .progress-bar {
    animation: 0;
  }
  
  .lprogress[data-percentage="60"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards;
  }
  .lprogress[data-percentage="60"] .progress-left .progress-bar {
    animation: loading-1 1.5s linear forwards 1.5s;
  }
  
  .lprogress[data-percentage="70"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards;
  }
  .lprogress[data-percentage="70"] .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.5s;
  }
  
  .lprogress[data-percentage="80"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards;
  }
  .lprogress[data-percentage="80"] .progress-left .progress-bar {
    animation: loading-3 1.5s linear forwards 1.5s;
  }
  
  .lprogress[data-percentage="90"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards;
  }
  .lprogress[data-percentage="90"] .progress-left .progress-bar {
    animation: loading-4 1.5s linear forwards 1.5s;
  }
  
  .lprogress[data-percentage="100"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards;
  }
  .lprogress[data-percentage="100"] .progress-left .progress-bar {
    animation: loading-5 1.5s linear forwards 1.5s;
  }
  
  @keyframes loading-1 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(36);
      transform: rotate(36deg);
    }
  }
  @keyframes loading-2 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(72);
      transform: rotate(72deg);
    }
  }
  @keyframes loading-3 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(108);
      transform: rotate(108deg);
    }
  }
  @keyframes loading-4 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(144);
      transform: rotate(144deg);
    }
  }
  @keyframes loading-5 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(180);
      transform: rotate(180deg);
    }
  }
  .lprogress {
    margin-bottom: 1em;
  }


  .left-temp h3 {
    font-size: 12px;
}

.right-temp h3 {
    font-size: 12px;
}

.progress.progress-orange{
    background-color: orange!important;
}

.icon_box_main{
    height: 50px;
}
.icon_box {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ddd;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}

.fs-12{
    font-size: 12px;
}

.green-tea-gradient1 {
    background-image: linear-gradient(45deg,#afe804,#06ab29);
    background-repeat: repeat-x;
    color: #fff !important;
}

.green-tea-gradient2 {
    background-image: linear-gradient(45deg,#06ab29,#afe804);
    background-repeat: repeat-x;
    color: #fff !important;
}

.green-tea-gradient {
    background-image: linear-gradient(45deg,#004b91,#78cc37);
    background-repeat: repeat-x;
    color: #fff !important;
}

.bg-green {
  
    background-image: linear-gradient(45deg,#108010,#4ecc48);
    background-repeat: repeat-x;
    color: #fff !important;
}

.bg-green-1 {
  
    background-image: linear-gradient(45deg,#9cbb37,#4ecc48);
    background-repeat: repeat-x;
    color: #fff !important;
}

.bg-green-2 {
  
    background-image: linear-gradient(45deg,#9cbb37,#5ca5e0);
    background-repeat: repeat-x;
    color: #fff !important;
}

.red-tea-gradient {
    background-image: linear-gradient(90deg,#df1b1b,#ba3030);
    background-repeat: repeat-x;
    color: #fff !important;
}

.icon-separt{
    width: 1px;
    height: 100%;
    background-color: #eee;
    margin: 0 15px;
}
.icon_box.single-cell {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
}

.title-c{
    font-size: 15px;
    font-weight: 600;
}

.value-c{
    color: #31c931;
    font-size: 25px;
    font-weight: 700;
}

.key-c{
    font-size: 15px;
}

.border-right{
    border-right: 1px solid #ccc!important;
}


.border-green{
    border-top: 2px solid #35be0b!important;
}




.custom_table {
  table-layout: fixed;
}

.w-20{
    width: 20px;
}

.w-50{
    width: 0px;
}
.custom_table th,td{
    font-size: 11px;
}
.custom_table td:first-child,
.custom_table th:first-child ,
.custom_table td:nth-child(2),
.custom_table th:nth-child(2) 
{
  position:sticky;
  left:0;
  z-index:1;

    width: 100px;
}

/* .custom_table td:last-child,.custom_table th:last-child {
  position:sticky;
  right:0;
  z-index:1;
  background-color: white;
  width: 50px;
} */

.custom_table thead tr th {
  position:sticky;
  top:0;
}

.rms_table th,td{
    font-size: 11px;
}

  
  /* .rms_table thead th:nth-child(-n+3),
  .rms_table tbody td:nth-child(-n+3) {
    position: sticky;
    left: 0;
    z-index: 1;
    width: 100px;
    background-color: white; 
  } */

/* .rms_table td:first-child,
.rms_table th:first-child , */
/* .rms_table td:nth-child(2),
.rms_table th:nth-child(2), 
.rms_table td:nth-child(3),
.rms_table th:nth-child(3),  */
/* .rms_table td:nth-child(4),
.rms_table th:nth-child(4) 
{
  position:sticky;
  left:0;
  z-index:1;
    background-color: white;
    width: 100px;
} */

.rms_table thead tr th {
    position:sticky;
    top:0;
}

.rms-img-size {
    height: 20px;
}

.jobTable th,td{
    font-size: 13px;
    padding: 5px;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}


 /* The clock */
 #clock {
    background-color: black;
    color: white;
    display: inline-block;
    width: auto;
    padding: 1.25em 4.8em;
    border-radius: 5px;
}

/* Paragraph fix */
#clock p {
    margin: 5px;
}

/* Show time units and seprarator in a line */
#clock .time-unit,
#clock .separator {
    display: inline-block;
    text-align: center;
    margin: 0 0.25em;
}

/* Show values using large text */
#clock .time-unit .large {
    display: block;
    font-size: 17px;
}

/* Show values using smaller text */
#clock .time-unit .small {
    display: block;
    font-size: 0.5em;
}

/* Align the separator with values */
#clock .separator {
    font-size: 2em;
    vertical-align: top;
    margin-top: -0.1em;
}


.card-box {
    background-color: #fff;
    padding: 1.5rem;
    -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
    margin-bottom: 24px;
    border-radius: 0.25rem;
}

.card-box {
    margin-bottom: 14px !important;
    padding: 16px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 47px;
    height: 20px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 22px;
    left: 0px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.ncustom-tble.td-center {
    text-align: center;
    vertical-align: center
}

.ncustom-tble th,
td {
    padding: 3px 5px;
}

.nav-link {
    color: #0a0c0e!important;
}

.nav-link.active {
    color: #3591ec;
}
/* .nav-link-custom.active {
    color: #fff!important;
} */

.form-group {
    margin-bottom: 1rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.5rem;
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

@media (min-width: 768px){
    .text-md-right {
        text-align: right !important;
    }    
}

.col-form-label {
    padding-top: calc(0.45rem + 1px);
    padding-bottom: calc(0.45rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.bg-red{
    background: #e22626;
}


.border-red {
    --bs-border-opacity: 1;
    border-color: #e22626 !important;
}


nav#page_top {
    position: fixed;
    z-index: 99;
    width: calc(100% - 240px);
    left: 240px;
    transition: all 0.5s;
}
.offcanvas-active nav#page_top {
    width: 100%;
    left: 0;
    transition: all 0.5s;
}
.page.left-home nav#page_top {
    width: 100%;
    left: 0;
    transition: all 0.5s;
}

.page .footer-wrap {
    height: 40px;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.section-body {
    margin: 55px 0 40px 0;
}

.scrol-table-height {
    height: calc(100vh - 145px);
}


.rms_table thead tr th {
    z-index: 98;
}


.tblFixHead {
    overflow: auto;
    height: calc(100vh - 192px);
    width: 100%;
}

.tblFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}


.scroll-side-rms{
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 105px);
}

.scroll-side-rms-active {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 110px);
}


.grid-new {
    background-color: white;
    height: 90px;
    border-radius: 10px;
    padding: 15px;
}

.grid-new.grid-new-icon {
    height: 80px;
    border-radius: 10px 10px 0px 0px;
    justify-content: center;
    align-items: center;
}

.grid-new-text h6{
    padding: 4px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.grid-new-right{
    margin-left: 10px;
}

.rms-all-nav td {
    padding: 8px;
    font-weight: 600;
}


.bg-gray {
    background-color: #f3f3f3 !important;
}

.rms-all-nav tr {
    border-bottom: 5px solid #fff;
}
.badge-custom-danger{
    background-color: red!important;
    color: #fff;
}

.badge-success {
    color: #fff;
    background-color: #32c861!important;
}

.custom-nav-pills .nav-link.active {
    background-color: #000;
    /* border-bottom: 2px solid #008ed2; */
    color: #fff!important;
    font-weight: 600;
    border-radius: 50px;
}

.custom-nav-pills .nav-link {
    background-color: #cccccc;
    /* border-bottom: 2px solid #008ed2; */
    color: #008ed2;
    font-weight: 600;
    border-radius: 50px;
    font-size: 13px;
    padding: 3px 15px;
}

table.table.dataTable > thead > tr {
    border-color: #E5E7EB;
}

.table thead tr th {
    font-weight: 600;
    border-color: #E9EDF4;
    background: #E5E7EB;
    font-size: 11px;
    color: #111827;
}



.table .thead-light th {
    background-color: #E5E7EB;
    color: #111827;
}

.card {
    margin-bottom: 0.8rem;
    background-color: #FFF;
    transition: all 0.5s ease-in-out;
    position: relative;
    border-radius: 5px;
    border: 1px solid #E5E7EB;
    box-shadow: 0px 1px 1px 1px rgba(198, 198, 198, 0.2);
    color: inherit;
}

.card .card-header {
    border-color: #E5E7EB;
    position: relative;
    background: transparent;
    padding: 1rem 1.25rem 1rem;
}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #202C4B;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin-bottom: 0;
}

h5, .h5 {
    font-size: 16px;
    font-weight: 600;
}

.dropdown .dropdown-toggle {
    font-weight: 400;
    font-size: 14px;
    color: #111827;
    border: 1px solid #E5E7EB;
}

.dropdown .dropdown-menu {
    font-family: "Roboto", sans-serif;
}

table.table.thead-light > tbody > tr td {
    color: #6B7280;
    border-bottom: 1px solid #E5E7EB;
    padding: 10px 20px;
}



.table.thead-light tbody tr td a {
    color: #111827;
}

.table.thead-light tbody tr td a:hover {
    color: #F26522;
}

.header .input-group input {
    height: 30px;
    border-left: 1px solid #E5E7EB !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    padding-left: 30px;
    font-size: 12px;
}

.dropdown-menu.show {
    visibility: visible;
    opacity: 1;

    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header-search.input {
    font-size: 12px;
}

.input-icon-addon {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    color: #9CA3AF;
    pointer-events: none;
    font-size: 1.2em;
}

.input-icon-addon {
    font-size: 14px;
}

.fs-18 {
    font-size: 1.125rem;
}

.bg-pink-transparent {
    background: #FFEDF6 !important;
    color: #FD3995 !important;
}

.border.border-pink {
    border-color: #FD3995 !important;
}

.br-10 {
    border-radius: 0.625rem;
}
.border {
    border: 1px solid #E5E7EB !important;
}

.bg-success-transparent {
    background-color: #D2F5E1 !important;
    color: #03C95A !important;
}

.border.border-success {
    border-color: #03C95A !important;
    opacity: 1;
}

.bg-danger-transparent {
    background: #FAE7E7;
    border-color: #FAE7E7 !important;
}

.bg-danger-transparent:hover {
    background-color: #F6CECE !important;
    color: #E70D0D !important;
}

.border.border-danger {
    border: 1px solid #E70D0D !important;
    opacity: 1;
}

.bg-info-transparent {
    background-color: #D6E9FF !important;
    color: #1B84FF !important;
}

.border.border-info {
    border-color: #1B84FF !important;
    opacity: 1;
}
.site-id a:hover {
    color: hsl(39, 100%, 55%) !important;
}

  .icon-circle {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background-color: #ddd;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1rem;
    }
    .summary-section {
      border-top: 1px solid #ccc;
      padding-top: 1.5rem;
      margin-top: 1.5rem;
    }

    .toi-primary tr th{
    color: #fff!important;
    background-color: #1c2c57!important;
}
.fs-7{
    font-size: 13px;
}

.table-responsive.custom-table-responsive.scroll-side-nav {
  overflow-x: auto !important;
  width: 100%;
}
.custom-table td, .custom-table th {
  white-space: nowrap;
}

.text-bl{
    color: rgb(241, 101, 34);
}