/*
 * 系统重构样式
 */
body{font-size: 13px;}
#firstnav .sidebar-toggle{width:50px;}
#firstnav .nav-addtabs{left:50px;}
.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-heading{padding: 12px 15px 0;}
.panel-intro > .panel-heading .panel-lead{margin-bottom: 12px;}
.panel-intro > .panel-body{padding-top:0;}
form.form-horizontal .control-label{padding-right:0;}
.main-header .navbar .nav > li > a:hover, .main-header .navbar .nav > li > a:active, .main-header .navbar .nav > li > a:focus, .main-header .navbar .nav .open > a, .main-header .navbar .nav .open > a:hover, .main-header .navbar .nav .open > a:focus, .main-header .navbar .nav > .active > a{background: rgba(0, 0, 0, 0.05) !important;}
.nav-addtabs > li > a, .nav-addtabs > li.active > a{padding:0 17px; border-right: 1px solid rgba(0, 0, 0, 0.05) !important;}
.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{padding:0;}
.sidebar-menu .treeview-menu > li{margin:0;}
.sidebar-menu .treeview-menu > li > a{padding-left:39px;}
.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;}
.content .label{font-size: 90%; padding:.3em .6em;}
.panel-view .form-group{margin-bottom:8px;}
.panel-view .control-label{color:#555;}
.sub-top-title .control-label{padding-top:0 !important;}
.sub-top-title .control-label .sTit{color:#333; padding-right:10px;}

@media (min-width: 768px) {
    #firstnav .sidebar-toggle{border-right: 1px solid rgba(0, 0, 0, 0.05);}
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu{top:44.5px;}
    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini{font-size: 16px;}
}
@media (max-width: 767px) {
    .n-bootstrap .n-right .msg-wrap {
        position: relative;
        min-height: inherit!important;
        display: inherit!important;
    }
    .n-bootstrap .n-right .n-msg{
        width:auto !important;
    }
}
.article_content{padding:5px 0 0; font-size: 14px; line-height: 180%; word-wrap: break-word;  word-break: break-all;  color: #666;}
.article_content img, #article_content video{max-width:100%;}

.view-image-preview{max-width:130px; margin:0 5px 8px 0; display: inline-block; vertical-align: top;}
.view-image-preview .img-thumbnail{border:none; padding:0; max-height: 70px;}

.module-list-item{border:1px solid #eee; margin-bottom:15px;}
.module-list-item .top{padding:8px;}
.module-list-item .icon{width:80px; height:80px; text-align: center; line-height: 80px; border-radius:50%; margin:0 auto; font-size: 30px; color:#fff; margin-bottom:35px;}
.module-list-item .bottom{border-top:1px solid #eee; display: flex; justify-content: space-between; align-items: center; padding:8px;}
.module-list-item .bottom .name{font-size: 14px;}

.nav-wrapper .nav-tabs{background-color:#F6F6F6;}
.nav-wrapper .nav-tabs > li > a{color:#555 !important;}
.nav-wrapper .nav-tabs > li.active > a, .nav-wrapper .nav-tabs > li.active > a:hover, .nav-wrapper .nav-tabs > li.active > a:focus{color:#4E76FB !important;}
.nav-wrapper .tab-content{padding-top:15px;}

.order-product{text-align: left;}
.order-product .item{padding-top:6px; display: flex;}
.order-product .item:first-child{padding:0;}
.order-product .item .text{display: block;}
.order-product .item .info{padding-top:8px;}
.order-product .item .sku{color:#666; padding-right:5px;}
.order-product .item .img{ vertical-align: top; margin-right:5px; width: 46px; height: 46px;}

.product-info{display: flex; align-items: center; text-align: left;}
.product-info .img{vertical-align: top; margin-right:10px; width: 50px; height: 50px;}
.product-info .sku{color:#666; padding-top:8px;}

.progress-wrap{margin: -15px -15px 15px;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;}




