*,
body{
    color: #1d1818;
    font-family: 'Microsoft Yahei';
    text-shadow: none;
}

/*#region 背景图 */
.Body-Background,
.loginbody{
    background: url(../../img/fsu_loginbg.jpg) left top/cover no-repeat !important;
}

.Login-Background,
.login-bg{
    background: url(../../img/fsu_logininfo.png) no-repeat !important;
}

.login_pannel{
    position: absolute;
    top: 40%;
    right: 17%;
}

.body_bg{
    background: url(../../img/fsu_bg.jpg) no-repeat center/100% 100% !important;
    height: 100%;
    width: 100%;
}

.page-load .loading-bg{
    background: url(../../img/fsu_loadingbg.png) no-repeat !important;
}
.page-load .background span{
    color: #1d1818;
}
/*#endregion  */

/*#region 输入控件  */
/* 输入框棱角统一 */
input,
textarea,
input[type="text"], 
input[type="password"], 
input.btn-default,
.form-control,
.alarm_table_body input[title="table-filter"],
.form-signin .input-group input,
.alarm-remark,
select.btn-default{
    color: #1d1818;
    border-radius: 4px;
    background-color: white;
    padding-left: 16px;
    border: 1px solid rgb(68, 142, 254);
    font-weight: normal;
    box-shadow: none;
}
input:focus-visible,
textarea:focus-visible,
input[type="text"]:focus-visible, 
input[type="password"]:focus-visible, 
.alarm_table_body input[title="table-filter"]:focus-visible,
.form-signin .input-group input:focus-visible,
.alarm-remark:focus-visible{
    outline-color: rgb(68, 142, 254);
}

input.btn-default:hover,
input.btn-default:focus,
select.btn-default:hover,
select.btn-default:focus{
    color: #1d1818;
    background-color: white;
    box-shadow: none;
}

/* 多级联动选择框 */
.select-casement-tree,
.select-casement-options{
    background-color: white;
    box-shadow: none;
}
.select-casement span.input-tips{
    color: #1d1818;
}
.select-casement span.input-item{
    color: #1d1818;
    border: 1px solid #025aff
}

.select-options ul.options-device > li:hover, 
.select-options ul.options-signal > li:hover, 
.select-options ul.options-device > li.active, 
.select-options ul.options-device > li:hover > span,
.select-options ul.options-device > li:hover > i.fa, 
.select-options ul.options-device > li.active > span, 
.select-options ul.options-device > li.active > i.fa,
.select-options ul.options-signal > li:hover > span{
    background-color: #237af8;
    color: #FFFFFF;
}
/* 禁用的控件 */
.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control{
    background-color: #ccc;
    border: 1px solid #999;
}

.templateProperty{
    background-color: white;
}
/*#endregion  */

/*#region 按钮 */
.btn,
.btn-default,
.btn-info,
.btn-primary,
.btn-success,
.btn-warning,
.btn-danger{
    border-width: 1px;
    border-radius: 4px;
}

.btn,
.btn-default,
.btn-info{
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn:hover,
.btn-default:hover,
.btn-info:hover{
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-primary{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary:hover{
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-success{
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover{
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-warning{
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning:hover{
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-danger{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:hover{
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.modal-content button.close{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.modal-content button.close:hover{
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn > i,
.modal-content button.close i{
    color: white;
}

/* 时间控件 */
.datepicker>table>thead>tr>th>.btn-default,
.datepicker>table>tbody>tr>td>.btn-default{
    background-color: #f5f6fc;
    color:#1d1818;
}
.datepicker>table>tbody>tr>td>.btn-primary{
    background-color: #f5f6fc;
}
/*#endregion  */

/*#region 功能栏  */
.navbar{
    background-color: white;
}
.menu_bar{
    background-image: linear-gradient(to right,#2281fc, #2281fc);
}

.navbar-header .logotitle,
.menu_bar i{
    color: white;
}

.dropdown > a,
.dropdown > a > i,
.dropdown-menu > ul > li > a,
.dropdown-menu > ul > li > a > i{
    color: #1d1818;
}
.dropdown-menu,
.nav > li > a.servertime:hover,
.nav .open > a.servertime{
    background-color: white;
}
.nav > li > a:hover,
.nav .open > a,
.nav .open > a:hover, 
.nav .open > a:focus,
.navbar-top-links .dropdown-menu li > a:hover{
    background-color: rgb(91 192 222 / 50%);
}

.sidebar-nav .device-li{
    height: 38px;
}
.sidebar-nav .device-li.chevron{
    height: 24px;
}
.sidebar-nav .device-li > a{
    width: 100%;
    padding: 8px 8px 8px 70px;
    display: inline-block;
    cursor: pointer;
}
.sidebar-nav .device-li > a.chevron{
    padding: 0px;
    text-align: center;
}

.sidebar ul li a.active{
    background: url(../../img/MenuBar/fsu_bg.png) left;
    background-size: calc(100% - 20px) 50px;
}

#alarmCount {
    background-color: #E64E5B;
}
.spop-icon+.spop-body{
    color: white;
}
/*#endregion  */

/*#region 表格  */
table,
.alarm_table,
.table_body thead, 
.table_body tbody,
table thead,
table tbody, 
.table tr:nth-child(odd),
.table tr:nth-child(even),
.rights-list .ul > li:nth-child(odd){
    background-color: transparent;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td{
    border-bottom: 1px solid rgb(68, 142, 254);
}
.table > body > tr:nth-child(even),
.table > body > tr.even,
.rights-list .ul > li:nth-child(even){
    background-color: #e3e8f9;
}

.table-bordered{
    border-color: transparent;
}
.modal .table-bordered{
    border: 1px solid rgb(68, 142, 254);
}

.table-hover > tbody > tr:hover{
    background-color: transparent;
}
/*#endregion  */

/*#region 布局  */
.modal-content, 
.dialog_box,
.panel-default{
    background-color: white;
    box-shadow: 0px 0px 20px 0px rgb(32 100 202 / 20%);
    border-radius: 4px;
}
.dialog_box .alarm_table_body{
    border-bottom: 0px;
}

.modal-content .modal-header, 
.dialog_box .alarm_table_body{
    border-bottom: 1px solid #D5DAEB;
}

.nav-tabs a,
.page-header{
    color: #1d1818;
}
.nav-tabs > li > a{
    background-color: white;
    border-bottom: 1px solid #0a1e65;
}
/*#endregion  */

/*#region 设备详情 */
.panel-default > .panel-heading{
    background-color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.panel-default > .panel-heading,
.panel-default > .panel-heading > i{
    color: #1d1818;
}

.device-info .panel-heading{
    cursor: pointer;
}

.device-controls .controls{
    margin: 8px;
}
.device-controls .controls > .control{
    display: inline-block;
    margin: 8px 16px;
}
.device-controls .controls > .control > button.btn{
    padding: 6px 20px;
}

.text-muted,
.text-muted i{
    color: #777;
}
.text-success,
.text-success i {
    color: #3c763d;
}
.text-danger,
.text-danger i {
    color: #a94442;
}
/*#endregion */


/*#region 其他 */
/* ECharts图表 */
.charts_div .charts_a>div:nth-child(1){
    background-color: white;
    box-shadow: none;
}

/* 配置管理 */
.ExpressionSymbol li{
    color: white;
}
.div_content{
    background-color: white;
    box-shadow: 0px 0px 20px 0px rgb(32 100 202 / 20%);
}

/* 接口配置 */
.content_message{
    background-color: #ccc;
    border: 1px solid #999;
    box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.2);
}

/* 告警联动 */
div.e_tab sapn,
div.e_tab i{
    color: white;
}

/* 门禁管理 / 组态页面配置 */
.time_set_bg,
.panel{
    background-color: transparent;
}
.timeGroupCheck label i{
    color: #1d1818;
}
.timeGroupCheck input[type="checkbox"]:checked + i{
    color: white;
}
.export-configure,
.import-configure,
.not-fsu{
    display: none;
}
/* 校时 */
.input-group-addon{
    background-color: #337ab7;
    border-color: #2e6da4;
}
.input-group-addon span{
    color: white;
}
/* 系统操作 */
#ControlDoor .td1{
    background-color: #ccc;
}
/* 告警等级配置 */
input:read-only{
    background-color: transparent;
    border: 1px solid rgb(68, 142, 254);
}

/* 告警弹出框 */
#pop,
#popHead{
    border: 1px solid #999;
    box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.2);
}
#pop{
    border-radius: 4px;
}
#popHead{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
#pop,
#popHead,
#popContent dl{
    background-color: white;
}
#popHead #popClose,
#popHead h2,
#popIntro a,
#popTime{
    color: #1d1818;
}
/* 权限管理 */
.rights-body .rights-button{
    background-color: white;
}
.authority-option .ul li > i.fa{
    color: #1d1818;
}
.authority-option .authority-checked > i.fa{
    color: #0075ff;
}
/* 活动告警 */
.dropdown-menu > li > a,
.btn-default.active span,
.btn-group > .btn.active span{
    color: #1d1818;
}
.pagination > .active > a span,
.btn-group > .btn span{
    color: white;
}
/* 视频 */
.camera-menu .title{
    background-color: white;
}
.camera-menu .title span,
.camera-menu .tree ul li,
.camera-menu .camera_color{
    color: #1d1818;
}
.camera-menu .tree > ul > li:hover{
    background-color: rgb(91 192 222 / 50%);
    color: white;
}

.sk-wave .sk-rect{
    background-color: #1d1818;
}

#key-board .keyboard_box{
    background: #f4f4f4;
}
#key-board .c_panel{
    background-color: #f4f4f4;
}
#key-board input{
    padding: 0px;
    border-radius: 0px;
    border-width: 0px;
    background-color: #d8d8d8;
    color: #000;
}
/*#endregion */