.table_overflow {
    overflow-x: auto;
    scroll-padding: 2px;
    scroll-margin: 2px;
}

.table_overflow > table{
    border: 1px solid #dddddd;
    width: auto !important;
}

.table_overflow > table > * {
    padding: 0.7rem;
    text-align: center;
    white-space: nowrap;
}
.table td, .table th {
    vertical-align: middle !important;

}

.thead-liteblue > th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.label-title{
    font-size: 16px;
}

.label-content{
    font-weight: 100 !important;
}

.ele_refresh_title {  font-size: 1.2rem; font-weight: bold; }
.ele_refresh_count {  color: #d84325; font-size: 1.4rem; font-weight: bold; }
.ele_refresh_icon {  color: #d84325; font-size: 1.2rem; font-weight: bold; }

.status_on {  color: #3274d8; font-size: 1.4rem; }
.status_off {  color: #727274;  font-size: 1.4rem;  }

.status_on_warning_on {  color: #f10004;  font-size: 1.4rem; }
.status_on_warning_off {  color: #8a02ca;  font-size: 1.4rem; }

.status_normal {  color: #2a9c15;  font-size: 1.2rem; }
.status_warning {  color: #df3600;  font-size: 1.2rem;  }

.status_low {  color: #2f26d8;  font-size: 1.2rem; font-weight: bold;}
.status_high {  color: #df001a;  font-size: 1.2rem; font-weight: bold; }


.text-hidden{
    border: 1px solid #ffffff;
    height: 22px;
}

.text-hidden1{
    border: 1px solid #3a3f43;
    height: 22px;
    color: #3a3f43;
    width:100%;
}

.input_number{ width:55px; text-align: center; }
.input_number1{ width:65px; text-align: center; }
.input_number2{ width:85px; text-align: center; }



.chart_canvas{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.btn-primary {
    background-color: #3c8dbc;
    border-color: #367fa9;
}

.user_device_alram_check {  font-size: 20px; }
.user_device_on { color: #3274d8; }
.user_device_off { color: #727274; }