/*
 * Skin: Grey
 * ------------
 */
.skin-grey .main-header {
  background-color: #d8e0e6;
}

.skin-grey .main-header .navbar {
  background-color: #d8e0e6;
}

.skin-grey .main-header .navbar .nav>li>a {
  color: #666;
  border-right: 0px solid rgba(0, 0, 0, 0.01);
}

.skin-grey .main-header .navbar .nav>li>a:hover,
.skin-grey .main-header .navbar .nav>li>a:active,
.skin-grey .main-header .navbar .nav>li>a:focus,
.skin-grey .main-header .navbar .nav .open>a,
.skin-grey .main-header .navbar .nav .open>a:hover,
.skin-grey .main-header .navbar .nav .open>a:focus,
.skin-grey .main-header .navbar .nav>.active>a {
  background: rgba(0, 0, 0, 0.05);

  color: #000;
  font-weight: normal;
  border-right: 0px solid rgba(0, 0, 0, 0.39);
}

.skin-grey .main-header .navbar .nav-addtabs li>.close-tab {
  color: #666;
}

.skin-grey .main-header .navbar .sidebar-toggle {
  color: #666;
}

.skin-grey .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.01);
}

.skin-grey .main-header .navbar .sidebar-toggle {
  color: #666;
}

.skin-grey .main-header .navbar .sidebar-toggle:hover {
  background-color: #d8e0e6;
}

@media (max-width: 767px) {
  .skin-grey .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-grey .main-header .navbar .dropdown-menu li a {
    color: #f7f7f7;
  }

  .skin-grey .main-header .navbar .dropdown-menu li a:hover {
    background: #d8e0e6;
  }
}

.skin-grey .main-header .logo {
  background-color: #d8e0e6;
  color: #000;
  border-bottom: 0 solid transparent;
}

.skin-grey .main-header li.user-header {
  background-color: #d8e0e6;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {

  color: #000 !important;
}

.skin-grey .content-header {
  background: transparent;
}

.skin-grey .wrapper,
.skin-grey .main-sidebar,
.skin-grey .left-side {
  background-color: #f9fafc;
}

.skin-grey .content-wrapper,
.skin-grey .main-footer {
  border-left: 1px solid #d2d6de;
}

.skin-grey .user-panel>.info,
.skin-grey .user-panel>.info>a {
  color: #444;
}

.skin-grey .sidebar-menu>li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}

.skin-grey .sidebar-menu>li.header {
  color: #848484;
  background: #f9fafc;
}

.skin-grey .sidebar-menu>li:hover>a,
.skin-grey .sidebar-menu>li.active>a {
  color: #000;
  background: #e8edf0;
  border-left-color: #d8e0e6;
}

.skin-grey .sidebar-menu>li.active {
  border-left-color: #d8e0e6;
}

.skin-grey .sidebar-menu>li>.treeview-menu {
  background: #f4f4f5;
}

.skin-grey .sidebar a {
  color: #444;
}

.skin-grey .sidebar a:hover {
  text-decoration: none;
}

.skin-grey .treeview-menu>li>a {
  color: #777;
}

.skin-grey .treeview-menu>li.active>a,
.skin-grey .treeview-menu>li>a:hover {
  color: #000;
}

.skin-grey .treeview-menu>li.active>a {
  font-weight: 600;
}

.skin-grey .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}

.skin-grey .sidebar-form input[type="text"],
.skin-grey .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}

.skin-grey .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-grey .sidebar-form input[type="text"]:focus,
.skin-grey .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  background-color: #d8e0e6;
  color: #666;
}

.skin-grey .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  border-left-color: #666;
}

.skin-grey .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  .skin-grey.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}

.skin-grey .sidebar-menu>li>a {
  border-left: 3px solid transparent;
  padding-left: 12px;
}

@media (min-width: 768px) {
  .skin-grey.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right) {
    margin-left: -3px;
  }
}

.skin-grey .main-sidebar {
  -webkit-box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
  box-shadow: 7px 0 14px rgba(0, 0, 0, 0.03);
}

.skin-grey .content-wrapper,
.skin-grey .main-footer {
  border-left: none;
}

@media (max-width: 767px) {
  .skin-grey.multiplenav .sidebar .mobilenav a.btn-app {
    background: #eceff3;
    color: #757575;
  }

  .skin-grey.multiplenav .sidebar .mobilenav a.btn-app.active {
    background: #d8e0e6;
    color: #666;
  }
}

/*# sourceMappingURL=skin-grey.css.map */



.layui-layer {
  background-color: rgb(0 0 0 / 7%);
}

.layui-layer-content {
  background: #fff;
}

.layui-layer-fast .layui-layer-title {
  background: #d8e0e6 !important;
  color: #fff !important;
  color: #000 !important;
  text-align: center;
  border-radius: 5px 5px 0 0;
  font-size: 16px;
  font-weight: bold;
  padding: 0 80px 0 80px;
}

.layui-layer-fast .layui-layer-footer {
  border-radius: 0 0 5px 5px;
}

.layui-layer-fast .layui-layer-setwin>a:after {
  color: #333 !important;
}

.layui-layer-fast .layui-layer-btn {
  border-radius: 0 0 5px 5px;
}

.multipletab #secondnav {
  background: #f9fafc;
}

.sp_result_area {
  max-width: 493px !important;
}

.sidebar-menu .treeview-menu>li.active>a {
  margin: 4px 0 4px 0;
  background: #e8edf0;
}

.layui-layer-fast.layui-layer-border {
  border: none !important;
  border: 0px solid #605ca8 !important;
  border-radius: 6px !important;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3) !important;
}



.well .login-head {
  background: #d8e0e6;
}

.login-wrapper .login-screen {
  max-width: 430px;
  padding: 0;
  margin: 100px auto 0 auto;
}

.toolbar a.btn.disabled {
  pointer-events: none;
  display: none;
}

body.is-dialog .panel-body {
  padding: 0;
}

body.is-dialog .content {
  margin-bottom: 0px;
}

body.is-dialog .form-group {
  margin-top: 10px;
  margin-bottom: 10px;
}

body.is-dialog .panel-intro .panel-heading {
  margin-top: -20px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 5px;
}

.bootstrap-tagsinput input {
  width: 99%;
  min-width: 80px;
  padding: 0 6px;
}



/*
::-webkit-scrollbar — 整个滚动条.
::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).
::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.
::-webkit-scrollbar-track — 滚动条轨道.
::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.
::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.
::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).
*/




::-webkit-scrollbar,
::-webkit-scrollbar-button {
  width: 10px;
  height: 10px;
  background-color: #f1f4f6;

}

/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  background-color: #f1f4f6;
}

/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  background-color: #d8e0e6;
}


::-webkit-scrollbar-button {
  display: none;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  background-color: #d8e0e6;
}

::-webkit-scrollbar-button:horizontal:single-button:start {
  display: block;
}

::-webkit-scrollbar-button:horizontal:single-button:end {
  display: block;
}

::-webkit-scrollbar-button:vertical:single-button:start {
  display: block;
}

::-webkit-scrollbar-button:vertical:single-button:end {
  display: block;
  cursor: pointer;
}