/*datarangepicker*/
@import url("./datarangepicker_theme.css");

/*#region dolab global*/
html,
body {
  min-height: 100%;
}
body {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
.pull-right{
    float: right;
}
#preloader{
    z-index: 1000001!important
}
#main-wrapper >.animation >.line-1 {
    opacity: 0.5;
}
#main-wrapper >.animation >.line-2 {
    opacity: 0.2;
}
.global-page-header{
    background-color: var(--headerbg)!important;
}
.content-body{    
    display: flex;
    flex-direction: column;
}
.content-body >.container-fluid{
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}
.content-body >.container-fluid >.page-body-content{
    margin-bottom: 5rem;
}
.content-body >.container-fluid >.global-page-footer{
    position:absolute;
    bottom: 0px;
}
.box-header .mtitle{
    font-size: 16px;
    padding: .5rem 3rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0.638rem;
}
.text-right{
    text-align: right;
}
.control-label{
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.form-control[disabled]{
    
    background-color:rgba(255,270,43, 0.1)!important;
}
select.form-control option{
    background-color:var(--bs-card-bg)!important ;
}
.bg-aqua{
    --bs-bg-opacity: 1;
    background-color: var(--primary) !important;
}
.bg-yellow{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-red{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-blue,.bg-orange{
    color: aliceblue;
}
.text-green{
    color: #40ba8e!important;
}
.Dolab .btn{
    font-size: .8em;
    padding:  0.5rem 1rem;
}
.Dolab .btn-group .btn{
    font-size: .8em;
    padding:  0.5rem 1rem;
}

.Dolab .btn-group .btn.btn-xs{
    font-size: 0.75rem;
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
}


.row.needMoveChildrenToCard{
    margin-left: 0px;
    margin-right: 0px;
}
.row.needMoveChildrenToCard .pull-right{
    padding-top: .1rem;
}
.row.needMoveChildrenToCard .pull-right .btn{
    margin-bottom: 0rem;
}
.navbar .nav-item .nav-link{
    color:white !important;
}
.navbar .nav-item .nav-link i{
    font-size:1em !important;
}
.navbar .nav-item .label{
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}

.head-top-left-logo img{
    width: 100%;
    max-height: 4rem;
}
.text-underline{
    text-decoration: underline;
}

.Dolab .animation .circle.four{
    background: var(--bg-circle);
    filter:blur(5px);
}
/* .DolabBlack .animation .circle.four{
    background: #6F1898;
} */
.Dolab .bootstrap-select.control-block{
    width: 100%!important;
}
.Dolab .bootstrap-select.control-block .filter-option-inner-inner{
    height:2.4rem;
    line-height: 2.4rem;
}
.Dolab .bootstrap-select.control-block{
    padding-left: 0rem!important;
    padding-right: 0rem!important;
    padding-top: 0rem!important;
}
.Dolab .bootstrap-select.control-block button{
    min-height: 2.5rem;
    padding: 0.0rem 1.1rem;
    font-size: 0.76563rem;
    border-radius: 0.5rem;
    height: calc(1.5em + 0.5rem + 2px);
}
.Dolab .bootstrap-select.control-block .dropdown-menu.inner{
    background:var(--bs-card-bg);
}
.line-group-filter .row{
    margin: 0px;
}
.lineDiyGroupSttingPanel .pointQuickSelectDiv_parent,
.line-group-filter .pointQuickSelectDiv_parent {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
}
.lineDiyGroupSttingPanel .bootstrap-tagsinput input,
.line-group-filter .bootstrap-tagsinput input{
    height: 1.5rem!important;
}
.lineDiyGroupSttingPanel .pointQuickSelectDiv .check-item-label,
.line-group-filter .pointQuickSelectDiv .check-item-label{
    color: var(--primary-hover);
}

.Dolab .card .card-header .btn{
    font-size: .8rem;
    padding: .5rem .8rem;
    margin-top: .5rem;
}

.Dolab   .dataTable-Card-Body,
.Dolab   .dataTable-Card-Body > .row > .col-md-12{
    padding: 0px !important;
}
.Dolab   .dataTable-Card-Body > .row{
    margin: 0px !important;
}
.Dolab  .dataTable-Card-Body table{
    background-color: rgba(0,200,150,0);
    margin-bottom:0px ;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
/*#endregion*/

/*#region timeline*/
/*
 * Component: Timeline
 * -------------------
 */
 .timeline {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
  }
  .timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px;
  }
  .timeline > li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
  }
  .timeline > li:before,
  .timeline > li:after {
    content: " ";
    display: table;
  }
  .timeline > li:after {
    clear: both;
  }
  .timeline > li > .timeline-item {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative;
  }
  .timeline > li > .timeline-item > .time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 12px;
  }
  .timeline > li > .timeline-item > .timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 16px;
    line-height: 1.1;
  }
  .timeline > li > .timeline-item > .timeline-header > a {
    font-weight: 600;
  }
  .timeline > li > .timeline-item > .timeline-body,
  .timeline > li > .timeline-item > .timeline-footer {
    padding: 10px;
  }
  .timeline > li > .fa,
  .timeline > li > .glyphicon,
  .timeline > li > .ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
  }
  .timeline > .time-label > span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
  }
  .timeline-inverse > li > .timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .timeline-inverse > li > .timeline-item > .timeline-header {
    border-bottom-color: #ddd;
  }
/*#endregion*/

/*#region dialog*/
/* artDialog */
.Dolab .ui-dialog{
    background-color: var(--bs-body-bg);
    border: none;
    color: white;
}
.Dolab .ui-dialog .ui-dialog-header,
.Dolab .ui-dialog .ui-dialog-close{
    color: white;
}
/* JoyDialog */
.Dolab .JoyDialog .dialog-content{
    background-color: var(--bs-body-bg)!important;
    color: var(--text-color);
    /* box-shadow: 3rem 3rem 3rem 3rem var(--rgba-primary-1) !important; */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3)!important;
}
.Dolab .JoyDialog[data-style=pc] .dialog-content-hd {
    margin-bottom:0px;
}
.Dolab .JoyDialog .dialog-content-hd .dialog-content-title{
    color: var(--text-color);
}

.Dolab .JoyDialog .dialog-content-hd .dialog-btn-close:before,
.Dolab .dialog-content-hd .dialog-btn-close:after {
    background-color: var(--text-color);
}
.Dolab .JoyDialog .dialog-content-bd{
    color: var(--text-color);
}
.Dolab .ui-dialog .form-horizontal .row,
.Dolab .JoyDialog .dialog-content .form-horizontal .row{
    margin-left:0px ;
    margin-right:0px ;
}
.Dolab .JoyDialog .dialog-content-ft .dialog-btn{
    color: var(--text-color)!important;
}
.Dolab .JoyDialog .dialog-content-ft .dialog-btn-cancel{
    color: var(--bs-warning)!important;
}
.Dolab .JoyDialog .dialog-content-ft .dialog-btn-confirm{
    color: var(--bs-success)!important;
}
.Dolab .ui-dialog .ui-dialog-body .dataTable.cureData,
.Dolab .JoyDialog .dialog-content .dataTable.cureData{
    background: none;
}

.Dolab .ui-dialog .form-horizontal .form-inline.row,
.Dolab .JoyDialog .form-horizontal .form-inline.row{
    margin-left: 0px;
    margin-right: 0px;
}
.Dolab .ui-dialog .form-horizontal .form-inline .form-control,
.Dolab .JoyDialog .form-horizontal .form-inline .form-control{
    min-height: 2.5rem;
    padding: 0.25rem 1.1rem;
    font-size: 0.76563rem;
    border-radius: 0.5rem;
    height: calc(1.5em + 0.5rem + 2px);
}
.Dolab .JoyDialog.dialog-notice .dialog-content.notice_error{
  background-color :rgba(247, 43, 80, 0.35)!important
}
.Dolab .JoyDialog.dialog-notice .dialog-content.notice_warning{
  background-color : rgba(255, 170, 43, 0.35)!important;
}
.Dolab .JoyDialog.dialog-notice .dialog-content.notice_info{
  background-color: rgba(83, 202, 253, 0.35)!important;
}
.Dolab .JoyDialog.dialog-notice .dialog-content.notice_success{
  background-color: rgba(30, 174, 122, 0.55)!important;
}
.Dolab .JoyDialog.dialog-notice .dialog-content  .dialog-content-bd .Jnotice-btn-close{
    top: 50%;
    transform: translateY(-1rem);
}

/*#endregion*/

/*#region ztree*/
.ztree.myTheme *{
    font-size: 1rem !important;
}
.ztree.myTheme li a {
    line-height: 1.2rem !important;
    height: 1.7rem!important;
    /* font-size: 1.2rem; */
}
.ztree.myTheme li a .role_Permission_code{
    font-size: .5rem!important;
    /* font-size: 1.2rem; */
}
.ztree.myTheme li a.curSelectedNode{    
    background: rgba(30, 174, 122, 0.15);
}
.ztree.myTheme li a.curSelectedNode span:last-child .button{
    color: var(--text-color);
}

.Dolab .myTheme.ztree li i.button {
    color: var(--text-color);
}
.Dolab .myTheme.ztree li i.button:hover {
    color: var(--primary-hover);
}
.Dolab .myTheme.ztree li i.button:hover {
    text-decoration: none;
}
/*#endregion*/

/*#region dataTable*/
.dataTable thead{
    text-align: center;
}
.Dolab .dataTable thead th{
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    vertical-align: middle;
}
.dataTable .label{
    line-height: 1.5;
    border-radius: 1.03125rem;
    padding: 0.25rem 0.625rem;
    border: 0.0625rem solid transparent;
    font-weight: 500;
    display: inline-block;
    font-size: 0.75em;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.dataTable .label.label-state-up{
    background: var(--rgba-primary-1)!important;
    color: #1EAE7A;
    box-shadow: 0 0.3125rem 0.9375rem 0 var(--rgba-primary-1) !important;

}
.dataTable .label.label-state-down{
    background-color: rgba(247, 43, 80, 0.15)!important;
    color: #f72b50;
    box-shadow: 0 0.3125rem 0.9375rem 0 rgba(247, 43, 80, 0.15) !important;
}
.dataTable .btn{
    display: inline-block;
    padding: 0.1875rem;
    height: 1.625rem;
    min-width: 1.625rem;
    min-height: 1.625rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.3125rem 0.9375rem 0 var(--rgba-primary-2) !important;
    font-size: 0.75rem;
    font-weight: 600;
    margin-right: 0.25rem !important;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.dataTable .btn.btn-secondary{
    background: var(--secondary);
}
.dataTable .btn.btn-dark{
    background: var(--primary-dark);
}
.dataTable tbody td[td-name="operat"],
.dataTable tbody td.operatTD{
    white-space: nowrap;
}


.dataTable.cureData{
    font-size: 14px;
}

.dataTable.cureData th{
    padding: .8rem .8rem !important;
    font-weight: 600;
    color: white;
}
.dataTable.cureData td:first-child{
    padding-left:.8em;
}
.dataTable.cureData td:last-child{
    padding-right:.8em;
}
.dataTable.cureData td{
   padding:.8em;
   color: rgba(255, 255, 255, 0.6);
}
.dataTable.cureData td[td-name="operat"] .btn {
    margin-right: 0px!important;
}
.bootstrap-table.bootstrap5 .fixed-columns,
.bootstrap-table.bootstrap5 .fixed-columns-right{
    background: none;
}
/*#endregion*/

/*#region bootstrap-select*/
.Dolab  .bootstrap-select{
    height:2.4rem;
    line-height: 2.4rem;
}
.Dolab .bootstrap-select{
    padding-left: 0rem!important;
    padding-right: 0rem!important;
    padding-top: 0rem!important;
}
.Dolab .bootstrap-select button{
    min-height: 2.5rem;
    padding: 0.0rem .2rem;
    font-size: 0.76563rem;
    border-radius: 0.5rem;
    height: calc(1.5em + 0.5rem + 2px);
}
.Dolab .bootstrap-select .btn-group .btn{
    padding: 0.5rem 0.5rem;
}
.Dolab .bootstrap-select .dropdown-menu.inner {
    line-height: 1.5rem;
}

/*#endregion*/

/*#region menu login homepage*/
/* #MAIN_NAVIGATION_MENU{
    overflow-y: auto;
} */
.metismenu .treeview-menu .active .nav-text::before {
    content: "√";
    display: inline-block; 
    color: #1EAE7A;
    margin-right:10px
}

/* login*/
.login-box{
    width: 360px;
    margin: 7% auto;
}
.login-box-body .form-group{
    margin-bottom: 15px;
}
#dialog_pwdMofify 
/* home page */
.home-page-body{
    padding-top: 15px;
}
.home-page-header.header .header-content{
    padding-left: .5rem;
}
.home-page-body .main-content-div .nav-tabs-custom .nav-tabs.view-change-tab{
    margin-bottom: .5rem;
    background-color: var(--bs-card-bg);
    transition: all .5s ease-in-out;
    position: relative;
    border: 0rem solid transparent;
    border-radius: 0.938rem;
    box-shadow: 0 0.25rem 0.375rem rgba(62, 73, 84, 0.04);
    /* height: calc(100% - 1.875rem); */
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    justify-content: space-between;
    display: block;
}

.home-page-body .list-tree-view .chart-view .card-body .control-lable.bg-blue{
    text-align: right;
    padding: .2rem 0px;
    background: rgba(255, 255, 255, 0.1)!important;
}
.home-page-body .list-tree-view .chart-view .card-body .info-box-number.bg-orange {
    width: 8rem;
    padding: .2rem 0px;
    background: rgba(237, 128, 48,0.8)!important;
}

.home-page-body .list-tree-view .chart-view .form-horizontal{
    padding-top: 1.5rem;

}
.home-page-body .list-tree-view .chart-view .form-horizontal .btn{
    padding: .46rem;

}
.home-page-body .main-content-div .nav-tabs-custom .nav-tabs.view-change-tab .nav-item{
    display: inline-block;
}
.home-page-body .main-content-div .nav-tabs-custom .nav-tabs.view-change-tab .nav-item .active{
    border-bottom: 0.2em solid white;
}
.searchResultProjectListPanel{
    position: absolute;width:19.75rem;top: 55px; left:0px;
    background:rgba(var(--bs-light-rgb), 0.9);
    border-radius: 0.6rem;
    border-top-left-radius: 0.8rem !important;
    border-bottom-left-radius: 0.8rem !important;
}
.searchResultProjectListPanel li{
    border-bottom: 1px solid;
    padding: .5rem 0rem;
}
.searchResultProjectListPanel li:last-child{
    border-bottom: 0px;
}
.searchResultProjectList li:hover{
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 0.3;
    /* color: var(--primary); */
}
.mapOverlayProjectInfo .roomInfo{
    color: var(--text-color);
    padding: .3rem .75rem;
    cursor: pointer;
    position: relative;
    font-weight: 400;
    border-radius: 0.938rem;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    background: var(--bg-circle);
    margin-bottom: .3rem;
}
.mapOverlayProjectInfo .roomInfo .ficon{
    float: right;
    margin-top: .3rem;
}

.joyconn-collapse.root-ul .icheckbox_square-blue{
    margin-top:0.2em;
}
/*#endregion*/

/*#region comm*/
.chatbox.active{
    overflow-y: auto;
    padding-right: 1em;
}
.chatbox .contacts.control-sidebar-room-ul li{
    padding-right: 0;
    border-bottom: none;
}
.control-sidebar-room-ul .header{
    display: none;
}
.control-sidebar-room-ul ul{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.control-sidebar-room-ul li{
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}
.control-sidebar-room-ul li:hover{
   background: none !important;
}
.control-sidebar-room-ul .treeview-menu{
    display: none;
}
.control-sidebar-room-ul .treeview a{   
    line-height: 2rem;
}.control-sidebar-room-ul .treeview a  .pull-right{
    padding-top: .5rem;
}
.control-sidebar-room-ul .treeview.active > .treeview-menu{
    display: block;
}

.control-sidebar-room-ul .treeview.active > .treeview-menu >li.active > .treeview-menu{
    display: block;
}

.control-sidebar-room-ul .treeview a{
    color:  var(--text-color);
    border-radius: 0.3125rem;
    padding: 0.1rem 1rem;
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: var(--linear);
    
    display: block;
    margin: 2px 0;
    text-decoration: none;
    font-weight: 700;
    box-sizing: border-box;

    position: relative;
    min-height: 20px;
    font-size: 13px;
    /* line-height: 20px; */
}
.control-sidebar-room-ul .treeview a:hover{
    color:  var(--text-color);
    background: var(--primary);
}


.Dolab .daterangepicker.dropdown-menu.show-calendar .btn.bg-olive {    
    background-color: var(--bs-success) !important;
}
.Dolab .daterangepicker.dropdown-menu.show-calendar .btn.bg-gray{
    background-color: var(--bs-warning) !important;
}
.Dolab .month_btn_panel_container .bg-light-blue{
    background-color: var(--primary) !important;
}
.Dolab .month_btn_panel_container .bg-gray{
    background-color: var(--primary-hover) !important;
}
/*#endregion*/

/*#region UsedEnergOverview*/
.UsedEnergOverview .card .card-body{
    padding:1rem;
    color: var(--text-color);
}
.UsedEnergOverview .card .card-body .customUl li{
    padding-left:0rem;
    padding-right: 0rem;
}
.UsedEnergOverview .card .card-body .customUl li > div{
    text-align: right;
}
.UsedEnergOverview .card .card-body .customUl li > div span:first-child{
    text-align: left;
    float: left;
    font-weight: bolder;
}
.UsedEnergOverview .small-box .icon {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    top: -5px;
    right: 10px;
    z-index: 0;
    font-size: 60px;
    color: var(--text-color);
    opacity: 0.5;
}
.UsedEnergOverview  .bg-aqua{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), 0.3) !important;
}
.UsedEnergOverview  .bg-green {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), 0.3) !important;
}
.UsedEnergOverview  .bg-yellow{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), 0.3) !important;
}
.UsedEnergOverview  .bg-red{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),0.3) !important;
}
.UsedEnergRealChart .card{
    margin-top: 1rem;
}
.UsedEnergRealChart .card:first-child{
    margin-top: 0px;
}
.UsedEnergRealChart .nav-tabs{
    display: block;
}
.UsedEnergRealChart .nav-tabs .nav-item{
    display: inline-block;
}
.UsedEnergRealChart .nav-tabs .nav-item.header{
    position: relative;
    z-index: 0;
    width: auto;
    display: inline-block;
    color: var(--text-color);
    background: none;
    padding-left: 0px;
    margin-right: 1rem;
    font-size: 1.1rem;
    line-height: 2.6rem;
}
.UsedEnergRealChart .nav-tabs .nav-item.pull-right{
    float:right;
    color: var(--text-color);
}
.UsedEnergRealChart .nav-tabs .nav-item.active a{
    background-color: var(--bs-body-bg);
    border-color: var(--bs-body-bg) var(--bs-body-bg) var(--bs-body-bg);
    color: var(--text-color);
    border-bottom: 0.2em solid var(--text-color);
}
.UsedEnergRealChart .nav-tabs .nav-tools .btn-group{
    margin-left: -1rem;
}
/*#endregion*/

/*#region alarm*/
.alarm-counter-dialog .element_list{
    display: block;
}
.alarm-counter-dialog .element_list>li{
    display: block;
    clear: both;
    padding: .5rem;
}
.alarm-counter-dialog .element_list>li .label-warning{
    background-color: #E43BFF;
}
.neer_month_unexcute_alarm .alarm-header,.neer_month_unexcute_alarm .alarm-footer{
    background-color: var(--nav-headbg)!important;
}
.DolabBlack .neer_month_unexcute_alarm .alarm-header,
.DolabBlack .neer_month_unexcute_alarm .alarm-footer{
    background-color:rgba(120, 120, 120, 0.99)!important
}
.neer_month_unexcute_alarm .closeBtn{
    float: right;
    font-size: 28px;
    margin-top: -10px;
    margin-right: -10px;
    cursor: pointer;
}
.alarmIndexPage .search_params_pannel .searchPanel{
    padding-left: .5rem;
}
.alarmIndexPage .search_params_pannel .btn-group.pull-right 
,.InspectionIndexPage .search_params_pannel .btn-group.pull-right
,.alarmNoticeConfigPage .search_params_pannel .btn-group.pull-right
{
    padding-top: .5rem;
    padding-right: 0rem !important;
}
.alarmIndexPage .search_params_pannel .btn-group.pull-right .btn:last-child{
    margin-right: 0rem !important;
}
.alarmIndexPage .pagination  {
    margin-top: 0rem;
}
.alarmIndexPage .dataTable th:first-child, .alarmIndexPage .dataTable td:first-child{
    padding-left: .3rem;
    text-align: center;
}
.alarmIndexPage .dataTable th:last-child, .alarmIndexPage .dataTable td:last-child{
    padding-right: .3rem;
}
.alarmIndexPage .dataTable thead th{
    padding:.8rem .5rem;
    text-align: center;
}
.alarmIndexPage .dataTable td{
    padding:.8rem .5rem;
}
.alarmIndexPage .dataTable tbody td[td-name="operat"]{
    white-space: nowrap;
}
.alarmIndexPage .dataTable .yichuli,
.alarmIndexPage .dataTable .bg-red.weichuli{   
    width:4rem;
}
/*#endregion*/

/*#region alarmNoticeAccountPage*/
.alarmNoticeAccountPage .manageAlarm-data-list-body .fa-minus-square{
    color: var(--bs-danger);
}
.alarmNoticeAccountPage .manageAlarm-data-list-body .element-btn-clone{
    width:2.5rem;
}
.alarmNoticeAccountPage .manageAlarm-data-list-body .settinged span[data-span="state"]{
    display: none;
}
.alarmNoticeAccountPage .manageAlarm-data-list-body  span[data-span="cfg"]{
    background-color: rgba(247, 43, 80, 0.15)!important;
    color: #f72b50;
}
.alarmNoticeAccountPage .manageAlarm-data-list-body .settinged span[data-span="cfg"]{
    background: var(--rgba-primary-1)!important;
    color: #1EAE7A;
}
.alarmNoticeAccountPage .manageAlarm-data-list-body .element-btn-test{
    background: var(--rgba-primary-1)!important;
    color: #1EAE7A;
}
/*#endregion*/

/*#region alarmNoticeConfigPage*/
.alarmNoticeConfigPage .dataTable .label.element-btn-update{
    border-color: var(--primary);
    background-color: var(--primary);
}
.alarmNoticeConfigPage .dataTable .label.element-btn-delete{
    background-color: #f72b50;
    border-color: #f72b50;
}

.alarmNoticeConfigPage .dataTable thead th{
   text-align: center;
}
.alarmNoticeConfigPage .dataTable th:last-child, .alarmNoticeConfigPage .dataTable td:last-child{
    padding-right: .3rem;
    text-align: center;
}
.alarmNoticeConfigPage .dataTable tbody td[td-name="operat"]{
    white-space: nowrap;
}
/*#endregion*/



/*#region dbback*/
.dbBackPage .card .borderBottom{
    border-bottom: 0px;
}
.dbBackPage .card .marginBottom{
    margin-bottom: 0px;
}
.dbBackPage .card .marginBottom .btn-group .btn{
    padding: 0.2rem .4rem;
    font-size: .8rem;
}

.dbBackPage .card h4,
.dbBackPage .card h4 label{
    margin-bottom: 0px;
}
.dbBackPage .card .div_system_tables,
.dbBackPage .card .div_room_tables{
    margin-top: 1rem;
}
/*#endregion*/



/*#region topo page*/
.rapael-pannel.PageContainer-pannel{
    margin: -10px;
    margin-top: -15px;
    padding: 10px;
    background-color: var(--bs-card-bg);
    transition: all .5s ease-in-out;
    position: relative;
    border: 0rem solid transparent;
    border-radius: 0.938rem;
    box-shadow: 0 0.25rem 0.375rem rgba(62, 73, 84, 0.04);
    height: calc(100% - 1.875rem);
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
}
.TopoRoomPageContainer-pannel{
    margin: -10px;
    margin-top: -15px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 1.875rem);
}
.TopoRoomPageContainer-pannel .topo-pannel,
.TopoRoomPageContainer-pannel .part-list-pannel{   
    transition: all .5s ease-in-out;
    position: relative;
    border: 0rem solid transparent;
    box-shadow: 0 0.25rem 0.375rem rgba(62, 73, 84, 0.04);
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
}
.TopoRoomPageContainer-pannel .part-list-pannel{   
    /* margin-bottom:1rem ; */
    /* background-color: var(--bs-card-bg); */
    /* background-color: var(--bs-warning); */
    border-radius: 0.938rem;
    border-radius: 0.938rem;
    padding: .5rem;
    z-index: 1;
}
.TopoRoomPageContainer-pannel .part-list-pannel .bg-orange{  
  
}
.TopoRoomPageContainer-pannel .part-list-pannel .bg-orange::before{  
    content: "√";
    color:var(--text-color) !important ;
    display: inline-block; 
    margin-right:2px
}
.TopoRoomPageContainer-pannel .part-list-pannel .bg-light-blue{   
   background-color: var(--bs-primary);
}
.TopoRoomPageContainer-pannel .topo-pannel{   
    background-color: rgba(255,255,255,0.8);
    /* margin-top: -1rem;
    padding-top: 1rem; */
    border-bottom-left-radius: 0.938rem;
    border-bottom-right-radius: 0.938rem;
}
.TopoRoomPageContainer-pannel .operat-pannel{
    color: var(--text-color);
}
/*#endregion*/



/*#region finalDataApi-dataDocCreate*/
.Dolab .dataDocCreate .row-odd{
    background:var(--bs-warning)!important;
}
.Dolab .dataDocCreate .row-even{
    background:var(--bs-info)!important;
}
/*#endregion*/

/*#region ledger*/
.addManufacture-btn{
    margin-top: 0px!important;
    margin-right: 0px!important;
    width: 8rem;
    line-height: 2.4rem!important;
    padding-top: 0px!important;
    padding-right: 0rem!important;
    padding-bottom: 0rem!important;
    padding-left: 0rem!important;
}
.ledgerDataTable th,.ledgerDataTable td{
    padding:.6rem!important
}
.ledgerDataTableContainer table thead th:last-child{
    width: 10rem;
}
/*#endregion*/


/*#region video-camerasetting*/
.Dolab .camera-video-data-list-table td span{
    word-break: break-all;
}
.Dolab .camera-video-data-list-table thead th:last-child{
    min-width: 10rem;
}
.Dolab .camera_list_panel.camera_list_ul_panel select{
    background: var(--bs-warning);
}
.Dolab .camera_list_panel.camera_list_ul_panel{
    background: none;
    width: 20rem;
    padding-right: 1rem;
}
.Dolab .camera_list_panel_expend_btn{    
   color:var(--text-color);
}
.Dolab .camera_preview_main_view{    
    margin-left: calc(22rem);
}

.Dolab .camera_monitor_div{    
    padding: 0px;
}
.Dolab .camera_monitor_div .navbar-custom-menu .nav-tabs{    
    min-height: 44px;
}
/*#endregion*/

/*#region device manage */
.deviceManagePage .moveDeviceConfigLabel{
   color: var(--text-color)!important;
}
.deviceManagePage .resize_right .row{
    margin: 0px !important;
}
.deviceManagePage .resize_right .row .col-md-12 {
    padding: 0px !important;
}
.deviceNameModifyForm .margin{
    margin: 10px !important;;
}
.deviceNameModifyForm .margin label{
    margin-bottom: 0px !important;;
}

/*#endregion*/

/*#region point manage page*/
.pointManagePage .dataTables .searchPanel{
    margin-top: 1rem;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
}
.pointManagePage .dataTables .searchPanel .bootstrap-select{
    height:2.4rem;
    line-height: 2.4rem;
}
.pointManagePage .dataTables .searchPanel .bootstrap-select{
    padding-left: 0rem!important;
    padding-right: 0rem!important;
    padding-top: 0rem!important;
}
.pointManagePage .dataTables .searchPanel .bootstrap-select button{
    min-height: 2.5rem;
    padding: 0.0rem .2rem;
    font-size: 0.76563rem;
    border-radius: 0.5rem;
    height: calc(1.5em + 0.5rem + 2px);
}
.pointManagePage .dataTables .searchPanel .bootstrap-select .dropdown-menu.inner {
    line-height: 1.5rem;
}
.pointManagePage .dataTables .searchPanel .bootstrap-select button .filter-option-inner-inner{
    max-width: 8rem;
}
/*#endregion*/

/*#region inquirytask page  */

.Dolab .inquiryTaskPage >.box >.box-body > .dataTables{
    padding-top: 0px!important;
}
.Dolab .inquiryTaskPage >.box >.box-body >.dataTables> .row{
    padding-top: 10px!important;
    margin: 0px !important;
}
.Dolab .inquiryTaskPage >.box >.box-body >.dataTables> .row > .col-md-12{
    padding: 0px!important;
}

.Dolab .inquiryTaskPage >.box >.box-body >.dataTables>.row table.dataTable{
    margin-top: 0px!important;
}
 
.Dolab .InquiryTaskDataTable tbody tr .btn {
    min-width: 2rem;
}
.Dolab  .monitorPointReciveValueDialog .nav-tabs-custom .tab-content .searchPanel  .form-inline.row{
    display: block;
}
.Dolab  .monitorPointReciveValueDialog .nav-tabs-custom .tab-content .searchPanel  .form-inline.row .control-label{
    display: inline;
}
.Dolab  .monitorPointReciveValueDialog .nav-tabs-custom .tab-content .searchPanel  .form-inline.row .btn-group{
    display: inline-block;
    width: auto;
}
.pointPropertysSelect >a{
    text-decoration: underline;
    text-underline-offset: .2rem;
    color: var(--bs-primary);
}
.DataGramAddOrModifyForm .autoCallModbusCrc{
    margin-top: .7rem;
}
.deviceAddOrModifyFromDataGramForm .pointTagsQuickCheck label{
    background-color: rgba(0, 175, 239, 0.15);
    color: #00afef;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 1.03125rem;
    padding: 0.25rem 0.625rem;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
/*#endregion*/


/*#region calculation page  */
.Dolab  .warningRow{
    background-color: var(--bs-warning)!important;
}
 /*#endregion*/

/*#region Config Device Linkage page  */
.Dolab  .ConfigDeviceLinkageAddOrModifyForm label.addOperat{
    font-size: .8rem;
    padding: 0.238rem 1rem;
    font-weight: 600;
}
 /*#endregion*/


/*#region real time value page  */

.Dolab .pointRealTimeValue .box >.box-header {
    border-bottom: 0px !important;
}
.Dolab .setting_div .filter_option  > .row,
.Dolab .table_header.row,
.Dolab .deviceRow.row,
.defined_properties_root_div .row {
    margin-left: 0px;
    margin-right: 0px;
}
.defined_properties_root_div .row.property-row  {
    display: block;
}
.defined_properties_root_div .row.property-row  .col-xs-2{
    width: 16%;
    display: inline-block;

}
.Dolab .deviceRow:nth-child(odd){
    background: var(--bs-card-bg);
}

.setting_div.seachPanel .bootstrap-select{
    height:2.4rem;
    line-height: 2.4rem;
}
.setting_div.seachPanel .bootstrap-select{
    padding-left: 0rem!important;
    padding-right: 0rem!important;
    padding-top: 0rem!important;
}
.setting_div.seachPanel .bootstrap-select button{
    min-height: 2.5rem;
    padding: 0.0rem .2rem;
    font-size: 0.76563rem;
    border-radius: 0.5rem;
    height: calc(1.5em + 0.5rem + 2px);
}
.setting_div.seachPanel .bootstrap-select .dropdown-menu.inner {
    line-height: 1.5rem;
}
.setting_div.seachPanel .bootstrap-select button .filter-option-inner-inner{
    max-width: 8rem;
}
 /*#endregion*/

 /*#region RoomReportPage   */
.Dolab  .reportPage .searchPanel .checkBtnGroup {
    line-height: 1.5rem;
}
.Dolab  .reportPage .searchPanel .checkBtnGroup label{
    margin-bottom: 3px;
    margin-top: 3px;
}
.report_table_row{
    margin: 0px !important;
}

.report_table_row > .col-md-12{
    padding: 0px !important;
}
/*#endregion*/

/*#region RoomReportPage   */
.Dolab  .RoomReportPage-searchParams-row .search-params{
    margin-top: 0px!important;
}
.Dolab  .RoomReportPage-searchParams-row .reportSettingBtn,
.Dolab  .RoomReportPage-searchParams-row .creatReportBtn{
    font-size: .9rem;
    padding: .5rem 1rem;
}
/*#endregion*/


/*#region print_div page  */

.report_div table{
    border: 1px solid #000;
}
.report_div table th,
.report_div table tr,
.report_div table td,
.report_div .table th,
.report_div .table tr,
.report_div .table td,
.report_div .table thead,
.report_div .table tbody{
    border: 1px solid #000 !important;;
    border-collapse: collapse;
}
.report_div table th,
.report_div table td,
.report_div .table th,
.report_div .table td{
    padding: 4px;
}
.report_div table thead th,
.report_div .table thead th{
    font-size: 14px;
    font-weight: 600;    
    word-wrap: break-word;
    white-space: normal;
}
.report_div,.report_div .table,.report_div .table th,.report_div .table td, 
.report_div h1,
.report_div h2,
.report_div h3,
.report_div h4,
.report_div h5,
.report_div h6,
.report_div h7,
.report_div h8{
    color: #000;
}
.report_div .printReportBtn{
    text-wrap: nowrap;
}
 /*#endregion*/

/*#region ElecAndPowerLayout   */
.Dolab  .ElecAndPowerLayout  >.box >.box-header{
    border: none !important;
}
/*#endregion*/

/*#region PointRealDataReportDayPage   */
.Dolab .PointRealDataReportDayPage .fuhe-chart-container-div .nav-tabs-custom .form-inline{
    display: flex;
}
.Dolab .PointRealDataReportDayPage .fuhe-chart-container-div .nav-tabs.form-inline{
    display: block;
    border-bottom: 1px solid #dee2e6;
}
.Dolab .PointRealDataReportDayPage .fuhe-chart-container-div .nav-tabs.form-inline .nav-item {
    display:inline-block;
}
.Dolab .PointRealDataReportDayPage .fuhe-chart-container-div .nav-tabs.form-inline .nav-item.header {
    position: relative !important;
    width: auto !important;
    padding-left:0px;
    height:auto !important;
}

.Dolab .PointRealDataReportDayPage .fuhe-chart-container-div .nav-tabs.form-inline .nav-item.header label{
   padding: 0px;
   line-height: 2rem;
}
.Dolab .PointRealDataReportDayPage .fuhe-chart-container-div .nav-tabs.form-inline .nav-item.header label.btn-link.control-label{
    margin-right: 2rem;
 }
 
.Dolab .PointRealDataReportDayPage .fuhe-chart-container-div .nav-tabs.form-inline .nav-item.data-chart-data-type {
   float: right;
 }
.Dolab .PointRealDataReportDayPage .fuhe-chart-container-div .nav-tabs.form-inline .nav-item.data-chart-data-type a{
    /* line-height: 2rem; */
    line-height: 1.3rem;
    height: 2.9rem;
 }
.Dolab .PointRealDataReportDayPage .fuhe-chart-container-div .nav-tabs.form-inline .btn-group.pull-right{
    padding:2px 30px;
 }
/*#endregion*/



/*#region deviceDataMonitorPage   */
.Dolab  .deviceDataMonitorPage  >.box >.box-header{
    border: none !important;
}
/*#endregion*/

/*#region deviceComtradeData page   */
.Dolab  .comtradeListDiv   .row{
    margin: 0px;
}
.Dolab  .comtradeListDiv   .col-md-12{
    padding: 0px;
}
.Dolab  .comtradeListDiv   .card-body{
    padding-left:.5em!important;
    padding-right:.5em!important;
}
/*#endregion*/



/*#region PowerQualityAnalysisPage   */
.Dolab  .PowerQualityAnalysisPage  .searchPanel .btn-group{
    border: none !important;
}
.Dolab  .PowerQualityAnalysisPage  .box-header.needMoveChildrenToCard{
    border: none !important;
}

.Dolab  .PowerQualityAnalysisPage  .qualityCharts .card-header{
   padding: .5rem 0rem .5rem 1.5rem;
}
.Dolab  .PowerQualityAnalysisPage  .qualityCharts .card-header .box-title{
   margin-bottom: 0rem;
   font-size: 1.2rem;
}
.Dolab  .PowerQualityAnalysisPage  .qualityCharts:first-child{
    margin-top: 2rem !important;
}
.Dolab  .PowerQualityAnalysisPage  .qualityCharts .col-xs-12:first-child{
    padding-left: 0px !important;
}
.Dolab  .PowerQualityAnalysisPage  .qualityCharts .col-xs-12:last-child{
    padding-right: 0px !important;
}
.Dolab  .PowerQualityAnalysisPage  .qualityCharts .xieboCard .card-body >.row{
    padding-top: 1rem !important;
}
.Dolab  .PowerQualityAnalysisPage  .qualityCharts .thd.xieboCard{
   height: auto !important;
}
/* .Dolab  .PowerQualityAnalysisPage  .qualityCharts .bupinghengdu {
    background-color: rgba(255, 170, 43, 0.15);
    border-color: rgba(255, 170, 43, 0.15);
    color: #FFAA2B;
} */
/*#endregion*/




/*#region pointGroupDataMonitor   */
.Dolab  .pointGroupDataMonitor  .filter_option_title{
    line-height: 2.5rem;
}
/*#endregion*/




/*#region threeBalancePage   */

.Dolab .PointRealDataReportDthreeBalancePageayPage .fuhe-chart-container-div .nav-tabs-custom .form-inline{
    display: flex;
}
.Dolab .threeBalancePage .fuhe-chart-container-div .nav-tabs.form-inline{
    display: block;
    border-bottom: 1px solid #dee2e6;
}
.Dolab .threeBalancePage .fuhe-chart-container-div .nav-tabs.form-inline .nav-item {
    display:inline-block;
}
.Dolab .threeBalancePage .fuhe-chart-container-div .nav-tabs.form-inline .nav-item.header {
    position: relative !important;
    width: auto !important;
    padding-left:0px;
    height:auto !important;
}

.Dolab .threeBalancePage .fuhe-chart-container-div .nav-tabs.form-inline .nav-item.header label{
   padding: 0px;
   line-height: 2rem;
}
.Dolab .threeBalancePage .fuhe-chart-container-div .nav-tabs.form-inline .nav-item.header label.btn-link.control-label{
    margin-right: 2rem;
 }
 
.Dolab .threeBalancePage .fuhe-chart-container-div .nav-tabs.form-inline .nav-item.data-chart-data-type {
   float: right;
 }
.Dolab .threeBalancePage .fuhe-chart-container-div .nav-tabs.form-inline .nav-item.data-chart-data-type a{
    /* line-height: 2rem; */
    line-height: 1.3rem;
    height: 2.9rem;
 }
.Dolab .threeBalancePage .fuhe-chart-container-div .nav-tabs.form-inline .btn-group.pull-right{
    padding:2px 30px;
 }
.Dolab .threeBalancePage .device_select_btn{
    width: 200px;
    padding: .3rem;
    border: 1px solid;
 }
/*#endregion*/





/*#region resource rol menu*/
.RightTreePannelContainer .legend> span{
    margin-right:20px;
}
#RightTreePannel.ztree .level0{
    color: var(--text-color);
}
.RightTreePannelContainer .legend> span.text-red,
.myTheme.ztree .rightNodeTypeRed,
#RightTreePannel.ztree .rightNodeTypeRed{
    color: var(--bs-red)!important;
}
.RightTreePannelContainer .legend> span.text-blue,
.myTheme.ztree .rightNodeTypeBlue,
#RightTreePannel.ztree .rightNodeTypeBlue{
    color: var(--bs-warning)!important;
}
.RightTreePannelContainer .legend> span.text-green,
.myTheme.ztree .rightNodeTypeGreen,
#RightTreePannel.ztree .rightNodeTypeGreen{
    color: var(--bs-success)!important;
}
.RightNodeEditContainer #RightEditPannel h3{
    font-size: 1.2rem;
}


.role-searchPanel-body > .row{
    margin-left: 0px;
    margin-right: 0px;
}
.role-searchPanel-body #roleList{
    padding-left: 0px;
    padding-right: 0px;
}
.menu_data_list_table.treetable .nav-label{
    border: none;
    margin: 0px;
    padding: 0px;
}
.menu-searchPanel-header .dropdown-menu{
    /* background: rgba(var(--bs-primary-rgb), 1); */
    background: var(--bs-body-bg);
    box-shadow:  0 0 2.3125rem rgba(8, 21, 66, 0.05);
    padding: 1rem;
    color: var(--text-color);
}
.menu-searchPanel-header .dropdown-menu .header{
    border-top-left-radius:0%;
    border-top-right-radius:0%;
    background: rgba(var(--bs-success-rgb), 1);
    color: var(--text-color);
    height: 2rem!important;
    position: relative;
    padding: 0px;

}
.menu-searchPanel-header .dropdown-menu .bg-olive{
    background: var(--bs-green);

}
.menu-searchPanel-header  .menu-data-list-ul li a{
    display: flex;
    flex-direction: row;
    justify-content: space-between !important;
    color: var(--text-color);
}
.menu-searchPanel-header  .menu-data-list-ul li a .menu_item_name{
    width:8rem
}
.menu-searchPanel-header .dropdown-menu .footer{
    border-top-left-radius:0%;
    border-top-right-radius:0%;
    background: rgba(var(--bs-success-rgb), 1);
   color: var(--text-color);
   padding: 0px;

}
.menu-searchPanel-body .dataTable .operatBtns{
    width: 6.5rem;
    display: block;
}
/*#endregion*/


/*#region UseEnergyPage comm   */
.Dolab  .UseEnergyPage  >.box:first-child{
    margin-bottom: 1.875rem;
}
.Dolab  .UseEnergyPage  >.card .card-header{
    padding:  .3rem 1rem;
}
.Dolab  .UseEnergyPage  >.card .card-header span{
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 600;
}
.Dolab  .UseEnergyPage  .lineType_useEnergy_table table{
    background-color: rgba(0,100,150,0.3);
}
/*#endregion*/

/*#region UseEnergyPage comm   */
.Dolab  .work_inspect_history_page  .searchPanel .bootstrap-select button{
    min-height: 2.5rem;
    padding: 0.0rem .2rem;
    font-size: 0.76563rem;
    border-radius: 0.5rem;
    height: calc(1.5em + 0.5rem + 2px);
    width:10rem;
}
.Dolab  .work_inspect_history_page  .searchPanel .bootstrap-select .filter-option-inner{
    margin: .6rem .2rem;
}
.Dolab  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Dolab .dl-horizontal dd {
    margin-left: 180px;
}
/*#endregion*/
@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }   
    .form-inline .form-control.control-block {
        width: 100%;
    }
    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    .form-horizontal .control-label {
        padding-top:7px;
        margin-bottom: 0;
        text-align: right
    }
    .form-horizontal .row {
        margin-bottom: .5rem;
    }
}