@charset "utf-8";
/*主体-背景*/
body { background: #f7f7f7;}
body.inside-aside{ background: #f7f7f7;}
.login-bg{ background-image: url(../img/bainiu/login-bg.jpg)!important; background-size: cover;}
/*主体-控制台*/
.stats .stat-icon{ color: #3f81fc !important;width: 60px !important; padding-right: 20px;}
.stat .value{font-size: 30px!important;}
.progress-bar-green, .progress-bar-success {background-color: #3f81fc;}

/*模块背景*/
.bg-aqua, .callout.callout-info, .alert-info, .modal-info .modal-body{background-color: #6495f9 !important;}
.bg-green, .callout.callout-success, .alert-success, .modal-success .modal-body{background-color: #6ce6c1 !important;}
.bg-yellow, .callout.callout-warning, .alert-warning, .modal-warning .modal-body{background-color: #b0b7fe !important;}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .modal-danger .modal-body{background-color: #ff9d6e !important;}
.st-red{background-color: #ff9d6e!important}
.st-violet {background-color: #b0b7fe !important;}
.st-blue { background-color: #6495f9 !important}
.st-green { background-color: #6ce6c1 !important;}
.bg-purple-gradient{ background:#b0b7fe!important; }
.bg-green-gradient{background: #6ce6c1 !important;}
.bg-blue-gradient{background: #6495f9 !important;}
.bg-teal-gradient{background: #ff9d6e!important;}
.small-box .icon{top: 35px; right: 20px; font-size: 40px !important;}

.label-success{background-color: #3f81fc;}
.layui-layer-fast .layui-layer-title{background: #ffffff !important;color: #555555 !important; border-bottom: 1px solid #f0f0f0; font-size: 16px; font-weight: bold; line-height: 50px; height: 50px;}
.layui-layer-fast .layui-layer-footer{ background: #f6fcff}
.pagination > .active > span,  .pagination > .active > span:hover,  .pagination > .active > span:focus{background-color: #ffffff;border-color: #575757;height: 50px; line-height: 50px;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #0c7de5;border-color: #0c7de5;}
.layui-layer-fast .layui-layer-setwin > a:after{ color: #000000;}
/*内容块背景*/
.panel{ background: none;}
.panel-intro>.panel-body{ background: #ffffff;}
/*切换效果*/
#firstnav{height: 60px; line-height: 60px;}
#firstnav .sidebar-toggle{height: 60px; line-height: 60px;}
#firstnav .nav-tabs > li > a{border-radius: 3px; height: 60px; line-height: 60px;}
#firstnav .nav-addtabs > li.active > a{height: 60px; line-height: 60px;}
#firstnav .navbar-nav > li > a{ line-height: 28px;}
/*主体顶部*/
.control-sidebar{padding-top: 60px;}
.fixed .content-wrapper, .fixed .right-side{ padding-top: 60px;}
.panel-intro > .panel-heading{background: #ffffff;border-color: #ffffff;margin-bottom: 15px; padding-left: 10px;}
.panel-intro > .panel-heading .nav-tabs{ padding-bottom: 0px;}
.panel-intro > .panel-heading .nav-tabs > li > a{ font-size: 16px; color: #555555;background-color: #ffffff;border: 0px solid #d3d3d3; border-radius: 0px; padding: 8px 5px; margin-right: 35px; font-weight: bold;}
.panel-intro > .panel-heading .nav-tabs > li.active > a, .panel-intro > .panel-heading .nav-tabs > li.active > a:hover, .panel-intro > .panel-heading .nav-tabs > li.active > a:focus{
	color: #3f81fc;background-color: #ffffff;border-bottom:2px solid #3f81fc; font-weight: bold;}
.panel-intro > .panel-heading .nav-tabs > li > a:hover, .panel-intro > .panel-heading .nav-tabs > li > a:focus{ border: 0px solid #cccccc; color: #3f81fc;background-color: #ffffff;}
.filter-type>a{ margin-right: 0 !important;}
#secondnav{top: 60px;}
.skin-black-blue .main-header .navbar .nav > li > a:hover, .skin-black-blue .main-header .navbar .nav > li > a:active, .skin-black-blue .main-header .navbar .nav > li > a:focus, .skin-black-blue .main-header .navbar .nav .open > a, .skin-black-blue .main-header .navbar .nav .open > a:hover, .skin-black-blue .main-header .navbar .nav .open > a:focus, .skin-black-blue .main-header .navbar .nav > .active > a{ color: #000000;}
#secondnav .nav-addtabs > li{margin: 2px 10px 2px 0;}

/*主体表格*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ vertical-align: middle;}
.table-bordered{ border: 0 solid #f4f4f4;}
.table > thead {background: #fafafa; border-bottom: 1px solid #ececec}
.bootstrap-table .table>thead>tr>th{ border-bottom: none;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{border: 0px solid #f4f4f4;}
.bootstrap-table .table{ border-bottom: 0px solid #ddd;}

/*分页*/
.pagination > li > a{background: none;margin-right: 5px;}
.pagination > li:first-child > a, .pagination > li:first-child > span{ border-radius: 3px !important;}
.fixed-table-pagination .pagination a{ border-radius: 3px !important;}
.pagination > .active > a{background-color: #1688f1;border-color: #1688f1;}
.jumpto input{border-radius: 3px;}
.table-striped > tbody > tr:nth-of-type(odd){ background: none;}
.bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td{padding: 12px 15px;border-bottom: 1px solid #f7f7f7; }
.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner{padding: 12px 10px;border-bottom: 0px solid #f7f7f7; }
.thumbnail{ border: none;background-color: #f1f1f1; padding: 0;}
.form-control{border-color: #e4e4e4;border-radius: 3px;}
.btn-default{ border-color:transparent;}
.fixed-table-container .bs-checkbox .th-inner{ padding: 12px 10px;}
.fixed-table-container thead th .both{background-size: 13px auto;}
/*弹出层*/
.layui-layer{border-radius: 10px;}
.layui-layer-title{ border-radius: 10px 10px 0 0;}
.layui-layer-fast .layui-layer-btn{border-radius: 0 0 10px 10px;}
.layui-layer-fast .layui-layer-btn .layui-layer-btn0{background-color: #6495f9; border-color: none;}
.layui-layer-fast .layui-layer-btn a{background-color: #999999;}
.layui-layer-fast .layui-layer-confirm{ border: none;}
.layui-layer-fast .layui-layer-confirm:focus{border: none;}


/*表单*/
.form-group.has-success .form-control, .form-group.has-success .input-group-addon{border-color: #3f81fc;}

/*去掉投影*/
.form-group.has-success label{ color: #3f81fc}
.nav-tabs-custom{box-shadow: 0 0px 0px rgb(0 0 0 / 0%);}
.box{box-shadow: 0 0px 0px rgb(0 0 0 / 0%);}
.alert-success-light{background-color: #eefaff;border-color: #ffffff;color: #48c0ec;}
.alert-danger-light, .alert-error-light{background-color: #ffe0e2;border-color: #ffffff;color: #f5707a;}
.box.box-success{border-top-color: #48c0ec;}
.box{border-top: 0px solid #d2d6de;border-radius: 0px;}

/*按钮+文字*/
.btn{ padding: 6px 15px;}
.btn-lg{ line-height: 2!important;}
.btn-success{ background-color: #3f81fc;}
.btn-success:hover,.btn-success:focus{background-color: #266df1; border-color:transparent; }
.btn-sm, .btn-group-sm > .btn { padding: 7px 15px;}
.text-success{color: #67c23a;}
.btn-danger { background-color: #ee6567; }
.btn-primary { background-color: #999;}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success{background-color: #3f81fc; border-color: #3f81fc;}
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus{background-color: #3f81fc; border-color: #3f81fc;}
.btn-primary{background-color: #54a6eb;}
.btn-primary:hover {background-color: #479de6; border-color: #afafaf;}
.layui-layer-btn .btn-primary{ background-color:#3f81fc}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,.btn-primary:hover,.btn-primary:focus, .btn-primary.focus{border-color: transparent;}
.btn-primary.btn-edit{ background-color: #1688F0}
.btn.btn-success.btn-append{background-color: #64acf4; }
.btn-primary.btn-embossed{ background-color: #1688F0; padding: 8px 28px; margin-right: 10px; }
.btn-primary.btn-embossed:active,.btn-primary.btn-embossed:focus{background-color: #0771d2;}
.btn-default.btn-embossed{padding:8px 28px;}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,.btn-primary:focus, .btn-primary.focus{background-color: #54a6eb;}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus{background-color: #54a6eb; border-color:#54a6eb; }
.btn-default:hover{ border-color: transparent;}
.btn.btn-primary.faupload.dz-clickable{background-color: #1688F0;}
.btn:active,.btn-group.open .dropdown-toggle,.btn:active, .btn-group.open .dropdown-toggle{box-shadow: inset 0 0px 0px rgb(0 0 0 / 13%);}
.btn-default:focus, .btn-default.focus,.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default,.btn-default:active:hover, .btn-default.active:hover{}
/*下拉框*/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{background-color: #3F81FB}
.dropdown-menu > li > a:hover{background-color: #ededed;color: #1688F0;}
.dropdown-menu > li > a{ padding: 10px 12px;}
.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus{ border-color:  transparent;}
/*提示框*/
.toast-success {background-color: #5081f4 !important;}
#toast-container>.toast-success { background-image: url(../img/bainiu/success.png)!important; background-size: 30px; }
.toast-error { background-color: #f65b5b !important;}
#toast-container>.toast-error {background-image: url(../img/bainiu/error.png)!important; background-size: 30px;}


/*侧边栏*/
.skin-black-blue .main-header{background-color: #ffffff;box-shadow: 0px 0px 0px rgb(0 0 0 / 0%);}
.skin-black-blue .main-sidebar{background-color: #ffffff;}
.main-sidebar, .left-side{padding-top: 60px;border-right: 1px solid transparent; box-shadow: 1px 4px 0px rgb(0 21 41 / 8%);}
.skin-black-blue .main-header .logo{background-color: #ffffff; color: #3f81fc; line-height: 60px; height: 60px;border-right: 0px solid #222d32; font-weight: 400;}
.skin-black-blue .main-header .logo:hover{color: #5590ff; background-color: #ffffff;}

.skin-black-blue .sidebar-form { border-radius: 3px; border: 1px solid #ecf7ff; background-color: #ecf7ff;}
.skin-black-blue .sidebar-form input[type="text"],.skin-black-blue .sidebar-form .btn { background-color: #ecf7ff; color: #3f81fc;border: 0px solid transparent;}
.skin-black-blue .sidebar-form input[type="text"]:focus, .skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #6998ff; }
.skin-black-blue .user-panel > .info, .skin-black-blue .user-panel > .info > a { color: #ffffff;}
.skin-black-blue .sidebar-form input[type="text"]:focus{ color: #ffffff; }
.skin-black-blue .sidebar-form input::-webkit-input-placeholder{ /*WebKit browsers*/color: #6998ff;}
.skin-black-blue .sidebar-form input::-moz-input-placeholder{ /*Mozilla Firefox*/color: #6998ff;}
.skin-black-blue .sidebar-form input::-ms-input-placeholder{ /*Internet Explorer*/ color: #6998ff;}
.skin-black-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn{ color: #ffffff; border-left-color:none;}




.main-header .logo{ height: 60px;}
.main-header .logo  .logo-lg{ height: 60px; line-height: 60px; display: flex;align-items: center; justify-content: center;}
.main-header .logo .logo-lg svg{ }
.main-header .logo .logo-lg .svg-logo1,.main-header .logo .logo-lg .svg-logo2{ fill:currentColor;}
.slimScrollDiv{ /*margin-top: 10px;*/}
@media(max-width: 767px){.wrapper .main-header .logo{ width: 150px !important;}}

.skin-black-blue .sidebar a{ color: #666666;}
.skin-black-blue .sidebar-menu>li>.treeview-menu {background: #ffffff;}
.skin-black-blue .sidebar-menu > li:hover > a{color: #3f81fc;background-color: transparent;}
.skin-black-blue .sidebar-menu > li.active > a{ color: #3f81fc;background: #ffffff; }
.skin-black-blue .treeview-menu > li > a{color: #666666;}
.skin-black-blue .treeview-menu > li > a:hover{color: #3f81fc; }
.skin-black-blue .treeview-menu > li.active > a{color: #3f81fc;background: #ecf7ff;border-right: 3px solid #3f81fc;}
button:focus:not(:focus-visible) {
    outline: 0;
}