body { padding-top: 50px;     background: #F1F3F4!important;}


/* 空心边框按钮 */
a.outline {
    display: inline-block;
    padding: 8px 16px;
    border: 2px solid #e74c3c; /* 红色边框 */
    color: #e74c3c;
    border-radius: 30px; /* 圆角 */
    transition: all 0.3s;
}

/* 悬停填充颜色 */
a.outline:hover {
    background: #e74c3c;
    color: white;
}


.layout-wrapper {  position: relative;  height: 100%;  width: 100%;  }

.layout-navbar {  color: #fff;  height: 50px;  background-color: #2F54EB;  z-index: 1040;  }
.layout-navbar .navbar-header {  float: left;  position: relative;  margin-right: 10px; padding:0;  }
.layout-navbar .navbar-header .navbar-brand {  padding:0;  display: flex;  width: 100%;  text-align: left;  font-size: 22px;  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;  font-weight: 800;  text-indent: 15px;  height: 50px;  line-height: 50px;  overflow: hidden;  color: #FFF;  text-decoration: none;  }
.layout-navbar .navbar-menus > .navbar-nav > li {margin-left:5px;}
.layout-navbar .navbar-menus > .navbar-nav > li > a {  padding: 0 15px;  display:block;  height: 50px;  line-height: 50px;  font-size: 14px;  font-weight: 400;  text-decoration: none;  color: #FFFFFF;  -webkit-transition: background-color .2s;  -moz-transition: background-color .2s;  -ms-transition: background-color .2s;  -o-transition: background-color .2s;  transition: background-color .2s;  }
.layout-navbar .navbar-menus > .navbar-nav > li > a:focus,
.layout-navbar .navbar-menus > .navbar-nav > li > a:hover,
.layout-navbar .navbar-menus > .navbar-nav > .open > a ,
.layout-navbar .navbar-menus > .navbar-nav > li:hover > a {  background-color: #2F54EB;  }
.layout-navbar .navbar-menus > .navbar-nav > li > a > i {  font-size: 14px;  display: inline-block;  min-width: 18px;  text-align: center;  }
.layout-navbar .navbar-menus > .navbar-nav > li > .dropdown-menu {padding:4px;}
.layout-navbar .navbar-menus > .navbar-nav > li > .dropdown-menu > li.active a {background: #2F54EB;}

/* layout-menubar */
.layout-menubar {  color: #fff;  top: 50px;  bottom: 0;  position: fixed;  width: 180px;  height: 100%;  overflow: hidden;  padding-bottom: 50px;    }
.layout-menubar .menubar-inner {  height: 100%;  width: 100%;  }
.layout-menubar .menu-list li > a {color: #868686;text-decoration: none;outline:none;font-size:12px;transition: background-color 0.2s linear;}
.layout-menubar .menu-list li > a:hover {background: #E6F7FF;color:#2F54EB;}
.layout-menubar .menu-list li:hover > a > i,
.layout-menubar .menu-list li.open > a > i{color:#2F54EB;}
.layout-menubar .menu-list li > a > .arrow {  float: right;  width: 10px;  height: auto;  text-align: center;  margin-top: -1px;  margin-right: 5px;  font-size: 14px;  text-shadow: none;  -webkit-transition: -webkit-transform .15s;  -o-transition: -o-transform .15s;  transition: -webkit-transform .15s;  transition: transform .15s, -webkit-transform .15s, -o-transform .15s;  -webkit-transform: none;  -ms-transform: none;  -o-transform: none;  transform: none  }
/*.layout-menubar .menu-list li > a > .arrow:before {  font-family: FontAwesome;  content: "\f105";  }*/
.layout-menubar .menu-list li.open > a > .arrow {  -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg)  }
.layout-menubar .menu-list > li{display:block;margin:0;padding:0;border:0;}
.layout-menubar .menu-list > li:last-child {border-bottom: none;}
.layout-menubar .menu-list > li > a{color:#868686;display:block;position:relative;margin:0;border:0;padding:12px 10px 12px 10px;font-size:12px;}
.layout-menubar .menu-list > li.open > a {color:#253041; background-color: #E6F7FF;    border-left: 4px solid #2F54EB;}
.layout-menubar .menu-list > li > a > i{font-size:14px;text-shadow:none;width:22px;text-align:center;color:#868686;}
.layout-menubar .menu-list .sub-menu{list-style:none;padding:5px 0;margin:0;background: #fff;}
.layout-menubar .menu-list .sub-menu li{background:none;margin:0;padding:0;}
.layout-menubar .menu-list .sub-menu li > a{display:block;margin:0;padding:9px 10px 9px 40px;}
.layout-menubar .menu-list .sub-menu li > a > i{font-size:14px;width:20px;text-align:left;}
.layout-menubar .menu-list .sub-menu li.active > a {background: #E6F7FF;color:#2F54EB; }

/* layout-content */
.layout-content {  margin-left: 180px;  position: relative;  height: 100%;  }

.layout-contabs {  top: 0;  left: 0;  right: 0;  width: 100%;  position: absolute;  z-index: 1030;  display: block;  height: 36px;  line-height: 36px;  background: #fff;  }
.layout-contabs .roll-tabs {overflow:hidden;padding:0 65px 0 32px;}
.layout-contabs .tabs-wrap {background: #fff; width: 100000px; position: relative;height: 36px;}
.layout-contabs .nav-tabs { float:left; height: 36px; line-height: 36px; position: relative; border-bottom: none; padding: 0;  }
.layout-contabs .nav-tabs > li{ padding:0; margin:0; }
.layout-contabs .nav-tabs > li > a { position: relative; margin: 0; padding:0 30px 0 20px; height: 36px; line-height: 36px; border: 0;font-size: 12px; outline: none; color: #999999; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -ms-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; }
.layout-contabs .nav-tabs > li > a:hover { border:0; background-color: #F4F6F8; position: relative; z-index: 1;}
.layout-contabs .nav-tabs > li > a.noico{padding:0 20px;}
.layout-contabs .nav-tabs > li > a > .act-close {position: absolute;width:16px;height:16px;right:9px;top:9px; background: url("../images/tab_close.png") no-repeat 0 0;}
.layout-contabs .nav-tabs > li > a > .act-close:hover {background-position: -16px 0;}
.layout-contabs .nav-tabs > li.active > a,
.layout-contabs .nav-tabs > li.active > a:focus,
.layout-contabs .nav-tabs > li.active > a:hover { color: #333333; border:0; background-color: #FFFFFF; position: relative; z-index: 1; }
.layout-contabs .roll-left {position: absolute;top:0;left:0;z-index: 2;}
.layout-contabs .roll-right {position: absolute;top:0;right:0;width:64px;z-index: 2;}
.layout-contabs .nav-roll {float:left;width:32px;}
.layout-contabs .nav-roll .btn {box-shadow: none;padding: 0;margin: 0;display: block;background: #D9DEE4;font-size: 14px;color: #777;width: 32px;height: 36px;line-height: 36px;border: 0;outline: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.layout-contabs .nav-roll .btn:focus {box-shadow: none;}
.layout-contabs .nav-roll .btn-roll-right { border-right:1px solid #cecece; }
/*.layout-contabs .roll-menus .dropdown-menu .fa {color:#888;display:inline-block;width:20px;text-align: center;}*/

.layout-main {  height: 100%;  width: 100%;  padding: 36px 0 0;  position: relative;  }
.layout-main .tab-content {  height: 100%;  width: 100%;  }
.layout-main .tab-content .tab-pane {  height: 100%;  width: 100%;  }

/*.layout-footer {  left: 0;  right: 0;  bottom: 0;  width: 100%;  position: absolute;  height: 35px;  line-height: 34px;  padding: 0 10px;  background: #fafafa;  border-top: solid 1px #e7eaec;  }*/


/* page */
.body-frame { padding: 0; min-width: 320px;}
.body-frame em.required { font-style: normal; font-weight:400; font-family:Simsun; font-size:12px;margin-right:5px;color:#D6494B;}

.page-wrapper {padding:  5px;  margin:5px;  }

.page-content {position: relative;
     border-radius: 3px;
    background-color: #fff;
    margin-top: 5px;}

.page-header {
    position: relative;
    margin: 0;
    padding: 18px;
    /* border-bottom: 3px solid #E8E8E8; */
    background: #fff;
    margin-top: 10px;
    border-radius: 3px;
    overflow: hidden;
}
.page-header::after { clear: both; }
.page-header::before,
.page-header::after { content: " "; display: table; }

.page-header > .page-title {float: left;margin: 0;padding: 0 0 0 10px;font-size: 16px;color: #666;font-weight: 400;}
.page-header > .page-title > a {color: #666;}

.page-header .page-tools {
    top: 50%;
    right: 0;
    position: absolute;
    z-index: 999;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.page-header .page-tools > .navbar {margin:0;height:auto;min-height:inherit;border:0;}
.page-header .page-tools > .navbar > li {float:left;margin-left:5px;}
.page-header .page-tools > .navbar > li:first-child {margin-left: 0;}

.page-header .page-tools > .navbar > li > a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0;
    margin: 0;
    color: #76838f;
    text-decoration: none;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

.page-header .page-tools > .navbar > li > a > i {font-size: 14px;}
.page-header .page-tools > .navbar > li > a:focus,
.page-header .page-tools > .navbar > li > a:hover{border-color: #bbb;background-color: #EEEEEE;}

/*.page-tools > .navbar > li > a {}
.page-tools > .navbar > li > a { display: block; background: #d9dee4; color: #FFFFFF; font-size: 14px; padding: 0; margin: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; outline: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -ms-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; }
.page-tools > .navbar > li > a i {font-size:14px;}
.page-tools > .navbar > li > a:hover  {background: #546478;color:#FFFFFF;}
.page-tools > .navbar > .open > a,
.page-tools > .navbar > .open > a:focus,
.page-tools > .navbar > .open > a:hover {background: #546478;color:#FFFFFF;}*/

.page-navs { margin-bottom:15px;}
.page-navs > .nav-tabs {border-color: #E3E6EB;}
.page-navs > .nav-tabs > li > a {padding:0 20px;margin:0;height:36px;line-height:34px;outline:none;color:#666;  -webkit-border-radius: 3px 3px 0 0;  -moz-border-radius: 3px 3px 0 0;  border-radius: 3px 3px 0 0;  }
.page-navs > .nav-tabs > li > a:hover,
.page-navs > .nav-tabs > li > a:focus {color:#333; background: #F6F6F6;border-color:#F6F6F6;border-bottom: 1px solid #E3E6EB;}
.page-navs > .nav-tabs > li.active > a,
.page-navs > .nav-tabs > li.active > a:hover,
.page-navs > .nav-tabs > li.active > a:focus {color:#333;line-height:34px;background: #FFF;border-color:#E3E6EB;border-bottom: 1px solid #fff;}


.toolbar .form-filter::after { clear: both; }
.toolbar .form-filter::before,
.toolbar .form-filter::after { content: " "; display: table; }
.toolbar .form-filter .filter {float:left;}
.toolbar .form-filter .filter.pull-right {  margin-right: -5px;  }
.toolbar .form-filter .form-group {  float: left;  padding: 0;  margin: 0 5px 15px 0;  line-height: 32px;  }
.toolbar .form-filter .form-group label {  float: left;  font-size: 12px;  margin: 0 5px 0 0;  padding: 0;  }
.toolbar .form-filter .form-group .form-control { float: left;  height: 32px;  line-height: 30px;  padding: 0 8px;  width: 100%; min-width:100px;  }
.toolbar .form-filter .btn {  float: left;  height: 32px;  line-height: 30px;  padding: 0 15px;  margin: 0 5px 15px 0;  }
.toolbar .form-filter .btn-icon {  padding: 0 10px;  }
/*.toolbar .form-filter .form-group .select-picker { float:left; min-height: 32px;}*/
/*.toolbar .form-filter .form-group .bootstrap-select {padding:0; min-width:110px; }*/
/*.toolbar .form-filter .form-group .bootstrap-select > .dropdown-toggle {padding: 0 25px 0 12px;}*/
/*.toolbar .form-filter .form-group .bootstrap-select > .form-control {float: inherit;line-height: inherit; min-width: 0; max-width: 0;}*/

.date-picker {position: relative;}
.date-picker .form-control {padding:0 30px 0 8px !important;}
.date-picker:after {font-family: FontAwesome;  content: "\f073";  width:25px;  height:30px;  line-height:30px;  position: absolute;  font-size:14px;  color:#999;  right:1px;  top:1px;}

.toolbar .form-filter .form-group .date-picker {float:left;}
.toolbar .form-filter .form-group .date-picker .form-control {width:130px;}

/*
.file-upload {position: relative;  overflow: hidden;}
.file-upload .form-control { padding-right:30px;  background-color: #FFFFFF;  cursor: pointer;  }
.file-upload:after {  right:2px;  top:2px;  width:24px;  height:30px;  line-height:30px;  position: absolute;  font-size:14px;  color:#999;  font-family: FontAwesome;  content: "\f093";  }
.file-upload .text-file {  top:0;  left:0;  width:100%;  height:100%;  min-width:100%;  min-height:100px;  position: absolute;  cursor: pointer;  font-size:22px;  z-index:1;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  filter: alpha(opacity=0);  opacity: 0;  }
*/



/*.toolbar .details-header { line-height:32px; }
.toolbar .details-header .header-item {margin-right: 20px;}
.toolbar .details-header .header-item:last-child {margin-right:0;}
.toolbar .details-header .order-status em {font-size:18px; font-weight:400; line-height:1;}*/

.paging {line-height:32px;}
.paging::after { clear: both; }
.paging::before,
.paging::after { content: " "; display: table; }
.paging label, .paging span {float:left;margin:0 4px 15px 0;}
.paging .txt-page {margin-bottom:0;}
.paging .form-control {float:left;height:32px;line-height:30px;padding:0 8px;margin:0 4px 15px 0;}
.paging .select-listrow {width:60px;padding:0 5px;text-align:center;}
.paging .field-page {width:60px;padding:0 5px;text-align:center;}

.paging .btn {  float: left;  width:32px;  height: 32px;  line-height: 30px;  padding:0;  margin: 0 4px 15px 0;  text-align: center;  }
.paging .pull-right {margin-right: -5px;}


/* navbar-tools */
.navbar-tools .navbar-btn {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    padding: 0 20px;
    margin: 8px 3px;
}


/* city-select */
.city-select .row {padding:0;margin:0 -5px;}
.city-select .row .col {padding:0 5px;}

@media (max-width:768px) {
    .city-select .row .col .form-control {margin-bottom:15px;}
    .city-select .row .col:last-child .form-control {margin-bottom:0;}
}


/* uploader */
.webuploader-container {  position: relative;  }
.webuploader-element-invisible {  position: absolute !important;  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */  clip: rect(1px,1px,1px,1px);  }
.webuploader-pick {  position: relative;  display: inline-block;  cursor: pointer;  background: #00b7ee;  padding: 10px 15px;  color: #fff;  text-align: center;  border-radius: 3px;  overflow: hidden;  }
.webuploader-pick-hover {  background: #00a2d4;  }
.webuploader-pick-disable {  opacity: 0.6;  pointer-events:none;  }

.webuploader-file .btn {float:left; }
.webuploader-file .btn-upload {margin-right: 5px;}
.webuploader-file .btn-file-picker { float:left; text-align: center;  cursor: pointer;  color:#aaa; margin-right: 5px; }
.webuploader-file .btn-file-picker .webuploader-pick {  float:left; height:100%;  width: 100%;  padding: 0;  color:#aaa;  font-size: 12px;  background: none;  }
.webuploader-file .btn-file-picker label{margin:0;}
.webuploader-file .btn-file-picker .btn-select { padding:6px 40px; }

.webuploader-file .file-list .file-item {float:left;position: relative;margin:0 10px 10px 0;}
.webuploader-file .file-list .file-item .preview {border:1px solid #eee;min-width:100px;height:100px;line-height:88px;text-align:center;margin:0; padding:5px;}
.webuploader-file .file-list .file-item .preview img {color:#777;font-size:14px;max-width: 100%;max-height:100%;/*vertical-align: inherit;*/}
.webuploader-file .file-list .file-item .progress {  border: none;  border-radius: 2px;  font-size: 12px;  height:2px;  box-shadow: none;  margin-bottom:0;  padding: 0;  text-align: center;  position: absolute;  left: 0;  bottom: 0;  width: 100%;  opacity: .9;  }

/* BootstrapValidator */
.bv-form .help-block{margin-bottom:0}
.bv-form .tooltip-inner{text-align:left}
.nav-tabs li.bv-tab-success > a{color:#369B6F}
.nav-tabs li.bv-tab-error > a{color:#F73737}
.bv-form .bv-icon-no-label{top:0}
.bv-form .bv-icon-input-group{top:0;z-index:100}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#46BE8A}
.has-success .form-control{border-color:#46BE8A;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-success .form-control:focus{border-color:#369B6F;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #91D9BA;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #91D9BA}
.has-success .input-group-addon{color:#46BE8A;background-color:#FFFFFF;border-color:#46BE8A}
.has-success .form-control-feedback{color:#46BE8A}
.has-success .form-control{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}
.has-success .form-control:focus{border-color:#46BE8A;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(70,190,138,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(70,190,138,.6)}
.has-success .form-control.focus,.has-success .form-control:focus{border-color:#46BE8A;-webkit-box-shadow:none;box-shadow:none}
.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#F2A654}
.has-warning .form-control{border-color:#F2A654;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-warning .form-control:focus{border-color:#EE8D25;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #F9D7B3;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #F9D7B3}
.has-warning .input-group-addon{color:#F2A654;background-color:#FFFFFF;border-color:#F2A654}
.has-warning .form-control-feedback{color:#F2A654}
.has-warning .form-control{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}
.has-warning .form-control:focus{border-color:#F2A654;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(242,166,84,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(242,166,84,.6)}
.has-warning .form-control.focus,.has-warning .form-control:focus{border-color:#F2A654;-webkit-box-shadow:none;box-shadow:none}
.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#F96868}
.has-error .form-control{border-color:#F96868;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-error .form-control:focus{border-color:#F73737;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #FDCACA;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #FDCACA}
.has-error .input-group-addon{color:#F96868;background-color:#FFFFFF;border-color:#F96868}
.has-error .form-control-feedback{color:#F96868}
.has-error .form-control{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}
.has-error .form-control:focus{border-color:#F96868;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,104,104,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249,104,104,.6)}
.has-error .form-control.focus,.has-error .form-control:focus{border-color:#F96868;-webkit-box-shadow:none;box-shadow:none}




.page-content .order-status {color:#f96868;}
.page-content .order-status-0 {color:#ccd5db;}
.page-content .order-status-1 {color:#f2a654;}
.page-content .order-status-2 {color:#f2a654;}
.page-content .order-status-3 {color:#f2a654;}
.page-content .order-status-4 {color:#f2a654;}
.page-content .order-status-5 {color:#f2a654;}
.page-content .order-status-6 {color:#46be8a;}
.page-content .order-status-99 {color:#ccd5db;}



.layer-inner {padding:15px;}



/* ====== Responsive Reset ====== */

/* Large Desktop */
@media (min-width:992px) {}

/* Desktop */
@media (max-width:991px) {
    .layout-menubar{display:none !important;}
    .layout-content{margin:0 !important;}
}

/* Tablet */
@media (min-width:768px) and (max-width:991px) {}

/* Tablet & Phone */
@media (max-width:767px) {}

/* Phone */
@media (max-width:480px) {
    .toolbar .form-filter .filter {float:inherit;display:block;width:100%;}
    .toolbar .form-filter .filter.pull-right { margin-right: 0; }
    .toolbar .form-filter .form-group {float:inherit; display: block;width:100%;margin-right:0;}
    .toolbar .form-filter .form-group label {float:inherit; display: block;width:100%;margin-right:0;}
    .toolbar .form-filter .form-group .form-control {float:inherit; display: block;width:100% !important;margin-right:0;}
    .toolbar .form-filter .btn {float:inherit; display: block;width:100%;margin-right:0;}
    /*.toolbar .form-filter .form-group .select-picker {float:inherit; display: block;width:100% !important;margin-right:0;}*/
    /*.toolbar .form-filter .form-group .bootstrap-select .form-control {max-width: 0 !important;}*/
    /*.toolbar .form-filter .form-group .date-picker {float:inherit; display: block;width:100%;margin-right:0;}*/

    .toolbar .form-filter .form-group .date-picker {float:inherit; display: block;width:100%;margin-right:0;}

    .webuploader-file .btn-file-picker { margin:0;width:100%; }
    .webuploader-file .btn-file-picker .webuploader-pick {  float:left; height:100%;  width: 100%;  padding: 0;  color:#aaa;  font-size: 12px;  background: none;  }
    .webuploader-file .btn-file-picker label{margin:0;}
    .webuploader-file .btn-file-picker .btn-select { padding:6px 20px; width:100%; }
}
#menubarMenus{
    background-color: #fff;
}
.layout-sidebar {
    position: absolute;
    width: 240px;
    height: 100%;
    top: 0;
    background-color: #fff;
    left: 0;
    overflow: hidden;
    border-right: 1px solid #E8E8E8;
    margin:20px 5px;
    border-radius: 3px;
}

.user-welcome{
    background-color: #f1f3f4;
    width: 100%;
    margin: 0;
    padding: 30px;
}

.bg-yel{
    background-color: #FFF5C7;
    /* position: absolute; */
    width: 100%;
    color: #F07E25;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 10px;
}
.f-blue{
    color:#2F54EB;
}


.index-mes-ssl{
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
        background-color: #dce3ff;
}
.bg-yel p{
    margin: 0;
}
.display{
    display: flex;
}
.bg-fff{
    background-color: #fff;
}
.bg-index{
    background-color: ;
}
.mg-5px{
    margin: 5px;
}
.mg-top-5px{
    margin-top: 5px;
}
.mg-top-10px{
    margin-top: 10px;
}
.mg-top-15px{
    margin-top: 15px;
}
.mg-top-20px{
    margin-top: 20px;
}
.mg-top-25px{
    margin-top: 25px;
}
.help a{
    font-size: 16px;
    display: flex;
    flex-direction: row;
    margin-left: 30px;
    margin: 5px 30px;
    justify-content: space-between;
}
.help a::after {
    content: "";
    display: inline-block;
    width: 8px; /* 控制箭头长度 */
    height: 8px; /* 控制箭头高度 */
    margin-left: 5px;
    border-right: 2px solid #333; /* 右侧线条 */
    border-bottom: 2px solid #333; /* 底部线条 */
    transform: rotate(-45deg); /* 旋转45度形成 > */
    transform-origin: 50% 50%; /* 旋转中心 */
}
.index-title{
     margin: 20px 0;
    padding: 0;
    font-weight: 600;
}
.alert-dismissible {
    max-width: 300px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display:none; position:fixed; top:50%; right:50%; z-index:9999;
}
.alert-dismissible .close {
    padding: 0.5rem 1rem;
}