emsApplication/applications/WebConfigure/web/css/versions2.css

body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6, samp ,.logotitle {
    /*font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;*/
    font-family:'Microsoft Yahei';
}
/**  登陆页面 Start  ********************************/
.login_bg{
    height: 61px;
    font-size: 16px;
    padding-left: 25px;
}
.login_name{
    background: url(../img/username.png) no-repeat;
}
.login_pwd{
    background: url(../img/userpwd.png) no-repeat;
}

.login_button{
    font-weight: bolder;
    background: url(../img/button_bg.png) no-repeat;
    border-color: rgba(255, 255, 255, 0);
    width: 220px;
    height: 42px;
    margin: 0px auto;
}
.login_input_bg{
    height: 42px;
    font-size: 16px;
    padding-left: 25px;
    line-height: 1.3333333;
    outline: none;
    border-radius: 30px;
    margin: 10px 0px;
    background-color: rgba(68, 142, 254, 0.2);
    box-shadow: 0 0 18px rgba(68, 142, 254, 0.8);
}
.login_input_bg::-webkit-input-placeholder { /* Internet Explorer 10+ */
    color:#8e98bf;
}
/**  登陆页面 End  ********************************/

/**  正文 Start  ********************************/

.body_bg{
    background: url(../img/bg.jpg) no-repeat  center/100% 100%;
}

.diagram label{
    background-color: #203882;
    margin-right: 8px;
}

.transparency_bg{
    border: 0px;
    background-color: rgba(10, 10, 10, 0);
}
/* 蓝色风格背景框 */
.configure_bg{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(68, 142, 254);
    border-radius: 10px;
    background-image: -moz-linear-gradient( 90deg, rgba(14,120,244,0) 0%, rgba(14, 120, 244, 0.48) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(14,120,244,0) 0%, rgba(14, 120, 244, 0.48) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(14,120,244,0) 0%, rgba(14, 120, 244, 0.48) 100%);
    opacity: 0.9;
    background-color: rgba(255, 255, 255, 0);
    box-shadow: 0 0 18px rgba(68, 142, 254, 0.8);
}
.configure_tr{
    border-bottom: 1px solid rgb(68, 142, 254);
}
.configure_tr th label{
    color: #FFF;
}
/* 白色风格背景框 */
/*.white_bg{*/
    /*border: 1px solid rgba(32, 100, 202, 0.12);*/
    /*border-radius: 10px;*/
    /*!*opacity: 0.9;*!*/
    /*background-color: #FFFFFF;*/
    /*box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);*/
    /*color: #464952;*/
/*}*/
.white_bg{
    border: 1px solid rgba(32, 100, 202, 0.12);
    border-radius: 10px;
    background-image: -moz-linear-gradient( 90deg, rgba(14,120,244,0) 0%, rgba(14, 120, 244, 0.48) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(14,120,244,0) 0%, rgba(14, 120, 244, 0.48) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(14,120,244,0) 0%, rgba(14, 120, 244, 0.48) 100%);
    /*opacity: 0.9;*/
    background-color: rgba(255, 255, 255, 0);
    /*box-shadow: 0 0 18px rgba(68, 142, 254, 0.8);*/
}
.white_bg .signal_title{
    font-size: 16px;
    padding: 4px 16px;
    border-bottom: 1px solid rgba(32, 100, 202, 0.12);
    margin-bottom: 6px;
    color: #F0F0F0;
}
/* 红色风格背景框 */
.red_bg{
    background-color: #FA6552;
    color: #F0F0F0;
    border-radius: 10px;
}
.red_bg .pie-chart-title{
    background-color: #D34436;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
/* 灰色风格背景框 */
.gray_bg{
    background-color: #615856;
    color: #F0F0F0;
    border-radius: 10px;
}
.gray_bg .pie-chart-title{
    background-color: #4E4543;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
/* 淡蓝风格背景框 */
.babyBlue_bg{
    background-color: #77A9FF;
    color: #F0F0F0;
    border-radius: 10px;
}
.babyBlue_bg .pie-chart-title{
    background-color: #4679C7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* 信号组态 */
.configure_bg .signal_title{
    width: 100%;
    font-size: 16px;
    padding: 4px 16px;
    border-bottom: 1px solid #6093E5;
    margin-bottom: 6px;
}
.configure_bg .signal_body{
    width: 100%;
    height: 42px;
    line-height: 42px;
}
.signal_body .signal_body_name{
    width: 47%;
    float: left;
    text-align: right;
    padding-right: 22px;
    height: 42px;
    line-height: 42px;
}
.signal_body .table_signal_body_name{
    text-align: right;
    padding-right: 22px;
    height: 42px;
    line-height: 42px;
}
.signal_body .signal_body_space{
    width: 6%;
    float: left;
    height: 42px;
}
.signal_body .signal_body_value{
    width: 47%;
    float: left;
    height: 42px;
    line-height: 42px;
}
.signal_body .table_signal_body_value{
    height: 42px;
    line-height: 42px;
}
.signal_body .signal_body_value i{
    min-width: 90px;
    width: 80%;
    border-radius: 20px;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    text-align: center;
}
.signal_body .table_signal_body_value i{
    min-width: 90px;
    width: 80%;
    border-radius: 20px;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    text-align: center;
}

.mdc_temp_foot{
    position: absolute;
    top: 20.5%;
    right: 15%;
}
.mdc_temp_foot .foot_number{
    display: inline-block;
    line-height: 20px;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
}

/* 拟态框 */
.modal-content,.dialog_box{
    background-color: #033085;
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
    border-radius: 10px;
}
.modal-content .modal-header,.dialog_box .alarm_table_body{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #36599d;
}
.modal-content button.close{
    width: 30px;
    height: 30px;
    background-color: #f4455a;
    opacity: 1;
    border-radius: 20px;
}
.modal-content button.close:hover{
    background-color: #D9534F;
}
.modal-content button.close i{
    color: #fff;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0);
}

.alarm_table{
    background-color: #0a1e65;
    margin:0px auto;
}

.alarm_table tr td div,.alarm_table tr th div{
    max-width: 94%;
    margin: 0px auto;
    text-align: left;
}
.alarm_table_body input[title="table-filter"]
{
    border-radius: 20px;
    height: 34px;
}
.alarm_table_body .ng-isolate-scope{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 79px;
}
.alarm_table_body .ng-table-pagination{
    margin-left: 40%;
}
.alarm_table_body .ng-table-counts{
    margin: 20px 42px 20px 0px;
}
.alarm_table_body td .pull-right button{
    border: 0px;
    padding: 6px;
    width: 32px;
    border-radius: 20px;
}
.mdcBelow button.checked{
    border-radius: 20px;
}

/* 输入框 */
.form-control{
    background-color: #033085;
    border: 1px solid #025aff;
    border-radius: 20px;
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
}

.filter_input{
    position: relative;
    width: 45%;
    display: inline-block;
    line-height: 65px;
}
.filter_input input{
    display: inline-block;
}
input[type="text"], textarea, input[type="password"]{
    border-radius: 20px;
    background-color: #033085;
    border: 1px solid #025aff;
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
}
.WhiteInput input[type="text"],.WhiteInput textarea,.WhiteInput input[type="password"]{
    border-radius: 20px;
    background-color: #FFFFFF;
    border: 1px solid #025aff;
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
}

input[type="file"]{
    border-radius: 20px;
    background-color: #033085;
    border: 1px solid #025aff;
    color: rgb(97, 97, 97);
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
}

.hideBorder input[type="text"],.hideBorder  textarea,.hideBorder input[type="password"]{
    border-radius: 0px;
    /*background-color: #033085;*/
    border: 0px;
    box-shadow: rgba(15, 96, 244, 0) 0px 0px 0px;
}

input:read-only{/* readonly属性的input标签 */
    background-color: #1E3F8E;
    border: 1px solid #1E3F8E;
    box-shadow: rgba(15, 96, 244, 0) 0px 0px 0px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color: #1E3F8E;
    border: 1px solid #1E3F8E;
    box-shadow: rgba(15, 96, 244, 0) 0px 0px 0px;
}

select,select.btn-default{
    color: #FFF;
    border-radius: 20px;
    background-color: #033085;
    border: 1px solid #025aff;
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
}
.filter_input i{
    position: absolute;
    top: 19px;
    right: 15px;
    font-size: 25px;
    cursor: pointer;
}
.filter_input input::-webkit-input-placeholder { /* Internet Explorer 10+ */
    color: rgba(255, 255, 255, 0.6);
}

.table-bordered{
    border: 1px solid rgba(12, 19, 63, 0);
}
.table_body thead,table thead{
    background-color: #062776;
}
.table_body tbody,table tbody{
    background-color: #0a1e65;
}
.div_content{
    border: 1px solid #025aff;
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
    overflow-y: auto;
    background-color: #033085;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
    border-bottom: 1px solid #384b85;
}

input.btn-default:hover,select.btn-default:hover,
input.btn-default:focus,select.btn-default:focus,
input.btn-default.focus,select.btn-default.focus,
input.btn-default:active,select.btn-default:active,
input.btn-default.active,select.btn-default.active,
.open > .dropdown-toggle.btn-default{
    color: #FFF;
    background-color: #033085;
    border: 1px solid #025aff;
}
input.btn-default{
    color: #FFF;
}

/* 按钮 */
.btn-primary:hover{
    background-color: #0179ff;
}
.btn-primary{
    border-radius: 20px;
    background-color: #0166fe;
    border-color: #0179ff;
}
.btn-default{
    border-radius: 20px;
}
.btn-danger:hover{
    background-color: #f4455a;
}
.btn-danger{
    border-radius: 20px;
    background-color: #da4156;
    border-color: #f4455a;
}
.alarmLevel3{
    color:#da4156;
}
.btn-warning:hover{
    background-color: #eea236;
}
.btn-warning {
    border-radius: 20px;
    background-color: #db771f;
    border-color: #eea236;
}
.alarmLevel2{
    color:#db771f;
}
.btn-success{
    border-radius: 20px;
}


.panel-default{
    background-color: rgba(0,0,0,0);
    border-radius: 20px;
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
    margin-top: 20px;
}

.panel-default.panel-card{
    margin-top: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.panel-default > .panel-heading{
    padding: 10px 15px;
    background-color: #062776;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

table{
    background-color: #0A1E65;
}
.table-bordered{
    border: 1px solid #36599d;
}
.table-hover > tbody > tr:hover {
    background-color:#36599d;
    cursor: pointer;
}

/* 时间控件 */
.datepicker>table>thead>tr>th>.btn-default{
    background-color: #062776;
    border: 0px;
    border-radius:0px;
    color:#fff;
}
.datepicker>table>tbody>tr>td>.btn-default{
    background-color: #062776;
    border: 0px;
    border-radius:0px;
    color:#fff;
}
.datepicker>table>tbody>tr>td>.btn-primary{
    background-color: #062776;
}

.nav-tabs{
    border-bottom: 1px solid #0a1e65;
}

.nav-tabs a{
    color: #FFF;
}
.nav-tabs > li > a:hover{
    border-color:transparent;
}

/*KPI*/
.charts_div{
    width:100%;
    height:100%;
    padding: 13px 3px 13px 13px;
}
.charts_div .charts_a{
    width:100%;
    height:100%;
    display:block;
    position:static;
}
.charts_div .charts_a>div:nth-child(1){
    background-color: rgba(3, 48, 133, 0.6);
    border: 1px solid rgb(68, 142, 254);
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
    margin: auto auto;
}
.charts_div .table_div{
    height: 100%;
    padding: 0px 20px;
    background-color: rgba(3, 48, 133, 0.6);
    border: 1px solid rgb(68, 142, 254);
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
    overflow-y: auto;
}
.tabKpi table tr td div a>div:nth-child(1) div{
    background-color: rgba(3, 48, 133, 0.8);
}
.charts_table{
    border-color: rgb(68, 142, 254);
}
.charts_table_thead_tr{
    text-align:center;
    font-weight:bold;
    font-size: 20px;
}
.charts_table_thead_tr th{
    text-align:center;
}

/*告警弹出框*/
#pop{
    background-color: #062776;
    border: 1px solid rgb(68, 142, 254);
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
    border-radius: 10px;
}
#popHead{
    background-color: #062776;
    border: 1px solid rgb(68, 142, 254);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
#popHead #popClose{
    color: #FFF;
}
#popContent dl{
    background-color: #0A1E65;
}

.templateProperty{
    background-color: #033085;
    border: 1px solid #025aff;
}

/* MDC 3D */
.table-opacity{
    background-color:transparent;
}
.panel-red .panel-heading,
.panel-yellow .panel-heading,
.panel-blue .panel-heading,
.panel-green .panel-heading
{
    background-color: #0A1E65;
}
.panel-footer{
    background-color: #0A1E65;
}
/* 视频 */
.dropdown-menu{
    background-color: rgba(2, 46, 141, 0.9);
}
.datetimepicker-days table tr td:hover,
.datetimepicker-days table tr th:hover
{
    background-color: #039;
}
.record-search button{
    background-color: #062776;
    border: 1px solid #448efe;
}
.record-search button:hover{
    background-color: #448efe;
    color: #FFF;
}
.split-area{
    background-color: #010a2b;
}

.license_div{
    position: absolute;
    bottom: 5px;
    right: 20px;
    font-size: 16px;
    text-decoration: underline;
    font-weight: 500;
}
.license_div a{
    color: #FFF
}
.license_div a span{
    color: #ffff00;
}

#License_Body{
    position: absolute;
    left: 35%;
    top: 30%;
}

.Mdc_Aisle tr td{
    border: 1px solid #FFF;
    cursor: pointer;
    min-width: 15px;
    height: 15px;
    min-height: 5px;
}
.Mdc_Aisle tr td:hover{
    background-color:#0549C0;
}

/**  正文 End  ********************************/

/**  左边菜单栏 Start  ********************************/
.menu_bar{
    padding-top: 248px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    overflow: hidden;
}
.menu_bar .sidebar-nav{
    overflow-y: auto;
    height: 100%;
    width: calc(100% + 20px);
}

.sub-li div{
    display: inline-block;
    width: 32px;
    text-align: center;
}

/**  左边菜单栏 End  ********************************/

/**  上面功能菜单 Start  ********************************/
.nav .open > a{
    background-color: rgba(2, 46, 141, 0.6);
    background-size: auto 58px;
}
.nav > li > a:hover{
    background-color: rgba(2, 46, 141, 0.6);
}
/**  上面功能菜单 End  ********************************/

/*** 表格组态 Start ***********************************************/
.table-td-hover > tbody > tr > td:hover {
    background-color:#08c;
    cursor: pointer;
}
.table-active{
    background-color: #08c;
}
.table-normal{
    background-color: rgba(0, 0, 0, 0);
}
/*边框样式 蓝*/
.div-border{
    background-color: #033085;
    border: 1px solid #025aff;
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
}
/*筛选框*/
.filter-border{
    width: 190px;
    display:inline;
    margin: 10px 0px;
    margin-left: 5px;
}
/* 多选列表 */
.multi-border-select{
    list-style: none;
    padding-inline-start: 10px;
    margin-bottom: 0px;
    width:220px;
    height:180px;
    overflow: auto;
}
.multi-border-available{
    list-style: none;
    padding-inline-start: 10px;
    margin-bottom: 0px;
    width:320px;
    height:180px;
    overflow: auto;
}
/* 复选框 边框 */
.timeGroupCheck .i-border{
    width: 20px;
    height: 20px;
    line-height: 18px;
}

.timeGroupCheck .checked{
    background:#337AB7;
}
.timeGroupCheck .disabled{
    background:rgba(0, 0, 0, 0);
}

/** 表格样式风格 */
/*默认 蓝边框*/
#table-config table.default tr,#table-config table.default tr td{
    border: 1px solid #025aff;
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
}
#table-config td.default{
    border: 2px solid #025aff;
    padding: 10px 20px;
}
/*默认-底边 蓝底边*/
#table-config table.default-base tr{
    border-bottom: 1px solid #025aff;
}
#table-config td.default-base{
    border: 2px solid #025aff;
    padding: 10px 20px;
}

/*橙边框*/
#table-config table.orange tr,#table-config table.orange tr td{
    border: 1px solid #eea236;
    box-shadow: rgba(238, 162, 54, 0.8) 0px 0px 20px;
}
#table-config td.orange{
    border: 1px solid #eea236;
    padding: 10px 20px;
}
/*橙底边*/
#table-config table.orange-base tr{
    border-bottom: 1px solid #eea236;
}
#table-config td.orange-base{
    border: 2px solid #eea236;
    padding: 10px 20px;
}

/*红边框*/
#table-config table.red tr,#table-config table.red tr td{
    border: 1px solid #f4455a;
    box-shadow: rgba(244, 69, 90, 0.8) 0px 0px 20px;
}
#table-config td.red{
    border: 1px solid #f4455a;
    padding: 10px 20px;
}
/*红底边*/
#table-config table.red-base tr{
    border-bottom: 1px solid #f4455a;
}
#table-config td.red-base{
    border: 2px solid #f4455a;
    padding: 10px 20px;
}

/*白边框*/
#table-config table.white tr,#table-config table.white tr td{
    border: 1px solid #ffffff;
    box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 20px;
}
#table-config td.white{
    border: 1px solid #ffffff;
    padding: 10px 20px;
}
/*白底边*/
#table-config table.white-base tr{
    border-bottom: 1px solid #ffffff;
}
#table-config td.white-base{
    border: 2px solid #ffffff;
    padding: 10px 20px;
}

.border, .border tr, .border tr td, .border tr th{
    border: 1px solid #ffffff;
}

/* 去除组态-表格组态的边框 */
.none-border{
    border: 0px;
    background-image: url('');
    box-shadow: 0 0 0px;
}
.none-border table tr td{
    border-bottom: 1px solid #025aff;
}

/* 表格实时值告警 */
.alarm-border{
    border: 2px dashed #A02B31;
    color: #A02B31;
}
/* 表格实时值中断 */
.disconnect-border{
    border: 2px dashed #575A5E;
    color: #575A5E;
}
/*** 表格组态 End ***********************************************/

/****  机架资产信息 Start  ***************************************************/

.assets-log i.fa-search{
    position: absolute;
    top: 4px;
    right: 25px;
    font-size: 25px;
}
/****  机架资产信息 End  ***************************************************/


.rack-assets-info div{
    height: 34px;
}
.rack-assets-info div label{
    margin-top: 8px;
    text-align: right;
}
.control-english{
    padding-top:-1px;
    margin-bottom: 2px;
    text-align: right;
}

.text-right{
    text-align: right!important;
}
.text-left{
    text-align: left!important;
}

/*组态 表格 编辑框样式*/
.NtsOcerflow{
    max-width: 1160px;
    max-height: 400px;
    overflow:auto;
}

/* 开关CSS */
.switch-check{
    position: relative;
    -webkit-appearance: none;
    width:60px !important;
    height: 30px !important;
    line-height: 30px !important;
    background: #eee !important;
    border-radius: 30px;
    outline: none;
}
.switch-check:before{
    position: absolute;
    left: 0;
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #0084d7;
    box-shadow: 0px 0px 5px #ddd;
    transition: all 0.2s linear;
}

.switch-check:checked{
    background: #18ff0a !important;
}
.switch-check:checked:before{
    left: 30px;
    transition: all 0.2s linear;
}

/** 接口模块，日志框 */
.content_message{
    height: 450px;
    overflow-y: scroll;
    background: #033085;
    color: #fff;
    padding: 10px;
    border: 1px solid #025aff;
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
}

/*.signal-body{
    background-color: rgba(0, 0, 0, 0);
}*/

/* 组态-设备告警数 */
.diagram-alarmCount,.view-alarmCount{
    position: absolute;
    top: 0px;
    right: 20px;
    width: 43px;
    height: 32px;
    background-color: #BA3463;
    color: white;
    text-align: center;
    border-radius: 100px;
    -moz-border-radius: 100px;
    font-size: 20px;
    line-height: 30px;
    z-index: 3;
    display: none;
}

/* 二维码 */
.QRCode{
    float:left;
    width: 30%;
}
.QRCode div{
    text-align: center;
    height: 100%;
}
.QRCode img{
    width: 90%;
}
.showQRCode{
    float:left;
    width:70%;
    border-right: 2px dashed;
}

/* 组态编辑器 - 圆盘 */
.key-wheel{
    position: absolute;
    z-index: 999;
    bottom: 0px;
    width: 200px;
    height: 252px;
    background-color: rgba(0, 0, 0, 0.6);
    border: 2px solid rgba(0, 132, 215, 0.8);
    box-shadow: -2px 0 5px #337AB7;
}
.key-wheel.right{
    right: 0px;
}
.key-wheel.left{
    left: 0px;
}

.key-wheel .key-title{
    height: 50px;
    border: 1px solid rgba(0, 132, 215, 0.8);
}
.key-title label{
    line-height: 44px;
}
.key-title div{
    margin-top: 6px;
}
.key-table{
    width: 100%;
    height: 200px;
}
.key-table tr td,.key-table tr th{
    width: 33.3%;
    height: 33.3%;
    border: 1px solid rgba(0, 132, 215, 0.8);

    text-align:center;
    vertical-align:middle;

    cursor: pointer;
}
.key-table .select{
    background-color: #0179ff;
}


/* 控制-遥调 */
.nts-table tr td{
    padding: 2px;
}
.remote-regulating{
    height: calc(100% - 25px);
    font-size: 2vh;
    background-color: rgba(255, 255, 255, 0);
}
.remote-regulating table{
    height: 100%;
    width: 100%;
}
.remote-regulating table tr td{
    text-align: center;
}
.remote-regulating .adjust button{
    width: 100%;
}
.remote-regulating button{
    width: 60%;
}
.remote-regulating input{
    width: 60%;
    margin: 0px auto;
    text-align: center;
    background-color: #101e40;
    border: 0px;
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 0px;
}

/* 组态 编辑区 锁 */
.editor_lock.true{
    background-color: #99999969;
    border-color: #999;
}


/* 登录页面 li 鼠标悬停事件 */
.login-ul > li {
    position: relative;
    display: block;
}
.login-ul > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.login-ul > li > a > select{
    cursor: pointer;
}
.login-ul > li > a:hover{
    background-color: rgba(153, 153, 153, 0);
}

/* 背景图 */
.Body-Background{
    background: url(../img/loginbg.jpg) left top/cover no-repeat !important;
}
.Login-Background{
    background: url(../img/logininfo.png) no-repeat;
}

.navbar{
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

#view-scroll{
    height:40px;
    width: calc(99.6%);
    /*overflow: hidden;*/
    display: inline-block;
}
#view-scroll .diagram{
    display: block;
    z-index: 999;
}
.view-show-hide{
    float: right;
    width: 40px;
    height: 40px;
}
.view-show-hide i{
    font-size: 50px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    cursor: pointer;
}
.view-show-hide i:hover{
    color: rgba(0, 132, 215, 1);
}
#diagramControl{
    height:calc(100% - 68px);
    background-size:100% 100% !important;
}

.modal-header{
    border: 1px solid rgba(255, 255, 255, 0);
    padding-left: 42px;
    /*background-color: #0a1e65;*/
}

.camera-plugin{
    height: 300px;
    overflow: hidden;
    /*background-color: #171F6A;*/
}

.asset-head{
    background-color: rgba(0, 0, 0, 0.5);
}

/* input框行内样式 */
input.input-inline{
    display: inline;
    margin-right: 15px;
}

/* 组态值样式 */
.signal-value-disconnect{
    background-color:#575A5E;
}
.signal-value-normal{
    background-color:#5B9338;
}
.signal-value-alarm{
    background-color:#A02B31;
}

.color-section{
    display: inline;
    width: 100px;
}

/*.diagram-sigimg-value{
    background-color: rgba(0, 0, 0, 0);
    border: rgba(0, 0, 0, 0) solid 1px;
}*/
.diagram-sigimg-value-Transparency{
    background-color: rgba(0, 0, 0, 0);
    border: rgba(0, 0, 0, 0) solid 1px;
}


.topology-expand-div{
    background-color: #033085;
}
.topology-img-div:hover div{
    background-color: #033085;
}


#table-config{
    width: calc(100% - 4px);
    height: calc(100% - 6px);
}

.camera_color{
    color: #FFF;
}

.split-area span.camera_view{
    float: left;
    display: block;
    margin-left: 10px;
    padding-left: 15px;
    border: 1px solid #2B2B2B;
    border-radius: 14px;
    line-height: 25px;
    text-align: left;
    height: 25px;
    width: 100px;
    margin-top: 5px;
}
.split-area span.camera_record{
    display:inline-block;
    margin: 5px auto;
    padding-left: 10px;
    margin-left:120px;
    border: 1px solid #2B2B2B;
    border-radius: 14px;
    line-height: 25px;
    text-align: left;
    height: 25px;
    width:170px;
}

.input-group-addon{
    background-color:#062776;
    color: #ffffff;
    border: 1px solid rgb(68, 142, 254);
}
.input-group-control{
    background-color:#062776;
    color: #ffffff;
    border: 1px solid  rgb(68, 142, 254);
    border-radius: 0px;
    cursor:pointer;
}

.manage-top-div{
    padding: 10px 50px;
    box-shadow: rgba(0, 0, 0) 0px 0px;
    background-color: #062776;
}

.time_set_bg{
    background-color: rgba(0,0,0,0.5);
}

.time_setting{
    background-color: #062776;
    color: #ffffff;
    border: 1px solid rgb(68, 142, 254);
    margin-right:15px;
}

.cabinet_title_color a{
    color: #fff;
}

.config_mdc_marked{
    width: 100%;
    text-align: center;
    font-size: 18px;
    position: absolute;
    color: #FFF;
    font-weight: 900;
    margin-top: 40px;
}


/* 导航背景 */
.full-image{
    background-image: url('../img/bg.jpg');
    cursor: pointer;
    border: 3px solid #FFF;
}

/* 设备详情 - 确定告警 */
.alarm-remark{
    width:100%;
    height:150px;
    color:#FFF;
}

/* 配置页面  滚动条 */
#page-wrapper.hide-scroll{
    overflow: hidden;
}
.hide-scroll .container-fluid{
    overflow-y: auto;
    height: 100%;
    width: calc(100% + 20px);
}

/* 简易多选下拉框 */
.dropdown-mul-1 .dropdown-display-label{
    max-height: 33px;
    overflow: hidden;
    border-radius: 20px;
}

/* 超链接组态 返回按钮 */
#return-button.default{
    position: absolute;
    top: 60px;
    right: 40px;
    z-index: 999;
}
#return-button.iview{
    position: absolute;
    top: 105px;
    right: 40px;
    z-index: 999;
}
#return-button button{
    width: 110px;
    height: 40px;
    border-radius: 20px;
}

/* 下拉框内容居中 */
table select{
    text-align:center;
    text-align-last:center;
}

/* 加深模态框的背景颜色 */
.modal.top{
    background-color: rgba(0, 0, 0, 0.50);
}

/* 模态框 右 */
.modal .modal-right{
    margin: 0px 0px 0px auto;
    width:300px;
    height: 100%;
}
.modal-right .modal-content{
    height: 100%;
}

/* 微模块历史数据 机柜设备列表 */
.cabinet_list{
    cursor: pointer;
    padding: 0px;
    list-style: none;
}

.cabinet_list .cabinet_name{
    font-size: 24px;
    line-height:40px;
}
.cabinet_list .cabinet_device{
    font-size: 22px;
    padding-left: 20px;
    line-height:40px;
}

.cabinet_list .cabinet_name:hover,
.cabinet_list .cabinet_device:hover{
    background-color:#36599d;
}

/* 组态-实时图表 平均值、最大值、最小值 */
.avg-max-min{
    position: absolute;
    width: 30%;
    height: calc(100% - 54px);
    padding-top: 34px;
}
.avg-max-min .max,.avg-max-min .min{
    height: 50%;
}
.avg-max-min .max div,.avg-max-min .min div{
    margin-left: 20%;
    padding-top: 20%;
}
.avg-max-min .name{
    display: block;
}

/* 组态 - 3D MDC */
.canvas-button-div{
    position: absolute;
    right: 0px;
    top: 5vh;
    color: #64778B;
}
.canvas-button-div div{
    display: inline;
    margin-right: 5vh;
    cursor: pointer;
}


/* MDC历史数据 */
#HistoryRoot{
    height:85.8vh;
}
#HistoryRoot .history-alarm-body{
    width: 29%;
    height: 99%;
    float: left;
}
#HistoryRoot .history-signal-body{
    width: 69%;
    height: 99%;
    float: left;
}
/* 超链接组态 返回按钮 */
#HistoryRoot .history-button{
    position: absolute;
    top: 60px;
    right: 40px;
    z-index: 999;
}
.history-button button{
    width: 110px;
    height: 40px;
    border-radius: 20px;
}
.history-alarm-body .query label.btn,
.history-signal-body .query label.btn{
    font-size: 18px;
}
.history-alarm-body{
    border-right: 2px solid #0166fe;
}
.history-alarm-body .query,.history-signal-body .query{
    border-bottom: 2px solid #0166fe;
    padding-bottom: 10px;
}
.alarm-content{
    float: left;
    width: calc(100%);
    border-bottom: 1px solid #0166fe;
    padding: 10px;
}
.history-alarm-body .body{
    height: calc(100% - 140px);
    float: left;
    overflow-y: auto;
    width: 100%;
}
.query .btn-group{
    float: right;
}

.history-signal-body .body-table{
    float: left;
    width: calc(100% - 20px);
    margin: 10px;
}

.history-signal-body .body-chart .chart{
    width: 100%;
    height: 250px;
    float: left;
}
/* DeBug */
/*#HistoryRoot,#HistoryRoot div{
    border: 1px solid;
}*/

/* MDC历史告警 */
.alarm-level-3{
    color: #d9534f;
}
.alarm-level-2{
    color: #f0ad4e;
}
.alarm-level-1{
    color: #0F86D6;
}
.alarm-level-0{
    color: #5cb85c;
}
.device-list{
    border-bottom: 2px solid #0166fe;
    margin-bottom: 10px;
    width: 100%;
}
.device-list .device-list-div{
    margin: 5px;
    height: 39px;
    overflow-y: auto;
}
.device-list label{
    border-radius: 0px;
    margin-right: 4px;
    min-width: 50px;
    max-width: 150px;
    overflow: hidden;
    font-size: 18px;
}
.device-list label:hover{
    background-color: rgba(1, 102, 254, 0.81);
    color: #FFFFFF;
}
.device-list label.active{
    background-color: #0166fe;
}

.history-alarm-body .btn-group .btn-primary,
.history-signal-body .btn-group .btn-primary{
    background-color: #203882;
    border-color: #203882;
}
.history-alarm-body .btn-group .btn-primary.active,
.history-signal-body .btn-group .btn-primary.active{
    background-color: #0165fb;
    border-color: #0163f5;
}

/* 圆环进度条 */
.circle{
    margin: 0px auto;
    position: initial;
}
.circle .circle-value,
.circle .circle-name{
    position: absolute;
    text-align: center;
}
.circle .circle-name{
    bottom: 10px;
}

.panel-primary .panel-body{
    margin-top: 19px;
}

.active-alarm-filter span{
    cursor: pointer;
}

/* 滚动条样式 默认 */
/*滚动条上一级：不影响功能并隐藏滚动条*/
.scroll-root{
    width: 100%;
    overflow: hidden;
}
.scroll-root .scroll-easy {
    width: calc(100% + 10px);
}
.scroll-easy,
.scroll-root .scroll-easy{
    overflow-y: auto;
}
.scroll-easy::-webkit-scrollbar,
.scroll-root .scroll-easy::-webkit-scrollbar{/*滚动条整体样式*/
    width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
}
.scroll-easy::-webkit-scrollbar-thumb,
.scroll-root .scroll-easy::-webkit-scrollbar-thumb{ /*滚动条里面小方块*/
    height: 10px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.5);
}
.scroll-easy::-webkit-scrollbar-thumb,
.scroll-root .scroll-easy::-webkit-scrollbar-track{ /*滚动条里面轨道*/
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
}
.scroll-easy-x::-webkit-scrollbar{/*滚动条整体样式*/
    height: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
}
.scroll-easy-x::-webkit-scrollbar-thumb{ /*滚动条里面小方块*/
    height: 10px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.5);
}
.scroll-easy-x::-webkit-scrollbar-thumb{ /*滚动条里面轨道*/
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
}

/* 实时告警组态 */
.active-alarm-head,.active-alarm-head span,.active-alarm-head i,
.active-alarm-body table tr td{
    font-size: 18px;
}
.active-alarm-head{
    text-align: right;
    padding: 5px 0px;
}
.active-alarm-body table thead{
    font-weight: bold;
}
.active-alarm-body table > tbody > tr > td,
.active-alarm-body table > thead > tr > td{
    padding: 5px 2px;
}
.alarm-list-table .alarm-table-content td{
    border: 0px;
}
.alarm-list-table .alarm-table-time td{
    font-size: 18px;
    line-height: 10px;
}
.active-alarm-body thead tr td,
.active-alarm-body thead tr th,
.alarm-list-table .alarm-table-time td,
.alarm-list-table td.alarm-table-level,
.alarm-list-table td.alarm-table-name{
    border-bottom: 1px solid #0166fe;
}
.table tr:nth-child(even){
    background-color: #062776;
}
.alarm-list-table tr.odd,
.body_transparent .alarm-list-table tr.odd{
    background-color: #0a1e65;
}
.alarm-list-table tr.even,
.body_transparent .alarm-list-table tr.even{
    background-color: #062776;
}

/* 64节温场 */
.node-temp-title{
    display: inline-block;
    border-radius: 25px;
}
.node-temp-title table{
    background-color: #203882;
    border-radius: 25px;
}
.node-temp-title table tr td{
    border-radius: 25px;
    width: 200px;
    height: 44px;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    cursor: pointer;
}
.node-temp-title table tr td.selected{
    background-color: #0166fe;
}
.body-temperature{
    height: 480px;
    width: 960px;
    display: inline-block;
    background-color: rgba(0,64,225,0);
    position: absolute;
}
.body-temperature .body-table-temperature{
    height: 480px;
    width: 480px;
    position: relative;
    display: inline-block;
}
.body-table-temperature table{
    width: 100%;
    height: 100%;
}
.body-caliper .caliper{
    width: 70px;
    padding: 10px 5px;
    background-color: rgba(0,64,225,0.4);
    border-radius: 8px;
    border: 0px;
    box-shadow: 0 0 0px;
}
.body-caliper .foot_number{
    display: inline-block;
    line-height: 20px;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
}
.body-caliper .font_color{
    display: inline-block;
    width: 20px;
    height: 20px;
}
.body-caliper .caliper-color{
    width: 50px;
    margin: 0px auto;
    line-height: 10px;
}
.node-temp-body .body-caliper{
    border: 1px solid rgba(255, 255, 255, 0);
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
}
.body-temperature table tr td{
    border: 1px solid #FFFFFF;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
}
.body-caliper .caliper-visible{
    text-align: center;
    cursor: pointer;
    height: 50px;
    background-size: 70px;
}
.node-temp-edit.is-show-div{
    right: 20px;
    top: 50px;
}
.node-temp-body .node-temp-img{
    width: 960px;
    display: inline-block;
    float: left;
    text-align: center;
    vertical-align: middle;
}
.node-temp-body .node-temp-img img{
    height: 480px;
}
#node-edit{
    height: calc(100% - 98px);
}
.node-edit-config,.node-edit-view{
    width: 50%;
    height: 100%;
    float: left;
    border: 1px solid #0166fe;
}
.node-edit-config .modal-header,
.node-edit-view .modal-header{
    border-bottom: 1px solid #0166fe;
    background-color: #033085;
}
.add-temperature{
    border: 1px solid #0166fe;
    margin-bottom: 10px;
}
.edit-img-temp{
    width: 480px;
    height: 240px;
    margin: 0px auto;
    border: 1px solid #0166fe;
}
.edit-img-temp .edit-img{
    text-align: center;
    vertical-align: middle;
}
.edit-img-temp .edit-img img{
    max-width: 490px;
    height: 240px;
}
.edit-temp{
    width: 240px;
    height: 240px;
    position: absolute;
}
.edit-temp .edit-temp-modal{
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #0166fe;
    background-color: rgba(0,191.25,255,0.6);
}
.edit-view-keyboard{
    margin: 10px;
}
.edit-view-keyboard .key-wheel{
    position: inherit;
    margin: auto;
    height: 202px;
}
.edit-view-keyboard .key-title{
    width: 30%;
}
.edit-view-keyboard .key-title label{
    line-height: 34px;
    text-align: center;
    width: 100%;
}

/* 登录页面 */
#login-body .dropdown-toggle{
    padding-right: 20px;
}
#login-body #LoginId{
    width: 20px;
    height:20px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
}
#login-body #hint{
    font-size: 18px;
    padding-left: 4px;
    cursor: pointer;
    margin: 0;
    vertical-align: middle;
}

/* 信号量组态 */
.image-signal-table .td-content{
    width: 300px;
}

/*  64节温场 框选测点 */
.Test-Box-Choose table{
    width: 300px;
    height: 300px;
    margin: auto;
}
.Test-Box-Choose table tr td{
    text-align: center;
}
.Test-Box-Choose table tr td.point{
    border: 1px solid #FFFFFF;
    cursor: pointer;
}
.Test-Box-Choose table tr td.check{
    background-color: #247bf9;
    color: #FFFFFF;
}

/* 按钮轮廓 */
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
input[type=checkbox]:focus,
input[type=checkbox]:active:focus,
input[type=checkbox].active:focus,
input[type=checkbox].focus,
input[type=checkbox]:active.focus,
input[type=checkbox].active.focus{
    outline: none;
}

/* 加载页面 */
.body_bg{
    background: url("../img/bg.jpg") no-repeat center/100% 100%;;
    height:100%;
    width:100%;
}
.page-load{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.page-load .background{
    position: absolute;
    width: 100%;
    height: 100%;
}
.page-load .loading-bg{
    background: url("../img/loadingbg.png") no-repeat;
    width: 233px;
    height: 89px;
    margin: 40vh auto 0px;
    line-height: 86px;
}
.page-load .background img{
    margin-left: 20px;
    vertical-align: middle;
}
.page-load .background span{
    font-size: 28px;
    color: #FFFFFF;
    vertical-align: middle;
}

/* 设备详情页面 */
.visible-device-list{
    position: relative;
    height: 40px;
    z-index: 1;
    margin: 8px 0px;
}
.visible-device-list .view-show-hide{
    position: absolute;
    right: 0;
    z-index: 2;
}
/* 设备信息页面 */
.device-info .device-images{
    position: absolute;
    top: 15px;
    right: 68px;
    border: 2px solid;
    text-align: center;
    height: 274px;
    line-height: 272px;
}
.container-fluid.device-info{
    margin-left: 0px;
}
.device-info .device-images a{
    position: inherit;
    bottom: -118px;
    right: 0px;
    font-size: 40px;
}
.device-info .device-images img{
    max-width: 192px;
    max-height: 272px;
}
/* 设备操作页面 */
.device-record{
    font-size: 20px;
    max-height: 600px;
    padding: 0px 25px 0px 15px;
}
.device-record .record-body{
    border-bottom: 1px solid #7b7d84;
    margin: 10px 0px;
}
.device-record .record-title{
    width: 100%;
    height: 40px;
}
.device-record .record-comment-title{

}
.device-record .record-comment-body{
    margin: 10px;
}
.device-record .record-time{
    font-size: 18px;
    text-align: right;
}

/* 功能列表 */
.setting-body ul li a,
.setting-body ul li a:hover,
.setting-body ul li a:active{
    color: #FFFFFF;
}
.setting-body ul li{
    background-color: #030f3f;
}
.home-setting .modal-body table tr td samp.dropdown-title{
    color: #FFFFFF;
}
.setting-option .modal-content .model-body-footer{
    background-color: #030f45;
}

.col-md-1 input,.col-md-2 input,.col-md-3 input,.col-md-4 input,.col-md-5 input,.col-md-6 input,
.col-md-7 input,.col-md-8 input,.col-md-9 input,.col-md-10 input,.col-md-11 input,.col-md-12 input{
    width: 100%;
}
.col-md-1 input[type="checkbox"],.col-md-2 input[type="checkbox"],.col-md-3 input[type="checkbox"],.col-md-4 input[type="checkbox"],.col-md-5 input[type="checkbox"],.col-md-6 input[type="checkbox"],
.col-md-7 input[type="checkbox"],.col-md-8 input[type="checkbox"],.col-md-9 input[type="checkbox"],.col-md-10 input[type="checkbox"],.col-md-11 input[type="checkbox"],.col-md-12 input[type="checkbox"],
.col-md-1 input[type="radio"],.col-md-2 input[type="radio"],.col-md-3 input[type="radio"],.col-md-4 input[type="radio"],.col-md-5 input[type="radio"],.col-md-6 input[type="radio"],
.col-md-7 input[type="radio"],.col-md-8 input[type="radio"],.col-md-9 input[type="radio"],.col-md-10 input[type="radio"],.col-md-11 input[type="radio"],.col-md-12 input[type="radio"]{
    width: auto;
}


/* 上传组态包 */
.config-info .config-main .field-title div,
.config-info .config-minor .minor-title{
    text-align: right;
}
.config-info .config-main .field-title div,
.config-info .config-main .field-body div,
.config-info .config-minor .minor-body div{
    height: 39px;
    line-height: 39px;
}
.config-info .config-main .odd{

}
.config-info .config-main td{
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 0px;
    padding-right: 0px;
}
.config-info .config-main .even{
    background-color: #e3e8f9;
}
.config-info .config-main .field-interval{
    text-align: center;
    font-size: 50px;
}
.config-info .config-main .select-path select{
    width: 40%;
    float: left;
}
.config-info .config-main .select-path input{
    width: 60%;
    float: left;
}
.config-info .config-minor .minor-interval{
    text-align: center;
    font-size: 30px;
}


/* 表格标题不换行  */
.table > thead > tr > th{
    word-break: keep-all;
    white-space: nowrap;
}

/* 隐藏返回按钮 */
button.return-btn{
    display: none;
}

/* VLC视频 */
.camera-view-vlc .camera-view .camera-plugin{
    height: 100%;
}
.camera-view-vlc .camera-view .camera-function{
    height: 40px;
    position: absolute;
    bottom: 0px;
    width: calc(100% - 320px);
}
.camera-view-vlc .camera-view .camera-function div.function{
    display: inline-block;
    width: 40px;
    margin-right: 20px;
    text-align:center;
}
.camera-view-vlc .camera-function div.function i{
    font-size: 20px;
    line-height: 40px;
}
.camera-view-vlc #cameraPlugin > table{
    height: 100%;
    margin-bottom: 0px;
}
.camera-view-vlc #cameraPlugin > table tr td{
    border: 0px;
}
.camera-view-vlc .camera-menu .title{
    height: 50px;
    line-height: 50px;
}
.camera-view-vlc .camera-menu .title span{
    font-size: 18px;
    padding-left: 20px;
    line-height: 45px;
    float: left;
    color: #ffffff;
}
.camera-view-vlc .camera-menu .title .modify-video{
    font-size: 18px;
    padding-left: 20px;
    line-height: 45px;
    float: left;
    color: #ffffff;
}
.camera-view-vlc .camera-menu .title .modify-video > button{
    font-size: 16px;
    vertical-align: top;
    margin-top: 5px;
}
.camera-view-vlc .camera-menu .tree{
    height: auto;
}
.camera-view-vlc .camera-menu .tree > ul,
.camera-view-vlc .camera-menu .tree .view-camera{
    padding: 0px;
}
.camera-view-vlc .camera-menu .tree .view-title{
    padding-left: 20px;
    line-height: 32px;
}
.camera-view-vlc .camera-menu .tree .view-camera > li{
    padding-left: 40px;
    line-height: 24px;
}
.camera-view-vlc .camera-menu .tree .view-title > i,
.camera-view-vlc .camera-menu .tree .view-title > a,
.camera-view-vlc .camera-menu .tree .view-camera > li i,
.camera-view-vlc .camera-menu .tree .view-camera > li a{
    font-size: 16px;
}
.camera-view-vlc .camera-menu .tree .view-title,
.camera-view-vlc .camera-menu .tree .view-title > i,
.camera-view-vlc .camera-menu .tree .view-title > a,
.camera-view-vlc .camera-menu .tree .view-camera > li,
.camera-view-vlc .camera-menu .tree .view-camera > li > i,
.camera-view-vlc .camera-menu .tree .view-camera > li > a{
    color: #FFFFFF;
}
.camera-view-vlc .camera-menu .tree .view-title:hover,
.camera-view-vlc .camera-menu .tree .view-title:hover > i,
.camera-view-vlc .camera-menu .tree .view-title:hover > a,
.camera-view-vlc .camera-menu .tree .view-title.active,
.camera-view-vlc .camera-menu .tree .view-title.active > i,
.camera-view-vlc .camera-menu .tree .view-title.active > a,
.camera-view-vlc .camera-menu .tree .view-camera > li:hover,
.camera-view-vlc .camera-menu .tree .view-camera > li:hover > i,
.camera-view-vlc .camera-menu .tree .view-camera > li:hover > a,
.camera-view-vlc .camera-menu .tree .view-camera > li.active,
.camera-view-vlc .camera-menu .tree .view-camera > li.active > i,
.camera-view-vlc .camera-menu .tree .view-camera > li.active > a{
    background-color: #0179ff;
}
.camera-view-vlc #cameraPlugin > table.table > tbody > tr > td.active{
    border: 2px solid #0179ff;
    background-color: transparent;
}
#videoCameraList ul.camera-parent > li > div.videoDiv > i,
#videoCameraList ul.camera-parent > li > div.videoDiv > a,
#videoCameraList ul.camera-parent > li > div.videoDiv > a:hover,
#videoCameraList ul.camera-children > li > div > i,
#videoCameraList ul.camera-children > li > div > a,
#videoCameraList ul.camera-children > li > div > a:hover{
    color: #FFFFFF;
}

/* 告警等级联动 */
.alarm-level-div input[type="radio"],
.alarm-level-div input[type="checkbox"]{
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

/* 去内外边框 */
.no-margin-padding{
    margin: 0px !important;
    padding: 0px !important;
}
.no-margin-padding-top{
    margin-top: 0px;
    padding-top: 0px;
}
.no-margin-padding-bottom{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.no-margin-top{
    margin-top: 0px;
}
.no-padding-top{
    padding-top: 0px;
}
.no-margin-bottom{
    margin-bottom: 0px;
}
.no-padding-bottom{
    padding-bottom: 0px;
}

/* MDC - U位管理 */
.mdc-assets-cabinet > .mdc-assets-bg{
    background-color: rgba(0, 153, 230, 0.5);
}
.mdc-assets-cabinet > .mdc-assets-bg > .mdc-assets-per{
    width: 100%;
    height: 100%;
    background-color: rgba(39, 47, 66, 1);
    border: 0px;
    border-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.mdc-assets-cabinet > div.cabinet-title.mdc-assets-per-text{
    display: block;
    background: transparent;
}

.mdc-assets-info .mdc-assets-info-space,
.mdc-assets-info .mdc-assets-info-content{
    padding:1px;
}
.mdc-assets-info .mdc-assets-info-space > .mdc-assets-space-body{
    display:inline-block;
    margin:10px;
    height:740px;
    width:calc(100% - 18px);
    padding:2px;
    border:6px solid #006699;
}

.mdc-assets-info .mdc-assets-padding{
    padding: 16px 16px;
}
.mdc-assets-info textarea{
    resize: none;
}
.mdc-assets-info .no-rackDevice{
    border: thin solid transparent;
    background-color:transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.show-assets-device{
    position: inherit;
    width: 100%;
}
.mdc-assets-u-info{
    margin-top: 100px;
}
.mdc-assets-u-info > .u-info-body{
    width: 33%;
    display: inline-block;
    text-align: center;
    font-size: 24px;
}

/*卡管理页面 修改卡样式*/
#CardManagement .modal-body {
    position: relative;
    top: -25px;
    bottom: -25px;
    padding: 15px;
}
#CardManagement .tbody-overflow .tbody-td13{
    width: 280px;
    min-width: 280px;
    max-height: 280px;
}
#CardManagement .tbody-overflow .tbody-td14 {
    width: 177px;
    min-width: 177px;
    max-height: 177px;
}
#CardManagement input.form-control {
    width: 100%;
}
#CardManagement .modal-footers{
    position: absolute;
    bottom: -5px;
    right: 0;
}
.datepicker{
    z-index: 1600!important;
}


/* 网络设置 */
.network-modal{
    background-color: transparent;
    box-shadow: none;
    border-radius: 4px;
    padding: 40px 0px;
}
input[type="checkbox"].switch-check:checked {
    background: rgba(0, 172, 161, 0.6);
}
.switch-check:before{
    background: #00aca1;
}
input[type="checkbox"].checkbox{
    width: 20px;
    height: 20px;
}
.checkbox-select{
    text-align: center;
}
.checkbox-select .network-checkbox{
    font-size: 18px;
    display: inline-block;
    width: 20%;
}
.checkbox-select .network-checkbox span{
    vertical-align: middle;
    margin-right: 10px;
}

.network-wifi{
    float: none;
}
.network-wifi .wifi-list{
    width: 40%;
    margin: 0px auto;
    margin-top: 30px;
    font-size: 18px;
    line-height: 48px;
    box-shadow: 0px 2px 4px rgba(114, 126, 132, 0.24), 0px 1px 10px rgba(114, 126, 132, 0.12), 0px 4px 5px rgba(114, 126, 132, 0.24);
}
.network-wifi .wifi-list .wifi{
    padding: 0px 5%;
    font-size: 18px;
    line-height: 48px;
    cursor: pointer;
}
.network-wifi .wifi-list .other-wifi{
    color: #0C85D3;
    cursor: pointer;
    font-size: 18px;
    line-height: 48px;
    padding: 0px 20px;
}
.network-wifi .wifi-list .wifi.active{
    color: #0C85D3;
}
.network-wifi .wifi-list .wifi span{
    float: right;
    color: #424E54;
}
.network-wlan .network-wlan-table{
    margin: 0 auto;
    margin-top: 30px;
    font-size: 18px;
}
.network-wlan-table tr{
    line-height: 48px;
}
.network-prompt{
    text-align: center;
    font-size: 18px;
    margin: 30px 0px;
}
.wireless-info .info-left{
    padding-right: 10px;
}
.wireless-info .info-right{
    padding-left: 10px;
}
.password-eye{
    color: #727e84;
    position: absolute;
    margin-left: -60px;
    font-size: 46px;
    cursor: pointer;
}
.alarmTd{
    text-align: left;
}

.distance-between{
    padding: 16px;
}
.no-margin-top{
    margin-top: 0px;
}
.no-padding-top{
    padding-top: 0px;
}
.button-left{
    margin-left: 16px;
}
.table-margin{
    margin: 16px;
    width: calc(100% - 32px);
}
.bo-box-shadow{
    box-shadow: none !important;
}

.rights-root .rights-account{
    width: 24%;
    float: left;
}
.rights-root .rights-body{
    width: 75%;
    height: 100%;
    float: right;
}
.authority-option .setting-box-shadow{
    margin-bottom: 20px;
    border-radius: 20px;
    box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
}
.authority-option .setting-title,
.authority-option .setting-title a{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 50px;
    color: #ffffff;
    height: 50px;
    padding-left: 20px;
}
.authority-option .setting-title a{
    cursor: pointer;
}
.setting-title > a > i.fa,
.ul li > i.fa{
    float: right;
    font-size: 18px;
    color: #ffffff;
    margin: 10px;
    margin-right: 30px;
    line-height: 30px;
    cursor: pointer;
}
.ul li > i.left-arrows{
    float: left;
    margin-right: 26px;
}
.ul li > div.no-fa{
    width: 54px;
    height: 50px;
    display: inline-block;
    float: left;
}
.authority-checked > i.fa{
    font-size: 25px;
    vertical-align: middle;
    color: #ffffff;
}
.rights-list .ul{
    padding: 0px;
}
.rights-list .ul > li{
    line-height: 46px;
    padding-left: 16px;
}
.rights-list .ul > li .micro-font{
    font-size: 14px;
}
/* UL隔行变色 */
.rights-list .ul > li:nth-child(even){
    background-color: #020f45;
}
.rights-list .ul > li:nth-child(odd){
    background-color: #062776;
}
.rights-list .ul > li.even{
    background-color: #020f45;
}
.rights-list .ul > li.odd{
    background-color: #062776;
}
.rights-list input[type="radio"],
.rights-list input[type="checkbox"] {
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
.radio-text{
    vertical-align: middle;
}
.rights-body .rights-button{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 55px;
    line-height: 45px;
    padding-top: 5px;
    text-align: right;
    padding-right: 25px;
    background-color: #020f45;
    box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
}
.part-ul,
.part-ul2{
    margin-left: 50px;
}
.part-ul > li {
    border-left: 3px solid #237af8;
}
.part-ul2 > li {
    border-left: 3px solid;
}

/* MDC配置化-单排 */
.mcd_diagram{
    padding: 16px;
}
.mdc_diagram_head > .tag_radius{
    display: inline-block;
    z-index: 999;
    border-radius: 25px;
    border: 2px solid rgb(35, 122, 248);
}
.tag_radius > ul{
    margin: 0px;
}
.tag_radius > ul > li {
    display: inline-block;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 25px;
}
.tag_radius > ul > li.active{
    background-color: #033085;
}
.tag_radius > ul > li > a,
.tag_radius > ul > li.active > a{
    color: #FFF;
}
.mdc_diagram_head .mdc_tag{
    position: absolute;
    right: 60%;
}
.mdc_diagram_head .mdc_split{
    position: absolute;
    left: 45%;
}
.mdc_diagram_images{
    margin: 70px 160px 20px 80px;
    height: 250px;
}
.mdc_diagram_images .cabinet_image > img {
    height: 250px;
    max-width: 80%;
    max-height: 250px;
}
.mdc_diagram_images .cabinet_image{
    text-align: center;
}
.cabinet_table{
    margin: 0px 32px 0px 16px;
    padding: 16px 16px 0px 16px;
    background-color: #041457;
    box-shadow: 0px 2px 20px 0px rgba(32, 100, 202, 0.12);
}
.cabinet_table .table{
    margin-bottom: 16px;
}
.cabinet_table .table tbody tr th,
.cabinet_table .table tbody tr td{
    font-weight: normal;
    text-align: center;
    padding: 8px 10px;
}
.cabinet_table .narrow .table tbody tr th,
.cabinet_table .narrow .table tbody tr td{
    padding: 8px 6px;
}
.cabinet_table .table tbody tr th,
.cabinet_table .table tbody tr td,
.cabinet_table .table tbody tr td .btn{
    font-size: 14px;
}
.cabinet_table .table{
    width: auto;
    display: inline-block;
}
.cabinet_table .table tr,
.cabinet_table .table tr > td{
    border: 1px solid #D5DAEB;
}
.mdc_diagram_body .table_unit{
    display: inline-block;
}
.mdc_diagram_body .table_body{
    display: inline-block;
    position: absolute;
    width: calc(100% - 308px);
}
.cabinet_table table.signal_unit tr,
.cabinet_table table.signal_unit tr > td,
.cabinet_table table.signal_body tr > th{
    background-color: rgb(4 20 91);
}
.cabinet_table table.signal_body tr,
.cabinet_table table.signal_body tr > td{
    background-color: #041253;
}
.cabinet_table .table tbody tr td.signal_normal{
    color: #0BCF6D;
    font-weight: bold;
}
.cabinet_table .table tbody tr td.signal_alarm{
    color: #ED7720;
    font-weight: bold;
}
/* MDC配置化-单排配置 */
.mdc_config_root .mdc_title{
}
.mdc_config_root .table tbody tr th,
.mdc_config_root .table tbody tr td,
.mdc_config_root .table tbody tr td .btn,
.mdc_config_root .table tbody tr td input,
.mdc_config_root .table tbody tr td select{
    font-size: 16px;
}
.mdc_config_root .table tr td{
    padding: 8px;
}
.mdc_config_root .table tr td.topology-img-div{
    padding: 5px 8px 4px 8px;
}
.mdc_config_root .table tr td input,
.mdc_config_root .table tr td select{
    height: 30px;
    text-align: center;
}
.mdc_config_root .tag_table{
    margin: 8px 0px;
    padding: 0px;
}
.mdc_config_root .tag_table .table{
    width: auto;
    display: inline-block;
}
.mdc_config_root .table tbody tr th,
.mdc_config_root .table tbody tr td{
    border: 1px solid #D5DAEB;
}
.mdc_config_root .table_title tr td{
    height: 47px;
    text-align: right;
}
.mdc_config_root .table_body tr td{
    height: 47px;
    text-align: center;
}
.mdc_config_root .table_add tr td,
.mdc_config_root .table_del tr td,
.mdc_config_root tr.col_add td,
.mdc_config_root tr.col_del td,
.mdc_config_root tr td.row_add,
.mdc_config_root tr td.row_del{
    cursor: pointer;
}
.mdc_config_root tr.col_add td,
.mdc_config_root tr.col_del td{
    padding: 2px;
    height: 30px;
}
.mdc_config_root .table_add tr td,
.mdc_config_root tr.col_add td,
.mdc_config_root tr td.row_add{
    background-color: #77A9FF;
    color: #FFFFFF;
}
.mdc_config_root .table_del tr td,
.mdc_config_root tr.col_del td,
.mdc_config_root tr td.row_del{
    background-color: #FA6552;
    color: #FFFFFF;
}
.scroll-easy-x{
    overflow-x: auto;
    overflow-y: hidden;
}
.scroll-easy-xy{
    overflow: auto;
}
.scroll-easy-x > .scroll-easy-div > table{
    float: left;
    margin-bottom: 0px;
}
.mdc_config_root .scroll-easy-xy{
    width: 283px;
    height: 150px;
}
.scroll-easy-xy .scroll-easy-div{
    width: 500px;
}
.scroll-easy-xy .scroll-easy-div .table{
    float: left;
}
.mdc_config_root .topology-expand-div{
    width: 100%;
}
.mdc_config_root .table_split{
    margin: 0px;
}
.mdc_config_root .table_split tr td input,
.mdc_config_root .table_split tr td select{
    width: 100px;
}
textarea {
    resize: none; /* Disables resizability */
}

ul{
    list-style: none;
}

/* 历史PUE曲线 Author:Eddy Date:2021/05/25 */
.pue-filter-button{
    height: 30px;
    line-height: 30px;
    font-size: 20px;
}
.pue-filter-button .date-filter ul li,
.pue-filter-button .detail-filter ul li{
    display: inline-block;
    cursor: pointer;
}
.pue-filter-button .date-filter{
    float: left;
    margin-left: 20px;
}
.pue-filter-button .date-filter ul li{
    float: left;
    width: 50px;
    margin: 0px;
    text-align: center;
    border: 1px solid #D5DAEB;
}
.pue-filter-button .date-filter ul li.active{
    background-color: #0166fe;
    color: #FFFFFF;
}
.pue-filter-button .detail-filter{
    float: right;
    margin-right: 20px;
}
.pue-filter-button .detail-filter ul li{
    padding: 0px 5px;
    font-size: 30px;
}

/* 3D MDC 组态样式 */
.sort_mdc > ul > li.sort_cabinet{
    display: inline-block;
    width: 26px;
    padding: 8px 0px;
    text-align: center;
    border: 1px solid #247afa;
    cursor: pointer;
}
.link_mdc{
    height: 300px;
}
.link_mdc .table,
.link_mdc .table tr th,
.link_mdc .table tr td,
.link_mdc .table tr td input,
.link_mdc .table tr td button{
    font-size: 16px;
}
.link_mdc .table tr th,
.link_mdc .table tr td{
    padding: 4px 8px;
    text-align: center;
}

/* 实时图表 */
.current_charts{
    position: absolute;
    top: 26px;
    right: 40px;
    font-size: 12px;
}
.current_charts > i.pue{
    cursor: pointer;
    border: 1px solid;
    border-radius: 5px;
    padding: 2px 5px;
}
.current_charts > i.modify{
    cursor: pointer;
    padding: 2px 8px 3px 8px;
    margin-left: 8px;
    border: 1px solid;
    border-radius: 5px;
    font-size: 16px;
}
/* 实时图表 机柜U位 */
.u-space-info .mdc-assets-space-body{
    position: absolute;
    width: calc(100% - 40px);
    margin: 0px 20px;
    height: calc(100% - 120px);
}
.u-space-info .u-space-position{
    width: 40px;
    height: 1008px;
    display: inline-block;
    color: #000;
    position: initial;
}
.u-space-info .u-space-name{
    width: calc(100% - 45px);
    height: 1008px;
    display: inline-block;
    position: absolute;
    background: rgb(0 153 230 / 0.3);
}
.u-space-info .u-space-name .show-assets-device{
    width: 100%;
    border: thin solid #66ccff;
    background-color: #0099e6;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.u-space-info .u-space-note{
    text-align: center;
    font-size: 18px;
}
.u-space-info .u-space-note ul li{
    display: inline-block;
    margin: 4px 8px;
}
.u-space-info .u-space-note ul li span{
    font-weight: 700;
    margin-left: 5px;
    color: #5cb85c;
}
.assets-button button{
    margin: 0px 5px;
}
.assets-button .assets-center{
    margin-left: calc(50% - 400px);
    display: inline;
}
.checkbox.btn-default{
    border-radius: 8px;
    padding: 0px;
    line-height: 32px;
}
.cursor-pointer{
    cursor: pointer;
}
.u-space-position .u-space-i{
    height: 24px;
    display: flex;
    align-items: center;
    justify-content:center;
    border: 1px solid #0099e6;
    background-color: transparent;
    color: #FFF;
    text-align: center
}

/* 多级下拉选择框(历史信号) */
.select-casement-tree{
    width: 100%;
    height: 37px;
    padding: 0px;
    background-color: #033085;
    border: 1px solid #025aff;
    box-shadow: rgba(15, 96, 244, 0.8) 0px 0px 20px;
    position: relative;
}
.select-casement-tree > i.fa{
    position: absolute;
    top: 0px;
    font-size: 20px;
    line-height: 37px;
    cursor: pointer;
}
.select-casement-tree > i.chevron{
    right: 10px;
}
.select-casement-tree > i.remove{
    right: 40px;
}
.select-casement-wrap{
    position: relative;
    padding: 2px 70px 0 0;
    cursor: pointer;
    overflow: hidden;
    height: 36px;
}
.select-casement{
    font-size: 12px;
    height: 100%;
    overflow: hidden;
    margin-bottom: 4px;
    min-height: 36px;
}
.select-casement span{
    font-size: 18px;
}
.select-casement span.input-tips{
    float: left;
    line-height: 30px;
    color: #d6d6d6;
    padding: 0px 6px;
}
.select-casement span.input-item{
    width: auto;
    margin: 2px 5px;
    padding: 0px 6px;
    border: 1px solid #d6d6d6;
    color: #d6d6d6;
    border-radius: 3px;
    display: block;
    float: left;
}
.select-casement-options{
    background-color: #033085;
    border: 1px solid #025aff;
    position: absolute;
    width: 100%;
    z-index: 10;
    padding: 6px;
    max-height: 300px;
    overflow: hidden;
}
.select-casement-options .select-search{
    height: 30px;
}
.select-search > input.form-control{
    border-radius: 2px;
    width: 100%;
    height: 100%;
    font-size: 18px;
}
.select-options{
    font-size: 18px;
}
.select-options ul li span{
    display: block;
    cursor: pointer;
}
.select-options .options-left{
    width: 30%;
    display: inline-block;
    border: 1px solid #5599FD;
    vertical-align: top;
    padding: 6px 6px;
}
.select-options .options-left .scroll-easy,
.select-options .options-right .scroll-easy{
    max-height: 250px;
}
.select-options .options-right{
    width: calc(70% - 4px);
    display: inline-block;
    border: 1px solid #5599FD;
    margin-left: 4px;
    padding: 6px 6px;
}
.select-options ul.options-device > li{
    position: relative;
    padding: 2px 6px;
}
.select-options ul.options-device > li:hover,
.select-options ul.options-signal > li:hover,
.select-options ul.options-device > li.active{
    background-color: #237af8;
    color: #FFFFFF;
}
.select-options ul.options-device > li > i.fa{
    position: absolute;
    top: 0px;
    right: 10px;
    line-height: 29px;
    font-size: 14px;
}
.select-options ul.options-signal > li{
    position: relative;
    padding: 2px 6px;
}
.select-options ul.options-signal > li > span{
    margin-left: 24px;
}
.select-options ul.options-signal > li > input[type="checkbox"]{
    position: absolute;
    top: 0px;
    width: 18px;
    height: 18px;
    vertical-align: top;
}
/* APP License */
#app-license.modal-content{
    background-color: transparent;
    box-shadow: none;
    border-radius: 0px;
}
#app-license table.body_transparent{
    width: 100%;
}
#app-license input,
#app-license button{
    border-radius: 0px;
    box-shadow: none;
}
#app-license table.body_transparent td.title{
    padding-right: 16px;
    text-align: right;
    width: 40%;
}
#app-license table.body_transparent td.button{
    padding-left: 16px;
    width: 40%;
}
#app-license input[type="file"]{
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 34px;
    color: #fff;
}
#app-license .modal-footer{
    text-align: center;
}

/* 遥控遥调组态 */
.control-meaning .control-label{
    line-height: 70px;
}
.control-meaning .meaning-select{
    height: 39px;
    padding-top: 4px;
}

/* 巡逻遮蔽层 */
#patrol-layer{
    position: absolute;
    top: 0px;
    width:100%;
    height:100%;
    z-index: 999;
}
#patrol-layer > .layer-text{
    text-align: center;
    margin-top: 60px;
    font-size: 24px;
}
#menu{
    cursor: pointer;
}
#model i{
    cursor: pointer;
}
.receiverPanel{
    background-color: #033085;
    border: 1px solid #66afe9;
    border-top: 0;
    outline: 0;
    position: absolute;
    /* width: calc(100% - 30px); */
    min-width: 100%;
    z-index: 10;
    padding: 6px;
    height: 300px;
}
#menu.active{
    border-color: #66afe9;
    border-bottom: 0;
    outline: 0;
    /* -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 6); */
}
#menu.active i{
    transform: rotate(180deg);
}

/* 表格透明 */
.body_transparent,
.body_transparent tbody,
.body_transparent thead,
.body_transparent tr,
.body_transparent tr:nth-child(even),
.body_transparent th,
.body_transparent tbody tr td,
.body_transparent thead tr th{
    background-color: transparent;
    border-bottom: 0px;
}


.add-item{
    width: 100%;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
}
.collapse-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    cursor: pointer;
}
.collapse-head.collapsed > i{
    transform: rotate(-90deg);
}
.label-details{
    padding: 15px;
    margin-bottom: 0;
    text-align: left;
}
/* 大华摄像头 */
.view_fun > div > a,
.dh_cameraview > .tree > .tree_body i,
.dh_cameraview > .tree > .tree_body a,
.dh_cameraview > .view > .view_fun > div > a{
    color: #ffffff;
    cursor: pointer;
}
.view_fun > div > a:hover,
.dh_cameraview > .tree > .tree_body div:hover > i,
.dh_cameraview > .tree > .tree_body div:hover > a,
.dh_cameraview > .view > .view_fun > div > a:hover{
    color: #0166fe;
}
.view_fun > div,
.dh_cameraview > .view > .view_fun > div{
    border-color: #0166fe;
}


/* 门楣管理 */
.btn-additem{
    background-color: #237af8;
    color: #FFF;
}

.btn-group.open .btn-additem{
    /* background-color:#FFF */
    color: #FFF;
    box-shadow:inset 0 3px 7px rgb(0 0 0 / 20%);
    
}
.btn-additem:hover{
    color: #FFF;
}
.btn-additem:focus{
    color: #FFF;
}
.dropdown-menu{
    /* box-shadow:inset 0 3px 7px rgb(0 0 0 / 20%); */
}

.dropdown-menu > li > a{
    line-height:2.4
}
.dropdown-menu > li > a:hover{
    background-color: #237af8;
}
.list_setting{
    /* min-height: 50vh;
    max-height: 58vh */
    /* height:calc(88vh - 298px); */
    height:calc(96vh - 337px);
    /* padding: 0 10vw */
}
.listItem{
    background-color: rgba(0,0,0,0);
    border: 1px solid #025aff;
    box-shadow: rgb(15 96 244 / 80%) 0px;
    border-radius: 20px;
}

.itemHeader{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
}
.item_content{
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
}
.nova_content{
    height: calc(100vh - 266px);
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    /* padding: 20px 10vw 0 10vw; */
}
.collapsed >div>.close_item_ico{
    transform: rotate(-90deg);
}
.collapsed{
    border-radius: 20px;
}
#novaMain .fa-trash-o{
    font-size:medium;
}
#novaMain .fa-trash-o:hover{
    color: red;
}
.collapse.in{

}

.nova_canvas{
    position: absolute;
    display: block;
    left: 73.5%;
    z-index: 999;
    /* background-color: white; */
}
.nova_canvas > canvas{
    /* background-color: white; */
}
.locate_canvas{
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
}
.locate_canvas > a{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    /* border: 1px solid #025aff; */
    background-color: #007dfa;
    /* box-shadow: rgb(15 96 244 / 80%) 0px; */
    border-radius: 20px;
    color: #ffffff;
    
}
.nova_canvas:hover > canvas{
    display: block !important
}
.locate_canvas:hover > a{
    background-color: rgba(2, 46, 141, 0.6);
}
.locate_canvas.active > a{
    border: 1px solid #025aff;
    box-shadow: inset 0px 0px 10px rgb(2, 46, 141, 0.6);
    background-color: rgba(2, 46, 141, 0.6);
}
.location_ipt:checked{
    background-color: #010a2b;
}
.font_style_Nav{
    font-size: 20px;
    height: 39px;
    text-align: left;
    align-items:center;
}
.font_style_Nav>label{
    display: inline-block;
    /* width: 39px;
    height: 37px;
    line-height:37px; */
    border: 1px solid #00000000;
    cursor:pointer;
    text-align: center;
}
/* .font_style_Nav>li.active{
    background-color: #000000;
} */
.font_style_Nav>label:hover{
    border: 1px solid #000000;
}
.font_style_Nav>label>i{
    display: inline-block;
    width: 39px;
    height: 39px;
    line-height: 39px;

}
.canvas-container{
    width: 50px;
}
.font_style_Nav input[type="checkbox"]{display:none;}
.font_style_Nav input[type="checkbox"]:checked + i{background:#007dfa;color: white;}


/* 实时图表 刻度 */
.chart-body > .scale{
    height: calc(100% - 50px);
    margin: 10px 0px;
    position: relative;
}
.chart-body > .scale > .scale-cell > div{
    display: inline-block;
}
.chart-body > .scale > .scale-cell > .cell-color{
    width: 20px;
    height: 100%;
    margin-left: calc(50% - 10px);
}
.chart-body > .scale > .scale-cell.cell-head > .cell-color{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.chart-body > .scale > .scale-cell.cell-tail > .cell-color{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.chart-body > .scale > .scale-cell{
    position: relative;
}
.chart-body > .scale > .scale-cell > .cell-title{
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 50px);
}
.chart-body > .scale > .scale-cell > .cell-value{
    position: absolute;
    top: -10px;
    margin-left: 8px;
}
.chart-body > .scale > .scale-cell > .cell-value.min-value{
    position: absolute;
    top: auto;
    bottom: -10px;
    margin-left: 8px;
}
.chart-body > .scale > .current-value{
    position: absolute;
    left: calc(50% + 10px);
    bottom: calc(100% - 12.5px);
    width: 100%;
    z-index: 1;
}
.chart-body > .scale > .current-value > span{
    display: block;
    width: 0;
    height: 0;
    border:10px solid transparent;
    border-left-color:red;
    display: inline-block;
}
.chart-body > .scale > .current-value > .value{
    display: inline-block;
    vertical-align: top;
    background-color: #0166fe;
    padding: 2px 4px;
}

/* 功能License */
.function-license .info,
.function-license .function{
    display: inline-block;
    height: 400px;
}
.function-license .info > table,
.function-license .function > table{
    font-size: 16px;
    width: 100%;
}
.function-license .info > table tr > td.title{
    width: 150px;
    text-align: right;
}
.function-license .info > table tr > td.input{
    padding: 0px 16px;
}
.function-license .function > table tr > th,
.function-license .function > table tr > td{
    text-align: center;
}
.function-license .function > table tr:hover{
    background-color: #007dfa;
}
/* 网络配置 */
.network_config,
.network_config > .panel-body > .tab-content > .panel{
    background-color: transparent;
    box-shadow: none;
    border-radius: 0px;
}

input[title="alarmCheckbox"]{
    visibility: hidden;
    display: none;
}
input[title="alarmCheckbox"]:checked + label:after{
    position: absolute;
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    font-size: 12px;
    color: #fff;
    line-height: 38px;
    left: 10px;
}
.alarmlabel{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: 34px;
    width: 34px;
    font-size: 38px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.alarmlabel > i{
    position: absolute;
}

/* 告警建议库 */
.uploadFile{
    max-height: 100px;
}
.uploadFile div{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    text-align:left
}
.uploadFile i:hover{
    cursor:pointer;
    color: red;
}

.uploadFile label{
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.file_div{
    display: inline-flex;
    flex-flow: wrap;
    justify-content: start;
    margin: 0 15%;
    max-width: calc(100% - 60px);
}
.file_container{
    position: relative;
    width: 100px;
    height: 100px;
    cursor: pointer;
    transition:0.4s
}
.file_container:hover {
    transform: translateY(-10px);
}
.file_container img{
    width: 100%;
    height: auto;
}
.file_container .file-wrap{
    height: 0;
    width: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    transition:0.4s;
    position: absolute;
    bottom: 0;
    /* line-height: 90px; */
}
.file_container:hover .file-wrap{
    height: 100px;
}
.file-wrap .file-action{
    height: 58px;
    line-height: 80px;
}
.file-action a{
    color: #53b3f3;
}
.file-action a:hover{
    color: #007dfa;
}
.file-wrap .file-name{
    position: absolute;
    bottom: 2px;
    max-height: 40px;
    width: 100px;
    word-wrap: break-word;
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
}
.download-file{
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 0;
    text-align: center;
    line-height: 126px;
}
.img-file{
    width: 100px;
    height: 100px;
    line-height: 100px;
}

.bigImg{
    width: auto;
    height: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.opacityBottom{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    top: 0;
    left: 0;
}

tbody .ellipsis-single{
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* RTSP新视频 */
.webRtcPlayer {
    position: absolute;
    width: calc(100% - 428px);
    height: calc(100% - 51px);
    background-color: transparent;
}
.webRtcPlayer video{
    object-fit:fill;
    position: relative;
    height: 100%;
    width: 100%;
    /* border: 1px solid #FFCC00; */
}

/* 数据变化记录组态 */
.data-change-filter .table i.fa{
    font-size: 20px;
}
.data_change > .data_change_title > .fa{
    color: #62DBED;
    margin-right: 16px;
}
.data_change > .data_change_title > .fa-sort-desc{
    float: right;
}
.data_change > .data_change_line{
    display: block;
    height: 1px;
    width: 100%;
    background: linear-gradient(to right,rgba(96, 216, 234, 0.2),rgba(96, 215, 234,1));
}
.data_change > .data_change_body > .content{
    margin: 16px 0px;
    padding: 8px 8px;
    background-image: linear-gradient(to right, rgba(6,33,131,0.7),rgba(6,33,131,0.3));
}
/* 自定义 可移除标签 */
div.e_tab{
    border: 2px solid #4c8def;
    background-color: #0166fe;
    display: inline-block;
    padding: 4px 8px;
    margin: 2px 2px;
    cursor: pointer;
}
div.e_tab i.fa{
    font-size: 20px;
    vertical-align: bottom;
}
div.e_tab:hover i.fa{
    color: #f4455a;
}

/* 设备抄表 */
.fa-checkGroup{
    width: 32px;
    line-height: 40px;
    vertical-align: middle;
    font-size: 23px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
}

.single-radio {
    position: relative;
    margin: 0 !important;
    cursor: pointer;
    vertical-align: middle;
}
.single-radio:before,
.single-radio:after {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    content: "";
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.single-radio:after {
    background-color: #58e517;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
    -webkit-transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
    -moz-transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
    -ms-transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
    -o-transition: all 0.25s cubic-bezier(0.75, 0.01, 0.48, 2);
}

.single-radio:before {
    background-color: #033085;
    box-shadow: 0 0 0 1px #fbfbfb;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.single-radio:checked:after {
    -moz-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    -webkit-transform: scale(0.75, 0.75);
    -o-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
}
.check-box:before,
.check-box:after{
    height: 100%;
    width: 100%;
    border-radius: 0;
    content: "";
    position: absolute;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.flex-around{
    display: flex;
    justify-content: space-around;
}
.half-width{
    width: 50%;
}

/* 图表配置 */
.history_chart_config i.fa-times-circle{
    color: #c9302c;
}
.history_chart_config i.fa-times-circle:hover{
    color: #cf514d;
}
.history_chart_config i.fa-plus-circle{
    color: #0084D7;
}
.history_chart_config i.fa-plus-circle:hover{
    color: #2495db;
}

/* 抓拍 */
input[id='switch-thin']{
    border: 0 !important;
    width: 50px !important;
    height: 24px !important;
    border-radius: 30px !important;
    background-color: #a2a2a5 !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
}
input[id='switch-thin']:before{
    width: 18px;
    height: 18px;
    border-radius: 16px;
    top: 3px;
    left: 3px;
    background: #fdffff;
    box-shadow: none;
}
input[id='switch-thin']:checked{
    background-color: #20d36c !important;
}
input[id='switch-thin']:checked:before{
    left: 28px;
    background: #fdffff;
}

/* 新拓扑图 */
tbody > tr > td.addbutton{
    cursor: pointer;
    font-size: 25px;
    padding: 0;
}
tbody > tr > .addbutton:hover{
    color:rgb(150, 150, 150);
}
tbody > tr > .addbutton:hover div{
    background-color: rgba(255, 255, 255, 0.03);
}