.skin-red .main-header>.logo {
  background-color: #245092 !important;
  color: #fff !important;
  font-weight: bold !important;
}
.skin-red .wrapper{
  background: #245092;
}
/* 清楚弹框角标logo */
div#think_page_trace_open {
  display: none;
}

.sidebar-mini.sidebar-collapse .main-sidebar { 
  background-color: #245092 ;
}

.skin-red .sidebar-menu>li:hover>a,
.skin-red .sidebar-menu>li.active>a {
  background-color: #ffffff !important;
  color: #333 !important;
  border: none !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar {
  width: 100px !important;
}

.sidebar-mini.sidebar-collapse .main-header .navbar {
  margin-left: 100px ;
  background: #245092;
}

.sidebar-mini.sidebar-collapse .main-header .logo {
  width: 100px !important;
  font-weight: bold;
}

.sidebar-menu>li {
  padding: 0px 10px !important;
  height: 77px;
}

.skin-red .sidebar-menu>li>a {
  border-radius: 5px;
  padding: 19px 0px 36px 29px !important;
}

.user-panel {
  width: 58% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0px !important;
  background-color: transparent !important;
  margin-bottom: 20px !important;
}

.sidebar-collapse .user-panel>.image img {
  width: 100% !important;
  height: 100% !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
  margin-left: -63px;
  width: 189px ;
  bottom: -40% !important;
  top: -100% !important;
  overflow-y: visible !important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>.treeview:nth-child(2):hover>.treeview-menu {
  margin-left: -63px;
  width: 189px ;
  bottom: -150% !important;
  top: -100% !important;
  overflow-y: visible !important;
}

.skin-red .sidebar-menu>li>.treeview-menu {
  background-color: #fff !important;
  border-radius: 5px !important;
  border: 1px solid #999 !important;
  max-height: 800px !important;
}

.pull-right-container {
  display: none !important;
}

.skin-red.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
  display: none !important;
}

/* .pull-right{
    display: block !important;
} */
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a {
  width: 80px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
  display: block !important;
  position: absolute;
  width: 100% !important;
  text-align: center !important;
  top: 42px ;
  left: 0px !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right-container {
  display: none !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right) {
  display: block !important;
  position: absolute;
  top: 42px;
  width: 100% !important;
  /* left: 17px !important; */
}

.skin-red.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right) {
  margin: 0px !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
  top: 0px ;
  padding: 0px !important;
}

/* .treeview-menu {
  max-height: 800px !important;

} */

/* .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right){
    width: 0px !important;
} */
.skin-red .treeview-menu>li>a:hover {
  color: #999 !important;
}

.skin-red .treeview-menu>li.active>a,
.skin-red .treeview-menu>li>a:hover {
  color: #3081ec !important;
}

.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .right-side,
.sidebar-mini.sidebar-collapse .main-footer {
  margin-left: 100px !important;
}

.panel-intro {
  padding-top: 5px;
}

/* .fixed-table-toolbar .columns-right{
    display: none !important;
} */

table>thead>tr {
  background-color: #ffffff;
}

table>thead>tr:nth-child(1) {
  background-color: rgb(185 200 230)  !important;
}

.table-hover>tbody>tr:hover {
  background-color: #f3f8fe !important;
}

table>thead>tr>th,
td {
  border: 1px solid #ededed;
}

.form-control::after {
  content: '';
  width: 50px;
  height: 50px;
  z-index: 9;
  position: relative;
  background-color: aqua;
}

div.sp_button span.sp_caret {
  /* position: none !important; */
  top: 9px !important;
  right: 9px !important;
  margin: 0px !important;
  vertical-align: none !important;
  border: 0px !important;
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 0 10px 10px !important;
  border-color: transparent transparent !important;
  position: relative !important;
  border-top: 10px solid rgb(205, 205, 205) !important;
  border-bottom: 0 !important;
}

div.sp_button span.sp_caret::after {
  content: '';
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: transparent transparent #fff;
  position: absolute;
  top: 52px;
  left: -8px;
  border-top: 8px solid #fff !important;
  border-bottom: 0 !important;
  margin-top: -62px !important;
}

.col-xs-offset-4>.btn {
  height: 35px;
  width: 100px;
}

.col-xs-offset-4>.btn:nth-child(1) {
  background-color: #6e6e6e;
}


fieldset>.row>.form-group>.control-label {
  width: 30% !important;
}



.bootstrap-table .form-commonsearch .row>.form-group:nth-last-child(1) {
  float: right !important;
}

fieldset>.row>.form-group:nth-child(1)>.control-label {
  display: block;
  width: 20%;
}

/* fieldset>.row> .form-group:nth-child(1)>.col-xs-8{
    width: 100%;
} */
/* fieldset>.row> .form-group:nth-child(1)> .col-xs-8::after{
    content: '';
    width: 50px;
    height: 35px;
    position: absolute;
    display: block;
    background-color: #3081ec;
} */
/* table 文字居中 */
.autocontent>.autocontent-item {
  margin: auto !important;
}

.th-inner {
  color: #000;
}

/* table表格的详情 */
.autocontent1 {
  margin: auto !important;
  color: #3081ec;

}

.autocontent1:hover {
  text-decoration: underline;
  cursor: pointer
}

.sidebar-menu {
  overflow: visible !important;
}

.sidebar-menu .treeview-menu>li {
  height: 28px !important;
}

.sidebar-menu .treeview-menu>li>a {
  padding: 5px 4px 5px 15px !important;
}

.skin-red .sidebar-menu .treeview-menu {
  padding-left: 3px !important;
  border: 1px solid #ababab !important;
  background-color: #fff !important;
  position: relative;
  border-radius: 5px !important;
  left: 148px !important;
  top: -50px !important;
}

*:before {
  font-size: 19px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #fff !important;
}

.fixed-table-container thead th .th-inner {
  font-weight: bold !important;
}

.skin-red .treeview-menu>li>a {
  color: #666 !important;
}

.btn-xs {
  font-size: 14px !important;
}

.btn-delone {
  color: red;
}
.btn-danger.btn-delone{
  color: #fff;
}
.alert-danger-light {
  display: none !important;
}

.nav>li>a {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.nav-addtabs>li>a,
.navbar-nav>li>a {
  color: #ffffff !important;
}

#firstnav .sidebar-toggle {
  display: none !important;
}

.main-sidebar {
  padding-top: 0px !important;
  margin-top: 50px !important;
}

.fixed .content-wrapper {
  
  /* padding-top: 0px !important; */
  z-index: 0 !important;
}

.main-header {
  position: absolute !important;
  z-index: 830 !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
  /*background-color: #3081ec;*/
  color: #cec8c8;
}





.clears {
  clear: both !important;
}

.control-sidebar {
  padding-top: 0px !important;
}

.control-sidebar {
  margin-top: 50px !important;
}

.btn-group>.btn+.dropdown-toggle {
  padding-left: 0px !important;
}

.btn-group>.btn {
  background-color: transparent;
  color: #4397fd;
  border-color: transparent !important;
}

.btn-group>.btn:active {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.open>.dropdown-toggle.btn-refresh {
  border-color: transparent !important;
  background-color: transparent !important;
}

.btn-group>.btn:hover {
  border-color: transparent !important;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.btn-refresh:active:focus {
  border-color: transparent !important;
  background-color: transparent !important;
}

.fixed-table-pagination div.pagination .pagination {
  position: relative;
  z-index: 0;
}

.schang {
  width: 65% !important;
}

.form-horizontal>.schang {
  width: 68.8% !important;
}

.form-horizontal>.schang>.col-sm-2 {
  width: 18.3% !important;
}

.form-horizontal>.schang>.col-sm-8 {
  width: 81% !important;
}

.form-horizontal>.chang {
  width: 100% !important;
}

.form-horizontal>.chang>.col-sm-2 {
  width: 12.7% !important;
}

.form-horizontal>.chang>.col-sm-8 {
  width: 87.3% !important;
  padding-right: 0px !important;
}

.bywz {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
  clear: both;
  padding-top: 25px !important;
  margin-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.bywz:nth-child(1) {
  padding-top: 0px !important;
}

.bywz::after {
  content: '';
  float: left;
  display: block;
  height: 22px;
  margin-right: 6px;
  background-color: #3081ec;
  width: 5px;
}

.content {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.form-control[readonly] {
  background-color: transparent !important;
  border-radius: 3px;
}

.panel-body {
  margin-bottom: 25px !important;
}

.nav-addtabs>li.active>a {
  color: #000000 !important;
  background-color: #fff !important;
}

.main-header .navbar .nav>li>a:hover {
  background: #fff !important;
  color: #4e73df !important;
}

.nav-addtabs>li .close-tab {
  color: #4e73df !important;
}

.btn-add,.zclistprint {
  background: #0052cc;
  border: 1px solid #0052cc;
}

.btn-add:hover,.zclistprint:hover {
  background: #0052cc;
  border: 1px solid #0052cc;
}

.btn-add:active,.zclistprint:active {
  background: #0052cc;
  border: 1px solid #0052cc;
  color: #fff;
}

.btn-add:focus,.zclistprint:focus {
  background: #0052cc;
  border: 1px solid #0052cc;
  color: #fff;
}

.btn-add:active:hover,.zclistprint:active:hover {
  background: #0052cc;
  border: 1px solid #0052cc;
  color: #fff;
}

.btn-refresh,
.btn-edit,
.btn-del,
.btn-classify,
.btn-toggle-all,
.open>.dropdown-toggle.btn-primary,
.btn-group>.btn {
  background: #f4f5f7;
  border: 1px solid #f4f5f7;
  color: #344563;
}

.btn-refresh:hover,
.btn-edit:hover,
.btn-del:hover,
.btn-classify:hover,
.btn-toggle-all:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-group>.btn:hover {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

.btn-refresh:active,
.btn-edit:active,
.btn-del:active,
.btn-classify:active,
.btn-toggle-all:active,
.open>.dropdown-toggle.btn-primary:active,
.btn-group>.btn:active {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

.btn-refresh:focus,
.btn-edit:focus,
.btn-del:focus,
.btn-classify:focus,
.btn-toggle-all:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-group>.btn:focus {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

.btn-refresh:active:hover,
.btn-edit:active:hover,
.btn-del:active:hover,
.btn-classify:active:hover,
.btn-toggle-all:active:hover,
.open>.dropdown-toggle.btn-primary:active:hover,
.btn-group>.btn:active:hover {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

.btn-embossed {
  width: 100px;
  height: 35px;
}

/* .open > .dropdown-toggle.btn-primary:active:focus{
    border-color: transparent !important;
    background-color: #fff !important;
  } */

/* .form-horizontal > .states > .col-sm-8{
    width: 83% !important;
  } */

/* 状态颜色封装 */
.bg-success {
  background-color: #d2693c;
}

.bg-primary {
  background-color: #5bb6de;
}

.bg-danger {
  background-color: #f75444;
}

.bg-warning {
  background-color: #ffc107;
}

.bg-info {
  background-color: #17a2b8;
}

.bg-gray {
  background-color: #6c757d;
}

.bg-red {
  background-color: #dc3545;
}

.bg-yellow {
  background-color: #ffc107;
}

.bg-aqua {
  background-color: #00ffff;
}

.bg-blue {
  background-color: #0000ff;
}

.bg-navy {
  background-color: #000080;
}
/* 头部宽度 */
.sidebar-mini.sidebar-collapse .main-header .logo{
  height: 30px !important;
}
@media screen and (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini{
    line-height: 30px;
    font-size: 15px;
  }

}
#firstnav{
  height: 30px !important;
}
.main-sidebar{
  margin-top: 30px !important;
}
.sidebar-mini.sidebar-collapse .main-header .navbar{
  min-height: 30px;
}
.navbar-nav>li>a{
  height: 30px;
  line-height: 20px;
}
.navbar-nav>li>a{
  padding-top: 5px !important;
  padding-bottom: 5px;
}

.fixed .content-wrapper{
  /* margin-top: 30px !important; */
}
.nav-addtabs > li > a,.nav-addtabs > li.active > a{
  height: 30px;
  line-height: 30px;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu{
  position:  relative !important;
}
@media screen and (max-width: 767px){
  #firstnav .sidebar-toggle {
    display: block !important;
  }
  .sidebar-mini.sidebar-collapse .content-wrapper, .right-side, .main-footer{
    margin-left: 0 !important;
  }
  .fixed .main-sidebar .content-wrapper{
    margin-left: 50px !important;
  }
  .main-header .navbar{
    margin-left: 0 !important;
  }
  .skin-red .sidebar-menu .treeview-menu{
    top: 0px !important;
    left: 0px !important;
  }
  #firstnav{
    height: 50px !important;
  }
  .sidebar-mini.sidebar-collapse .main-header .logo{
    height: 50px !important;
  }
  .receive{
    display: none !important;
  }
  .main-sidebar{
    margin-top: 50px !important;
  }
  .skin-red .sidebar-menu>li>a{
    padding: 8px !important;
  }
  .skin-red .main-header .navbar{
    margin-left: 0px !important;
    background-color: #245092 !important;
  }



  .sidebar-mini.sidebar-collapse .wrapper .main-sidebar{
    width: 230px !important;
    background-color: #245092 !important;
  }

  .skin-red .main-sidebar{
    background-color: #245092 !important;
  }

  .skin-red .sidebar-menu>li:hover>a, .skin-red .sidebar-menu>li.active>a{
    border-radius: 0px !important;
    background-color: #47699d !important;
    color: #fff !important;
  }
  .skin-red .sidebar-menu>li>.treeview-menu{
    border-radius: 0px !important;
  }
  .sidebar-form{
    display: none !important;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{
    line-height: 39px;
    top: 0px !important;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a {
    width: 210px !important;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
    margin-left: 0px !important ;
    width: 210px !important;
    bottom: -40% !important;
    top: unset !important;
    overflow-y: visible !important;
  }
  .sidebar-mini.sidebar-collapse .wrapper .main-header .logo{
    width: 130px !important;
  }
  .sidebar-menu>li{
    height: auto !important;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu{
    position: absolute !important;
  }
  /* .fixed .wrapper .content-wrapper{
    margin-top: 50px !important;
  } */
  
  .navbar-nav>li>a.dropdown-toggle{
    padding-top: 16px !important;
  }
}
/* 全局通用功能css */
.btn-select{ padding: 4px 12px;color: #ffffff;background:#659fea;margin:3px;}
.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: 7px 15px !important;
}
.lfjstree{
  height: 800px;
}
label{
  font-size: 12px !important;
  color: #91949B !important;
}
input[disabled]{
  background: #e9e9e9;
}
.col-sm-8.col-xs-offset-4{
  margin: 0px;
  width: 100%;
}