/*
 * @Author: wtt
 * -----------
 */

/*   覆盖frontend.css  @wtt   */

body{
    font-weight: 400 !important;
    font-size: 14px;
}
.form-control {
    padding: 1px 2px;
    font-size: 16px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    font-size: 16px;
    vertical-align: baseline;
}

.layui-layer-dialog .layui-layer-content {
    color: #ff2c2c !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    background: #fffafa;
}

.navbar-white {
    background-color: #120902;
    border-color: #120902;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
}
.navbar-white .dropdown-menu {
    border-radius: 5px;
    -webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1);
    -moz-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1);
    box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1);
}
@media (min-width: 768px) {
    .navbar-default .navbar-brand {
        height: 60px;
        line-height: 27px;
        color: #e4c192;
        font-size: 2.1rem;
        font-weight: 700;
    }
    .navbar-default .navbar-nav > li > a {
        height: 60px;
        line-height: 27px;
    }
    .navbar-white .navbar-brand {
        height: 60px;
        line-height: 27px;
        color: #e4c192;
        font-size: 2.1rem;
        font-weight: 700;
    }
    .navbar-white .navbar-nav > li > a {
        height: 60px;
        line-height: 27px;
        color: #e4c192;
    }
    .navbar-white .navbar-nav > li > a:hover,
    .navbar-white .navbar-nav > li > a:focus {
        /*color: #007bff;*/
    }
    .navbar-white .navbar-nav > .active > a,
    .navbar-white .navbar-nav > .active > a:hover,
    .navbar-white .navbar-nav > .active > a:focus {
        background-color: inherit;
        /*color: #007bff;*/
    }
}



main.content {
    width: 100%;
    overflow: auto;
    padding: 10px 10px 0px 10px;
    /*padding-top: 20px;*/
    min-height: calc(100vh - 135px);
    /*background-color: #120902;*/
}
.sidenav {
    padding: 0px 0 20px 0;
    /*margin-bottom: 20px;*/
    /*background-color: #fff;*/
    /* dev */
    background-color: #120902;
    width: 130px;
    min-height: 100vh;
    /*height: 100%;*/

    /*float: left;*/
    /*display: inline-flex;*/
    /*display: -ms-inline-flexbox;*/
    /*display: -webkit-inline-flex;*/
}
.sidenav .list-group:last-child {
    margin-bottom: 0;
}
.sidenav .list-group .list-group-heading {
    list-style-type: none;

    font-size: 18px;
    text-align: left;

    /*color: #120902;*/
    /*background-color: #e5c18f;*/
    /*background-color: rgba(255, 111, 97, 0.33);*/
    color: #e4c192;
    margin-left:2px;
}
.sidenav .list-group .list-group-item {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    border: none;
    padding: 0;
    border-left: 2px solid transparent;
}
.sidenav .list-group .list-group-item:last-child,
.sidenav .list-group .list-group-item:first-child {
    /*-webkit-border-radius: 0;*/
    /*-webkit-background-clip: padding-box;*/
    /*-moz-border-radius: 0;*/
    /*-moz-background-clip: padding;*/
    /*border-radius: 0;*/
    /*background-clip: padding-box;*/
}

.sidenav .list-group .list-group-item:hover {
    /*border-right: 2px solid #FF6F61;*/
    background-color: rgba(255, 111, 97, 0.33);
}
.sidenav .list-group .list-group-item > a:hover {
    /*color: #ffffff !important;*/
    /*font-weight: 600;*/
}

.sidenav .list-group .list-group-item > a {
    color: #e4c192;
    background-color: #120902;
    font-weight: 600;
    display: block;
    padding: 14px 8px 14px 8px;
    /*font-size: 1.8rem;*/
    font-size: 16px;
    text-align: left;
    /*padding-left: 1.28571429em;*/
}
.sidenav .list-group .list-group-item.active {
    /*border-right: 2px solid #FF6F61;*/
    /*background-color: rgba(245, 245, 245, 0.38);*/
    background-color: #e4c192;
}
.sidenav .list-group .list-group-item.active > a {
    color: #120902;
    background-color: #e4c192;
    font-weight: 600;
}


.nav li .avatar-text,
.nav li .avatar-img {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 14px;
}
.nav li .avatar-img {
    font-size: 0;
}
.nav li .avatar-img img {
    border-radius: 30px;
    width: 30px;
    height: 30px;
}







/*   顶部横向菜单 @wtt   */
.navbar-cs .nav > li > a:hover, .navbar-cs .nav > li > a:active, .navbar-cs .nav > li > a:focus, .navbar-cs .nav .open > a, .navbar-cs .nav .open > a:hover, .navbar-cs .nav .open > a:focus, .navbar-cs .nav > .active > a {
    background: rgba(195, 195, 195, 0.33);
    color: #007bff;
}
.nav-addtabs > li > a, .nav-addtabs > li.active > a {
    border-right-color: transparent;
}
.navbar-cs .nav > li > a {
    color: #666;
}
.nav-addtabs > li > a{
    height: 29px;
    line-height: 29px;
    padding: 0 8px;
    border-radius: 0;
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.02);
    /*background: #f1f4f6;*/
    color: #2c3e50;
    overflow: hidden;
    font-size: 16px;
}
.nav-addtabs > li.active > a {
    height: 29px;
    line-height: 29px;
    padding: 0 8px;
    border-radius: 0;
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.02);
    background: #f1f4f6;
    color: #2c3e50;
    overflow: hidden;
}

.navbar-cs{
    background: #ffffff;
    margin: -10px -10px 2px -10px;
}
.navbar-cs .nav-tabs{
    border: none;
}

.navbar-cs li{
    padding: 3px 6px;
}

.sidenav .list-group .list-group-item > a {

}

.btn-xs, .btn-group-xs > .btn{
    font-size: 14px;
    /*padding: 0px 7px;*/
}

/*弹窗自定义样式 @wtt*/
.layui-layer-title{ padding: 0 80px 0 10px;    font-size: 18px; font-weight: 700; letter-spacing: 0.11rem; }
.layui-layer-title span{ margin-right: 4px; }
.title-cs-title{}
.title-cs-tables{ font-weight: 700; font-size: 16px; }
.title-cs-state{ padding: 3px 9px; color: #FFFFFF; background: #919191; }
.title-cs-flag{ padding: 3px 9px;  color: #FFFFFF; background: #919191; }

.layui-layer-title .cs-1{ background: #01FF70; }
.layui-layer-title .cs-2{ background: #ff01a6; }
.layui-layer-title .cs-3{ background: #8104e7; }
.layui-layer-title .cs-4{ background: #ff4d00; }
.layui-layer-title .cs-5{ background: #021cc9; }

.layui-layer-title .cf-1{ background: #01FF70; }
.layui-layer-title .cf-2{ background: #ff01a6; }
.layui-layer-title .cf-3{ background: #8104e7; }
.layui-layer-title .cf-4{ background: #ff4d00; }
.layui-layer-title .cf-5{ background: #021cc9; }



/* 详情卡片 */
.info-box-cs {
    /*width: 776px;*/
    /*text-align: right;*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*flex-direction: row;*/
    /*justify-content: space-between;*/

    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 55, 255, 0.22);
    border-radius: 2px;
    margin-bottom: 12px;
    display: inline-block;
    color: #000000;
}
.info-box-cs .cell {
    line-height: 34px;
    /*font-weight: 500;*/
    /*font-size: 14px;*/
    /*letter-spacing: 0.05rem;*/
}
.info-box-cs .cell .spantt {
    color: #1c90f3;
    /*font-weight: 100 !important;*/
}
/*标题*/
.unav {
    font-size: 17px;
    /*width: 100%;*/
    /*border-bottom: 1px solid #bcbcbc;*/
    /* height: 34px; */
    /* line-height: 34px; */
    /* margin-top: 20px; */
    padding: 5px 0px 5px 0px;
    display: flex;
    cursor: pointer;
}
.unav div.active {
    color: #d98310;
    border-bottom: 2px solid #d98310;
    margin-bottom: -5px;
}
/* html表格 */
.cs-thtd{
    vertical-align: middle;
    text-align: left;
    color: #424242;
}
/* 影响所有表格 */
/*.th-inner{*/
/*    color: #1c90f3;*/
/*}*/
/* 影响指定表格 */
.have-cs-table .th-inner{
    /*color: #1c90f3;*/
}
.panel {
    box-shadow: 0 1px 1px rgba(0, 55, 255, 0.22);
    border-radius: 2px;
}
/* 详情卡片 */



/* 美化客户端的表格上方的搜索条件; 这段样式要统一到其他页面   @wtx */
.commonsearch-table .row{
    width: 100%;
    display: -webkit-inline-flex;
    flex-wrap: wrap;
    justify-content: left;
}
.commonsearch-table .row .col-lg-3{ width: auto !important; }
/* 隐藏标签 */
.commonsearch-table .row .control-label{ display: block; }
.commonsearch-table .row .col-xs-4{ width: auto !important; padding-left: 6px; padding-right: 2px; }
.commonsearch-table .row .col-xs-8{ width: auto !important; padding-left: 2px; padding-right: 2px; }
/* 输入框大字体 */
.commonsearch-table .row .form-control, .title-toolbar .form-control{
    padding: 0px 4px;
    font-size: 14px;
}
.commonsearch-table .row .col-sm-8{ width: auto; }
.commonsearch-table .row .col-xs-offset-4{ margin-left: 0px; }
.commonsearch-table .row select{
    min-width: 170px;
}
/* 页面一级标题   预计要删除掉标题行   */
.page-title{
    border-left: 3px solid #0a4b3e;
    color: #0a5ba6;
    padding-left: 6px;
    font-size: 1.5em;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0px 20px 10px 0px;
    width: 20%;
}

/* 隐藏弹窗最小化的按钮 */
.layui-layer-min{
    display: none !important;
}