body.sidebar-mini.fixed {
  padding: 15px;
  background: url('/assets/img/newbg3.jpg');
  background-size: 100%;
}

.wrapper {
  background: transparent !important;
}

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

.main-header>.logo {
  width: 135px;
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(10px);
  border-radius: 10px 10px 0px 0px;
  margin-left: 20px;
  border-right: none !important;
}

#firstnav {
  background-color: #fff;
}

.sidebar-mini .main-sidebar {
  width: 135px !important;
  background-color: rgb(225 225 225 / 25%) !important;
  backdrop-filter: blur(10px);
  border-radius: 0px 0px 10px 10px;
  padding-top: 0px !important;
  margin-top: 65px !important;
  margin-left: 20px;
}

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

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

.fixed .content-wrapper {
  z-index: 0 !important;
}

.sidebar-mini .main-header .navbar {
  margin-left: 175px !important;
  margin-right: 15px;
}

.sidebar-mini.sidebar-collapse .main-header .navbar {
  margin-left: 88px !important;
}

.fixed .main-header {
  margin-top: 15px;
  background: transparent !important;
}

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

.sidebar-mini.sidebar-collapse .sidebar-menu>li {
  padding: 0px 20px !important;
  height: 46px !important;
}

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

.sidebar-mini .sidebar-menu>li>a {
  position: relative;
  background: linear-gradient(326deg, #51515100, #ffffff) !important;
  backdrop-filter: blur(10px);
  color: #444;
  border-radius: 5px;
  padding: 19px 0px 36px 40px !important;
  border-left: none !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
  position: relative;
  background: linear-gradient(326deg, #51515100, #ffffff);
  color: #333;
  border-radius: 0px;
  padding: 12px 5px 12px 15px !important;
}

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

.sidebar-mini .sidebar-menu>li>a>span i {
  display: none !important;
}

.navbar-nav>li>a {
  color: #989898 !important;
}

.sidebar-menu>li:hover>a,
.sidebar-menu>li.active>a {
  background-color: #fff !important;
  color: #444c69 !important;
}

.main-header .navbar .nav>li>a {
  color: #989898 !important;
}

.main-header .navbar .sidebar-toggle {
  color: #989898 !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
  position: relative !important;
  left: 66px !important;
  top: 20px;
  margin-left: -16px !important;
  width: 189px !important;
  bottom: 0px !important;
  top: -40px !important;
  overflow-y: visible !important;
}

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

.treeview-menu {
  max-height: none !important;
}

.sidebar-mini .treeview-menu>li>a:hover {
  color: #999 !important;
}

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

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

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

.sidebar-mini .sidebar-menu .treeview-menu {
  width: 150px !important;
  overflow: auto;
  border: 1px solid #ababab !important;
  background-color: #fff !important;
  position: relative;
  border-radius: 5px !important;
  left: 100px !important;
  top: -50px !important;
}

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

.sidebar-menu .treeview-menu>li>a {
  font-size: 15px;
}

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

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a {
  width: 50px !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
.sidebar-menu li>a>.pull-right-container,
.pull-right-container .pull-right {
  display: none !important;
}

/* 页面 */
body.sidebar-mini.fixed {
  padding: 15px;
  background: url('/assets/img/newbg3.jpg');
  background-size: 100%;
}

/* 框架内容 */
.wrapper {
  background: transparent !important;
}

/* 头部 */
.main-header {
  z-index: 830 !important;
}

/* 头部左侧title和logo */
.main-header>.logo {
  width: 135px;
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(10px);
  border-radius: 10px 10px 0px 0px;
  margin-left: 20px;
  border-right: none !important;
}

/* 头部tab */
#firstnav {
  background-color: #fff;
}

/* 头部区域 */
.fixed .main-header {
  margin-top: 15px;
  background: transparent !important;
}

/* 头部工具栏 */
.navbar-nav>li>a {
  color: #989898 !important;
}

/* 头部tab和工具栏 */
.main-header .navbar .nav>li>a {
  color: #777777 !important;
}

/* 头部 收缩按钮*/
.main-header .navbar .sidebar-toggle {
  color: #989898 !important;
}

/* 菜单栏 */
.main-sidebar .slimScrollDiv,
.main-sidebar .sidebar-menu,
.main-sidebar .sidebar {
  overflow: visible !important;
}

/* 菜单栏 */
.sidebar-mini .main-sidebar {
  width: 135px !important;
  background-color: rgb(225 225 225 / 25%) !important;
  backdrop-filter: blur(10px);
  border-radius: 0px 0px 10px 10px;
  padding-top: 0px !important;
  margin-top: 65px !important;
  margin-left: 20px;
}

/* 账号信息下拉框 */
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
  color: #333 !important;
}


/* 主体右侧内容和底部链接 */
.sidebar-mini .content-wrapper,
.sidebar-mini .right-side,
.sidebar-mini .main-footer {
  margin-left: 160px !important;
}

/* 主体右侧内容 */
.fixed .content-wrapper {
  z-index: 0 !important;
}

/* 顶部通栏样式 */
.sidebar-mini .main-header .navbar {
  margin-left: 175px !important;
  margin-right: 15px;
}

.sidebar-mini.sidebar-collapse .main-header .navbar {
  margin-left: 88px !important;
}

/* 收缩的 主体右侧内容和底部链接 */
.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .right-side,
.sidebar-mini.sidebar-collapse .main-footer {
  margin-left: 73px !important;
}

/* 一级菜单 */
.sidebar-mini .sidebar-menu>li {
  padding: 0px 20px !important;
  height: 77px !important;
  margin: 20px 0;
}

/* 一级菜单 a标签 */
.sidebar-mini .sidebar-menu>li>a {
  position: relative;
  background: linear-gradient(326deg, #51515100, #ffffff);
  backdrop-filter: blur(10px);
  color: #444;
  border-radius: 5px;
  padding: 19px 0px 36px 40px !important;
  border-left: none !important;
  overflow: hidden;
}

/* 一级菜单 span标签 */
.sidebar-mini .sidebar-menu>li>a>span {
  display: block !important;
  position: absolute;
  width: 100% !important;
  text-align: center !important;
  top: 42px !important;
  left: 0px !important;
}

/* 一级菜单 i标签 */
.sidebar-mini .sidebar-menu>li>a>span i {
  display: none !important;
}

/* 鼠标经过和选中的一级菜单 */
.sidebar-menu>li:hover>a,
.sidebar-menu>li.active>a {
  background-color: #fff !important;
  color: #444c69 !important;
}

/* 鼠标经过的二级菜单ul */
.sidebar-mini .sidebar-menu>li>.treeview-menu {
  background-color: #fff !important;
  border-radius: 5px !important;
  border: 1px solid #999 !important;
  display: none;
}

/* 二级菜单ul */
.treeview-menu {
  max-height: none !important;
}

/* 鼠标经过和选中的二级菜单 */
.sidebar-mini .treeview-menu>li.active>a,
.sidebar-mini .treeview-menu>li>a:hover {
  color: #3081ec !important;
  background-color: transparent;
}

/* 二级菜单 */
.sidebar-menu .treeview-menu>li {
  height: 33px !important;
}

/* 二级菜单 a标签 */
.sidebar-menu .treeview-menu>li>a {
  padding: 5px 4px 5px 15px !important;
}

/* 二级菜单 ul*/
.sidebar-mini .sidebar-menu .treeview-menu {
  width: 170px !important;
  overflow: visible;
  border: 1px solid #ababab !important;
  background-color: #fff !important;
  position: relative;
  border-radius: 5px !important;
  left: 100px !important;
  top: -78px !important;
}


/* 二级菜单 a*/
.sidebar-mini .treeview-menu>li>a {
  color: #666 !important;
}

/* /* 二级菜单 a*/
*/ .sidebar-menu .treeview-menu>li>a {
  font-size: 15px;
}

/* 鼠标经过的二级菜单显示 */
.sidebar-mini .sidebar-menu>li:hover>.treeview-menu {

  display: block !important;
}

/* 三级菜单 ul*/
.sidebar-menu .treeview-menu .treeview-menu {
  left: 144px !important;
  padding-left: 0px !important;
  z-index: 2;
}

/* 收缩 一级菜单 */
.sidebar-mini.sidebar-collapse .sidebar-menu>li {
  padding: 0px !important;
  height: 46px !important;
}

/* 收缩 一级菜单 a标签 */
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
  position: relative;
  background: linear-gradient(326deg, #51515100, #ffffff);
  color: #333;
  border-radius: 0px;
  padding: 12px 5px 12px 15px !important;
}

/* 收缩 鼠标经过的一级菜单  */
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a {
  width: 50px !important;
}

/* 收缩 鼠标经过的一级菜单的标签隐藏  */
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
.sidebar-menu li>a>.pull-right-container,
.pull-right-container .pull-right {
  display: none !important;
}

/* 收缩 鼠标经过的二级菜单ul */
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
  position: relative !important;
  left: 66px !important;
  top: 20px;
  margin-left: -16px !important;
  width: 189px !important;
  bottom: 0px !important;
  top: -46px !important;
  overflow-y: visible !important;
}

/* 移动端响应式 767px以下 */
@media screen and (max-width:767px) {

  /* 左侧主题内容和底部链接 */
  .sidebar-mini .content-wrapper,
  .sidebar-mini .right-side,
  .sidebar-mini .main-footer {
    margin-left: 0px !important;
  }

  /* 顶部通栏样式 */
  .sidebar-mini .main-header .navbar {
    margin-left: 0px !important;
  }

  /* 头部logo */
  .main-header>.logo {
    color: #333 !important;
  }

  /* << 缩进按钮 */
  .btn_box.margin_lf0 {
    display: none !important;
  }

  /*展开 菜单 */
  .sidebar-mini.sidebar-open .content-wrapper,
  .sidebar-mini .right-side,
  .sidebar-mini .main-footer {
    margin-left: -70px !important;
  }

  /* 菜单栏 */
  .sidebar-mini .main-sidebar {
    overflow: visible !important;
  }

  /* 头部tital */
  .fixed .main-header {
    margin-top: 0px !important;
  }

  /* 页面 */
  body.sidebar-mini.fixed {
    padding: 0px !important;
  }
}

/* 响应式 */
@media screen and (max-width:767px) {

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

  .sidebar-mini .main-header .navbar {
    margin-left: 0px !important;
  }

  .main-header>.logo {
    color: #333 !important;
  }

  .btn_box.margin_lf0 {
    display: none !important;
  }

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

  .sidebar-mini .main-sidebar {
    overflow: visible !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;
}

/* 表格 */
#table thead tr,
#table1 thead tr {
  background-color: #e1e2e3;
}

.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;
}

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

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

/* 内容页标题 */
.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-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-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-toggle-all: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-multi:active:hover,
.btn-toggle-all: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-toggle-all:active,
.btn-recyclebin:active {
  background: #ebecf0;
  border: 1px solid #ebecf0;
  color: #344563;
}

.btn-success {
  background: #0052cc;
  border: 1px solid #0052cc;
  color: #fff;
}

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

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

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

.btn-success:active {
  background: #0052cc;
  border: 1px solid #0052cc;
  color: #fff;
}
/* 添加-编辑-详情 页统一样式 */
.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;
}
/* 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 {
  display: none;
}