/*
 * 系统重构样式
 */
body{font-size: 13px;}
.login-body .pg-canvas{position: absolute; z-index: -1;}
.main-header .logo{border-bottom: 1px solid #555;}
.main-header .logo .logo-lg{font-size: 16px;}
.panel-intro > .panel-body{padding-top:0;}
.nav-addtabs > li > a, .nav-addtabs > li.active > a{padding:0 17px;}
.edit-form .table-striped > tbody > tr > td:first-child{vertical-align: middle;  text-align: right;}
.bootstrap-table .table:not(.table-condensed) > tbody > tr.no-records-found > td{height: auto; padding:12px 0;}
.commonsearch-table {border: 1px solid #eee;  margin-top: 10px; padding-top: 10px;}
.fixed-table-pagination .pagination-detail .page-list{display: none;}
.fixed-table-pagination .pagination-detail, .fixed-table-pagination div.pagination{margin-bottom:0;}
.auth-tree-wrap{padding-top:5px;}
.auth-tree-wrap .text-muted{padding: 0 10px 0 5px;}
.plupload-preview .thumbnail, .faupload-preview .thumbnail{margin-bottom:5px;}
.sidebar-menu .treeview-menu > li{margin:0;}
.sidebar-menu .treeview-menu > li > a{padding-left:40px;}
.sidebar-menu .treeview-menu .treeview-menu > li > a{padding-left:54px!important;}
.sidebar-collapse .sidebar-menu .treeview-menu li a{padding-left:20px;}
.sidebar-collapse .sidebar-menu .treeview-menu .treeview-menu > li > a{padding-left:34px!important;}
.editable-click, a.editable-click, a.editable-click:hover{border:none !important;}
.plupload-preview li, .faupload-preview li{margin-top:10px;}
.input-group-addon{text-align: left;}
.radio > label > input, .checkbox > label > input{margin-top:2px;}
.n-default .msg-box{margin-top:0;}
.n-default .n-right .msg-wrap{min-height: 30px;display: flex;align-items: center;}
.n-default .n-msg{width: 120px;white-space: normal;}
ul.sp_element_box{padding-top:4px;}
ul.sp_element_box li.input_box{height:26px;}
.col-text {font-size: 14px;  padding-top: 6px;}
.badge-danger{background: #f00;}

.btn-blue {
    background-color: #23c6c8;
    color: #fff;
    border-color: #23c6c8;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue.hover {
    color: #fff;
    background-color: #1b8788;
    border-color: #1b8788;
}

.panel-view .form-group{margin-bottom:6px;}
.panel-view .control-label{color:#666;}
.sub-top-title .control-label{padding-top:0 !important;}
.sub-top-title .control-label .sTit{color:#333; padding-right:10px;}

.view-image-preview{max-width:100px; max-height:100px; margin:0 5px 8px 0; display: inline-block; vertical-align: top; position: relative;}
.view-image-preview .img-thumbnail{border:none; padding:0; max-width:92px; max-height: 92px;}

.multi-row-text p{margin:0; line-height: 22px; text-align: left;}
.multi-row-text p span{ color:#666;}

.progress-wrap{margin: -15px -15px 0;background: #f5f5f5; padding:30px 0 10px;}
.progress-box {display: flex;margin: 0 auto;width:80%; justify-content: center;}
.progress-box .progress-item {width: 33.3%;position: relative;}
.progress-box .progress-item .line {width: 100%;height: 11px;background-color: #ccc;line-height: 0;}
.progress-box .progress-item.active .line {width: 100%;height: 11px;background-color: #48A3FC;}
.progress-box .progress-item:first-of-type .line {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.progress-box .progress-item .circle-box {text-align: center; margin-top:-20px;}
.progress-box .progress-item .circle-box .circle {display: inline-block;width: 27px;height: 27px;border-radius: 50%;background-color: #eee;border: 7px solid #ccc;box-sizing: border-box;}
.progress-box .progress-item.active .circle-box .circle {border: 7px solid #48A3FC;}
.progress-box .progress-item .circle-box .title {font-size: 14px;color: #333;padding: 8px 0 2px;}
.progress-box .progress-item:last-of-type .line {border-top-right-radius: 6px; border-bottom-right-radius: 6px;}

.c-detail-header .left{display: flex;}
.c-detail-header .left .l-icon{width:50px; height: 50px; border-radius:5px; background: #1688f1; display: flex; align-items: center; justify-content: center; margin-right:10px;}
.c-detail-header .left .i-color{font-size: 34px;color: #fff;}
.c-detail-header .left .c_status{font-size: 15px; padding-bottom:4px;}
.c-detail-header .right{text-align: right;}
.c-detail-header .right .item{display: inline-block; vertical-align: middle; margin-left: 50px;text-align: center;line-height: 25px;}

.c-detail-report{border:1px solid #eee; margin:15px 0;}
.c-detail-report .sm-st{padding: 10px 0; width: 100%; text-align: center; position: relative;}
.c-detail-report .sm-st span{display: block;font-size: 18px;font-weight: 600; line-height: 28px;}
.c-detail-report .sm-st::after{content:""; height: 33px;  border-left: 1px solid #eee; position: absolute; right: 0; top: 50%;
transform: translateY(-50%);}
.c-detail-report div:last-of-type .sm-st::after {display: none;}

.bootstrap-table .c-detail-report{margin:0 0 10px;}

.c-detail-body .nav-tabs{background-color:#F6F6F6;}
.c-detail-body .nav-tabs > li > a{color:#555 !important;}
.c-detail-body .nav-tabs > li.active > a, .c-detail-body .nav-tabs > li.active > a:hover, .c-detail-body .nav-tabs > li.active > a:focus{color:#4E76FB !important;}
.c-detail-body .panel-body{padding:0 15px 10px; border: 1px solid #f1f1f1; border-top:none;}
.c-detail-body .form-horizontal{padding-top:15px;}

.s-table > thead > tr > th{border-bottom:1px solid #ddd; padding:10px 8px;}
.s-table > tbody > tr > td{vertical-align: middle; text-align: center;}
.s-table > tbody input.form-control{text-align: center;}
.s-table th {text-align: center;}

.order-log{height: 240px; overflow-y:auto; margin-left:-17px; }
.order-log .list-item{position: relative;padding-left:15px; color: #333;}
.order-log .list-item::before{content: "";position: absolute;top: 8px;left: 0;width: 7px; height: 7px;border-radius: 50%;  background-color: #18bc9c;z-index: 2;  }
.order-log .list-item::after{content: "";position: absolute; top: 12px; left: 3px;width: 1px;  height: 100%; background-color: #eee;
    z-index: 1; }
.order-log .list-item .log-tit{font-size: 14px; font-weight: bold;}
.order-log .list-item .view-image-preview{margin-top:5px;}
.order-log .list-item .item{margin: 2px 0 5px;line-height: 20px;font-size: 13px;}
.order-log .list-item .item .tit span{color: #48A3FC; padding-left:10px;}
.order-log .list-item .item .time{color:#999;}