/* 状态颜色封装 */
.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;
}
/* 状态2样式 */
.color-success{
  color: #d2693c;
  background-color: #d2693c;
}
.color-primary{
   color: #5bb6de;
  background-color: #5bb6de;
}
.color-danger{
   color: #f75444;
  background-color: #f75444;
}
.color-warning{
   color: #ffc107;
   background-color: #ffc107;
}
.color-info{
   color: #17a2b8;
  background-color: #17a2b8;
}
.color-gray{
   color: #6c757d;
  background-color: #6c757d;
}
.color-red{
   color: #dc3545;
  background-color: #dc3545;
}
.color-yellow{
   color: #ffc107;
  background-color: #ffc107;
}
.color-aqua {
   color: #00ffff;
  background-color: #00ffff;
}
.color-blue {
   color: #0000ff;
  background-color: #0000ff;
}
.color-navy {
   color: #000080;
  background-color: #000080;
}
/* 表格 */
#table thead tr,
#table1 thead tr {
  background-color: #f9f9f9;
}

#table>tbody>tr>td,
.table>thead>tr>th {
  border: 0;
  border-bottom: 1px solid #f4f4f4;
}

.fixed-table-body {
  border-radius: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 2px 2px 0px #e3e3e3;
}

.table {
  border: 0;
}

thead th .th-inner {
  font-weight: 500;
  color: #6C8C9B;
}

.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn,li.page-next>a {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.fixed-table-toolbar .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
.pagination>li:first-child>span {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.fixed-table-pagination .pagination a{
  margin: 0 3px;
  border-radius: 5px;
}
.box,
.panel,
.btn,
.columns-right button[name=commonSearch],
.bootstrap-select .bs-placeholder {
  border-radius: 10px;
}
select.form-control,
.form-control,
.selectpicker{
  border-radius: 2px;
}
.panel-intro>.panel-heading {
  background: #f1f4f6;
}
.panel-intro>.panel-heading .nav-tabs>li>a{
      background-color: #fafafa;
}
.operate {
  position: sticky;
  right: 0;
  display: block;
  /* box-shadow: -1px 0px 2px 0px #dddddd; */
}

th.operate .th-inner {
  background: #e1e2e3;
  box-shadow: -1px 0px 2px 0px #dddddd;
}

.img-center {
  border-radius: 50%;
}


/* 内容页标题 */
.title_name {
  font-size: 16px;
  font-weight: 600;
  margin: 15px 0;
}

/* 按钮 */
.btn-refresh,
.btn-add,
.btn-edit,
.btn-del,
.btn-more,
.btn-multi,
.btn-recyclebin,
.btn-userinfo,.btn-switch,
.btn-toggle-all {
  background: #f4f5f7;
  border: 1px solid #f4f5f7;
  color: #344563;
}

.btn-refresh:hover,
.btn-add:hover,
.btn-edit:hover,
.btn-del:hover,
.btn-more:hover,
.btn-multi:hover,
.btn-toggle-all:hover,
.btn-userinfo:hover,.btn-switch:hover,
.btn-recyclebin:hover {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

.btn-refresh:focus,
.btn-add:focus,
.btn-edit:focus,
.btn-del:focus,
.btn-more:focus,
.btn-multi:focus,.btn-switch:focus,
.btn-toggle-all:focus,
.btn-userinfo:focus,
.btn-recyclebin:focus {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

.btn-refresh:active:hover,
.btn-add:active:hover,
.btn-edit:active:hover,
.btn-del:active:hover,
.btn-more:active:hover,.btn-switch:active:hover,
.btn-multi:active:hover,
.btn-toggle-all:active:hover,
.btn-userinfo:active:hover,
.btn-recyclebin:active:hover {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

.btn-refresh:active,
.btn-add:active,
.btn-edit:active,
.btn-del:active,
.btn-more:active,
.btn-multi:active,.btn-switch:active,
.btn-toggle-all:active,
.btn-userinfo:active,
.btn-recyclebin:active {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

.btn-success,
/* .btn-primary, */
.btn-info.active,
.pagination>.active>a {
  background: #1688f1;
  border: 1px solid #1688f1;
  color: #fff;
}

.btn-success:hover {
  background: #1688f1;
  border: 1px solid #1688f1;
  color: #fff;
}

.btn-success:focus {
  background: #1688f1;
  border: 1px solid #1688f1;
  color: #fff;
}

.btn-success:active:hover {
  background: #1688f1;
  border: 1px solid #1688f1;
  color: #fff;
}

.btn-success:active {
  background: #1688f1;
  /* #0052cc */
  border: 1px solid #1688f1;
  color: #fff;
}

.btn-recyclebin {
  background: #f4f5f7;
  border: 1px solid #f4f5f7;
  color: #344563;
}

.btn-recyclebin:hover {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

.btn-recyclebin:focus {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

.btn-recyclebin:active:hover {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

.btn-recyclebin:active {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

/* 添加-编辑-详情 页统一样式 */
.layui-layer-fast .layui-layer-title {
  background: #1688f1 !important;
}
.col-xs-12.col-sm-6,
.col-xs-12.col-sm-4 {
  padding-right: 0;
}

.base_id {
  width: 70px;
}

.base_id2 {
  width: 200px;
}

.form-group {
  margin-bottom: 8px;
}

.radio {
  padding-top: 4px !important;
}

/* add.html */
.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-striped>tbody>tr:nth-of-type(even) {
  /* background-color: #f1f4f6; */
  background-color: #ffffff;
}

/* details.html*/

.form-control[readonly] {
  border: unset;
  color: #000;
  background-color: #f9f9f9;
  padding-left: 5px;
  font-size: 14px;
}

form.form-horizontal .control-label {
  color: #91949b;
}

#details-form .sp_button {
  display: none !important;
}

#details-form .sp_input {
  box-shadow: unset;
}

.zclb {
  list-style: none;
  padding: 0px;
  height: 500px;
  border-right: 1px solid #ccc;
}

.zclb li {
  padding: 12px 0px;
  font-weight: bold;
  cursor: pointer;

  text-align: center;
}

.bkys {
  border-right: 5px solid #4397fd;
}

.bb {
  color: #91949b;
}

.show {
  display: block;
}

#details-form .col-xs-10,
#approve-form .col-xs-10 {
  display: none;
}
/*  -- flex弹性布局 -- */
.flex {
  display: flex;
}

.basis-xs {
  flex-basis: 20%;
}

.basis-sm {
  flex-basis: 40%;
}

.basis-df {
  flex-basis: 50%;
}

.basis-lg {
  flex-basis: 60%;
}

.basis-xl {
  flex-basis: 80%;
}

.flex-sub {
  flex: 1;
}

.flex-twice {
  flex: 2;
}

.flex-treble {
  flex: 3;
}

.flex-direction {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}

.align-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: flex-center;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.align-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}
.status-box{
  border-radius: 10px;
  padding: 12px;
  font-size: 18px;
}
.status0{background-color:#648A8D42;color: #648A8D; }/*灰青*/
.status1{background-color:#16b77742;color: #16b777; }/*亮绿*/
.status2{background-color:#1A75FF42;color: #1A75FF; }/*亮蓝*/
.status3{background-color:#FEC93942;color: #FEC939; }/*亮黄*/
.status4{background-color:#f7544442;color: #f75444; }/*亮橙*/
.status5{background-color:#FF582342;color: #FF5823; }/*亮红*/
.status6{background-color:#4AC8BE42;color: #4AC8BE; }/*亮青*/
.status7{background-color:#7860C042;color: #7860C0; }/*亮紫*/
.status8{background-color:#64646442;color: #646464; }/*黑*/
.status9{background-color:#96969642;color: #969696; }/*灰黑*/

.status-1{background-color:#f0353542;color: #f03535; }/*灰青*/
.status-2{background-color:#16b77742;color: #16b777; }/*亮绿*/
.status-0{background-color:#1A75FF42;color: #1A75FF; }/*亮蓝*/
.status-3{background-color:#FEC93942;color: #FEC939; }/*亮黄*/
.main-header{background:linear-gradient(45deg, #0459EE, #2172FF) !important;}
.main-header .logo{border: 0 !important;}
.main-header .logo,.main-header .navbar,.main-header .logo:hover{  position: relative; z-index: 1;  background-color: transparent !important;}
.navbar .nav > .active > a, .main-header .navbar .sidebar-toggle,.main-header .navbar .nav > li > a,.main-header .navbar .nav-addtabs li > .close-tab{color: #fff !important;}
.skin-black-blue .wrapper, .skin-black-blue .main-sidebar, .skin-black-blue .left-side,.skin-black-blue .sidebar-menu > li > .treeview-menu{background: #fff;}
.skin-black-blue .sidebar-menu li.treeview.active > a, .skin-black-blue .sidebar-menu li.treeview.treeview-open > a,.skin-black-blue .sidebar-menu > li.active > a{background-color: #1D6FFD;border-left-color: #1D6FFD;color: #fff;margin: 0 4px 0 9px;border-radius: 4px;overflow: hidden;}
.skin-black-blue .sidebar-menu li.treeview > a,.skin-black-blue .sidebar a{color: #323232;}
.skin-black-blue .treeview-menu > li.active > a,.skin-black-blue .sidebar a:hover,.skin-black-blue .treeview-menu > li > a:hover,.skin-black-blue .sidebar-menu > li:hover > a{color: #1D6FFD; background-color: #F5F7FA;}
.skin-black-blue .sidebar-form input[type="text"], .skin-black-blue .sidebar-form .btn{background-color: #F5F7FA;}
.skin-black-blue .sidebar-form{border: 1px solid #E3E5E4;background-color: #E3E5E4;}
.sidebar-menu .treeview-menu > li{margin: 4px 6px;border-radius: 3px;overflow: hidden;}
.fixed-table-pagination .pagination a{border: 0;background: transparent;}
.pagination>.active>a,.pagination>.active>a:hover{background: #1688f1;border: 1px solid #1688f1;color: #fff;}
.sidebar-menu .treeview-menu > li.active:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 4px;
    height: 46px;
    left: 0px;
    background: #FCB83E;
    top: 0;
}
.skin-black-blue .sidebar-form {
  border: 1px solid #f1f4f6;
  background-color: #fff;
  border-radius: 10px;
}
.skin-black-blue .sidebar-form input[type="text"],
.skin-black-blue .sidebar-form .btn {
  background-color: #fdfdfd;
  border: 1px solid transparent;
}
.minWidth100{
  min-width: 100px;
}
.minWidth120 {
  min-width: 120px;
}
.minWidth150 {
  min-width: 150px;
}
.minWidth200 {
  min-width: 200px;
}