.app-header {
  z-index: 9;
  border-radius: 0;
}

.app-aside-nofolded {
  overflow-y: auto;
  height: calc(100vh - 50px);
  padding-bottom: 50px;
}

@media (min-width: 768px) {
  .app-aside-fixed .aside-wrap {
    z-index: 8;
  }

  .app-aside-fixed.app-aside-folded .app-aside {
    z-index: 8;
  }
}

/* 背景色 */
.bg-success {
  color: #c6efd0;
  background-color: #009688;
  /* background: linear-gradient(to right, #009688, #009688); */
}

.bg-success .nav .open>a {
  background-color: #3cb0a5;
}

.bg-success .nav>li>a:hover,
.bg-success .nav>li>a:focus {
  background-color: #3cb0a5;
}

.bg-success .nav>li:hover>a,
.bg-success .nav>li:focus>a,
.bg-success .nav>li.active>a {
  color: #ffffff;
  background-color: #3cb0a5;
}

.bg-danger.dker,
.bg-danger .dker {
  /* background-color: #cc3333; */
  /* background-color: #ae2a2a; */
  background-color: #a61919;
}

.bg-primary {
  color: #f4f3f9;
  /* background-color: #5b4fa4; */
  background-color: #6255b0;
}

.bg-info.dker,
.bg-info .dker {
  background-color: #1096c1;
}

.bg-info {
  color: #dcf2f8;
  background-color: #23b7e5;
}

.bg-info.bg-info-img {
  background: linear-gradient(to left, rgb(22 129 152), rgb(0, 131, 176));
}

.page-header {
  padding-bottom: 9px;
  margin: 14px 0 20px;
  border-bottom: 1px solid #dee5e7;
  font-size: 1.5rem;
}

/* 自建颜色  蓝*/

.bg-blur {
  color: #dcf2f8;
  /* background-color: #3179b3; */
  /* background-color: #4265ed; */
  /* background-color: #3557dd; */
  background-color: #5070e9;
  /* background: linear-gradient(180deg,#428bca 10%, #3557dd 100%); */
}

.bg-blur.lt,
.bg-blur .lt {
  background-color: #4996d4;
}

.bg-blur.lter,
.bg-blur .lter {
  background-color: #51aef9;
}

.bg-blur.dk,
.bg-blur .dk {
  background-color: #073c82;
}

.bg-blur.dker,
.bg-blur .dker {
  background-color: #08375c;
}

.bg-blur.bg,
.bg-blur .bg {
  background-color: #4265ed;
}

.bg-blur.bg-blur-img {
  background: linear-gradient(to right, rgb(41, 128, 185), rgb(44, 62, 80));
}

.bg-blur.bg-blur-img2 {
  background: linear-gradient(to right, rgb(75, 108, 183), rgb(24, 40, 72));
}

.bg-blur.bg-danger-img {
  background: linear-gradient(to right, rgb(167, 55, 55), rgb(122, 40, 40));
}

/* .bg-blur a {
  color: #ffffff;
}

.bg-blur a:hover {
  color: #ffffff;
} */

.bg-blur a.list-group-item:hover,
.bg-blur a.list-group-item:focus {
  background-color: inherit;
}

.bg-blur .nav>li:hover>a,
.bg-blur .nav>li:focus>a,
.bg-blur .nav>li.active>a {
  color: #ffffff;
  /* background-color: #21557f; */
  background-color: rgba(255, 255, 255, 0.22);
}

.bg-blur .nav>a {
  color: #f2f2f2;
}

.bg-blur .nav>a:hover,
.bg-blur .nav>a:focus,
.bg-blur .nav>a.active {
  /* background-color: #21557f; */
  color: rgba(0, 0, 0, 0.863);
}

.bg-blur .nav>li>a {
  color: #f2f2f2;
}

.bg-blur .nav>li>a:hover,
.bg-blur .nav>li>a:focus,
.bg-blur .nav>li.active>a {
  /* background-color: #21557f; */
  background-color: rgba(255, 255, 255, 0.22);
}

.bg-blur .nav .open>a {
  /* background-color: #21557f; */
  background-color: rgba(255, 255, 255, 0.22);
}

.bg-blur .caret {
  border-top-color: #dcf2f8;
  border-bottom-color: #dcf2f8;
}

.bg-blur.navbar .nav>li.active>a {
  color: #ffffff;
  /* background-color: #21557f; */
  background-color: rgba(255, 255, 255, 0.22);
}

.bg-blur .open>a,
.bg-blur .open>a:hover,
.bg-blur .open>a:focus {
  color: #ffffff;
}

.bg-blur .text-muted {
  color: #b0e1f1 !important;
}

.bg-blur .text-lt {
  color: #ffffff !important;
}

.bg-blur.auto .list-group-item,
.bg-blur .auto .list-group-item {
  background-color: transparent;
  border-color: #19a9d5 !important;
}

.bg-blur.auto .list-group-item:hover,
.bg-blur .auto .list-group-item:hover,
.bg-blur.auto .list-group-item:focus,
.bg-blur .auto .list-group-item:focus,
.bg-blur.auto .list-group-item:active,
.bg-blur .auto .list-group-item:active,
.bg-blur.auto .list-group-item.active,
.bg-blur .auto .list-group-item.active {
  background-color: #16aad8 !important;
}

/* 左侧菜单 -扩充 */
.bg-white .nav>li>a:hover,
.bg-white .nav>li>a:focus {
  color: #2c7be9;
  /*background: #e4f1f4;*/
}

.bg-white .navi>li.NavLeftLi.active>a,
.bg-white .navi>li.NavLeftLi.active .icon,
.bg-white .nav li .nav-sub li.active a {
  color: #2c7be9;
  background: #e4f1f4;
  position: relative;
}

.bg-white .navi>ul.nav>li.NavLeftLi.active>a,
.bg-white .navi>ul.nav>li.NavLeftLi.active .icon,
.bg-white .navi ul.nav li ul.nav-sub li.active a {
  color: #2c7be9;
  /*background: #e4f1f4;*/
  position: relative;
  /* font-weight: 600; */
}

.bg-white .navi ul.nav li ul.nav-sub li.active a::after {
  width: 7px;
  position: absolute;
  height: 100%;
  background-color: #2c7be9;
  content: "";
  left: 0;
  top: 0;

  /* font-weight: 600; */
}

/* 左侧菜单 -扩充 */
.bg-gray .navi>ul.nav>li.NavLeftLi.active>a,
.bg-gray .navi>ul.nav>li.NavLeftLi.active .icon,
.bg-gray .navi ul.nav li ul.nav-sub li.active a {
  color: #2c7be9;
  /* font-weight: 600; */
}

/* 左侧菜单 -扩充 */

.bg-light .navi ul.nav>li>ul>li.active a {
  color: #fff;
}

.bg-light .navi>ul.nav>li.NavLeftLi.active>a,
.bg-light .navi ul.nav li ul.nav-sub li.active:hover a,
.bg-light .navi ul.nav>li>ul.nav-sub>li.active a {
  color: #fff;
  background: linear-gradient(to right,
      rgb(0, 180, 219),
      rgb(0, 131, 176)) !important;
}

/* 左侧菜单 -扩充 */
.bg-dark .navi>ul.nav>li.NavLeftLi.active>a,
.bg-dark .navi>ul.nav>li.NavLeftLi.active .icon,
.bg-dark .navi ul.nav li ul.nav-sub li.active a {
  color: #ffffff;
  background-color: #105180;
}

/* 自建颜色  灰*/
.bg-gray {
  color: #58666e;
  background-color: #f5f5f5;
}

.bg-gray.lt,
.bg-gray .lt {
  background-color: #f3f5f6;
}

.bg-gray.lter,
.bg-gray .lter {
  background-color: #f6f8f8;
}

.bg-gray.dk,
.bg-gray .dk {
  background-color: #e5e5e5;
}

.bg-gray.dker,
.bg-gray .dker {
  background-color: #dde6e9;
}

.bg-gray.bg,
.bg-gray .bg {
  background-color: #f5f5f5;
}

.bg-white .dk {
  background-color: #f7fbff;
}

.bg-black {
  color: #eaf6ff;
}

.bg-black .nav>li>a {
  color: #eaf6ff;
}

.bg-black .nav>li:hover>a,
.bg-black .nav>li:focus>a,
.bg-black .nav>li.active>a {
  color: #ffffff;
  background-color: #105180;
}

/* 若云专用版1 */
.bg-black.ry {
  background-color: rgb(41, 60, 85);
}

.bg-black.ry {
  color: #eaf6ff;
}

.bg-black.ry .dk {
  background-color: rgb(22, 36, 54);
}

.bg-black.ry .nav>li>a {
  color: rgb(204, 204, 204);
}

.bg-black.ry .nav>li:hover>a,
.bg-black.ry .nav>li:focus>a,
.bg-black.ry .nav>li.active>a {
  color: rgb(249, 249, 249);
  background-color: rgb(228, 60, 89);
}

/* 若云专用版2 */
.bg-black.ry2 {
  color: rgb(243, 243, 243);
  background-color: rgb(41, 60, 85);
}

.bg-black.ry2 .nav>li:hover>a,
.bg-black.ry2 .nav>li:focus>a,
.bg-black.ry2 .nav>li.active>a {
  color: rgb(243, 243, 243);
  background-color: rgb(14, 21, 31);
}

.bg-black.ry2 .nav>li:hover>ul,
.bg-black.ry2 .nav>li:focus>ul,
.bg-black.ry2 .nav>li.active>ul {
  color: rgb(243, 243, 243);
  background-color: rgb(22, 36, 54);
}

.bg-black.ry2 .nav>li>ul {
  color: #fff;
  background-color: rgb(22, 36, 54);
}

.bg-black.ry2 .dropdown-menu>li>a {
  color: rgb(243, 243, 243);
}

.bg-black.ry2 .dropdown-menu>li>a:hover,
.bg-black.ry2 .dropdown-menu>li>a:focus,
.bg-black.ry2 .dropdown-menu>.active>a,
.bg-black.ry2 .dropdown-menu>.active>a:hover,
.bg-black.ry2 .dropdown-menu>.active>a:focus {
  color: #fff;
  background-color: rgb(169, 51, 76) !important;
}

.bg-black.ry2 .dropdown-submenu:hover>a,
.bg-black.ry2 .dropdown-submenu:focus>a {
  background-color: rgb(169, 51, 76) !important;
}

.bg-black.blur,
.bg-black .blur {
  background-color: #273352;
}

.bg-black.blur .nav>li:hover>a,
.bg-black.blur .nav>li:focus>a,
.bg-black.blur .nav>li.active>a {
  color: #ffffff;
  background-color: #313d5c;
}

/* 树菜单 */
.nav-pills>li.active>a {
  color: #fff !important;
  background-color: #2c7be9;
}

.nav-pills>li.active>a:hover,
.nav-pills>li>a:hover,
.nav-pills>li.active>a:active {
  background-color: #66a2f5;
  color: #fff !important;
}

.nav-pills>li>a {
  border-radius: 0px;
}

/* 单行不换行，超出省略号 */
.text-nowrap {
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-nowrap-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.text-nowrap-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.text-blur {
  color: #3557dd;
}

.navbar-header {
  height: 50px;
  z-index: 1;
  position: absolute;
}

.navbar-header img {
  max-width: 95%;
  max-height: 35px;
}

@media (max-width: 768px) {

  .app-aside,
  .navbar-header {
    width: 100%;
  }

  .navbar-header img {
    max-width: 95%;
    height: 35px;
    margin-top: 7.5px;
    margin-left: 7.5px;
  }
}

@media (min-width: 768px) {
  .bg-auto:before {
    background-color: #fff0;
  }

  .app-aside,
  .navbar-header {
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 992px) {

  /* 禁用原顶部导航 */
  .app-aside-dock .app-aside nav>.nav {
    display: none;
  }
}

/*  */
.breadcrumb {
  border-radius: 2px;
}

.popover-content {}

.popover-foot {
  text-align: right;
  padding: 5px;
}

.ng-hide {
  height: 0;
  width: 0;
  background-color: transparent;
  top: -200px;
  left: 200px;
}

.popover.right>.arrow.top {
  top: 17px;
}

/* .popover.right > .arrow:after.top {
  content: " ";
  border-right-color: '#7f7f7';
} */

/* 勾选框 */
.i-checks input:checked+i {
  border-color: #1890ff;
  background: #1890ff;
}

.i-checks input:checked+i:before {
  top: 1px;
  left: 1px;
  background-color: initial;
  color: #fff;
  content: "\f00c";
}

.i-checks>i {
  font: normal normal normal 12px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  width: 14px;
  height: 14px;
  border-radius: 2px;
}

.i-checks[radio]>i,
.i-checks.radio>i {
  border-radius: 50%;
  background: #fff;
}

.i-checks[radio]:hover>i {
  border-color: #999;
}

.i-checks[radio].checked>i {
  border-color: #1890ff;
  background: #fff;
}

.i-checks[radio].checked>i:before {
  top: 17%;
  left: 17%;
  background: #40a3ff;
  border-radius: 50%;
  width: 60%;
  height: 60%;
  z-index: 100;
  content: "";
}

.i-checks.checked>i {
  border-color: #1890ff;
  background: #1890ff;
}

.i-checks.checked>i:before {
  top: 1px;
  left: 1px;
  background-color: initial;
  color: #fff;
  content: "\f00c";
}

.i-checks input[type="radio"]+i:before {
  width: 0px;
  height: 0px;
  top: 0px;
  left: 0px;
}

[ui-auto-scroll] {
  overflow: auto;
}

[ui-auto-scroll]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(108 108 108 / 21%);
  border-radius: 10px;
  background: #ededed00;
}

[ui-auto-scroll]::-webkit-scrollbar-thumb {
  background-color: #19191955;
}

[ui-x-scroll] {
  overflow: auto;
}

[ui-x-scroll]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(108 108 108 / 21%);
  border-radius: 10px;
  background: #ededed00;
}

[ui-x-scroll]::-webkit-scrollbar-thumb {
  background-color: #19191955;
}

.popover-title {
  background-color: #fff;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #2f7be9;

  /* border: 0;
  border-bottom: 2px solid #eca354 !important; */
}

.nav-tabs>li>a:hover {
  background-color: #e4f1fd;
}

.pagination>li>a {
  margin: 0 5px;
  padding: 5px 12px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #fff;
  border-color: #3280fc;
  color: #3280fc;
}

.pagination>li:hover>a,
.pagination>li:hover>span:hover {
  background-color: #3280fc !important;
  border-color: #3280fc !important;
  color: #fff !important;
}

.pagination .form-control {
  border-radius: 0;
  padding: 5px 15px;
  height: 32px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

cx-card {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

cx-card>.card-header {
  padding: 13px 10px 10px;
  /* border-bottom: 1px solid #e8e6e6;
  margin-bottom: 15px; */
}

cx-card[line]>.card-header {
  border-bottom: 1px solid #e8e6e6;
  margin-bottom: 10px;
}

cx-card>.card-header>.card-header-text {
  font-size: 16px;
  /* font-weight: 600; */
  color: #3e8df8;
}

cx-card>.card-body {}

/* .nav-tabs.nav-header {
  height: 37px;
} */
.nav-tabs.nav-header.no-b-b {
  border-bottom: 0;
}

.nav-tabs.nav-header>li {
  position: relative;
  margin-bottom: 0px;
}

.nav-tabs.nav-header>li>a {
  margin-right: 2px;
  line-height: 14px;
  margin-top: 1px;
  padding: 10px 15px;
  border: 0;
}

.nav-tabs.nav-header.no-border {
  border-bottom: 0px;
}

.nav-tabs.nav-header.header-lg>li>a {
  font-size: 15px;
  color: #888;
}

.nav-tabs.nav-header.header-lg>li:hover>a,
.nav-tabs.nav-header.header-lg>li.active>a {
  color: #333;
}

.nav-tabs.nav-header>li>a:hover,
.nav-tabs.nav-header>li:hover>a,
.nav-tabs.nav-header>li.active>a {
  background-color: #fff !important;
  border: 0;
}

.nav-tabs.nav-header>li:hover::after,
.nav-tabs.nav-header>li.active::after {
  position: absolute;
  width: calc((100% - 30px) * 0.6);
  border-radius: 1px;
  height: 3px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  border-bottom: 2px solid #2c7be9;
  pointer-events: none;
  background-color: #fff;
}

.nav-tabs.nav-warning>li {
  position: relative;
}

.nav-tabs.nav-warning>li>a {
  color: #555 !important;
  border: 0 !important;
}

.nav-tabs.nav-warning>li>a:hover,
.nav-tabs.nav-warning>li:hover>a,
.nav-tabs.nav-warning>li.active>a {
  background-color: #fff !important;
}

.nav-tabs.nav-warning>li:hover::after,
.nav-tabs.nav-warning>li.active::after {
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  content: "";
  border-bottom: 2px solid #ff9800;
  pointer-events: none;
  background-color: #fff;
}

.nav-tabs.nav-sm>li>a {
  padding: 8px 10px;
}

.nav-tabs>li>a {
  border-radius: 2px 2px 0 0;
  padding: 14px 15px;
  margin-right: -1px;
}

.popover {
  border: 1px solid #f0f0f0;
  border-radius: 2px;
}

.popover.bottom>.arrow {
  border-bottom-color: #f0f0f0;
}

.popover.top>.arrow {
  border-top-color: #f0f0f0;
}

.popover.left>.arrow {
  border-left-color: #f0f0f0;
}

.popover.right>.arrow {
  border-right-color: #f0f0f0;
}

/* 面包屑 */
.breadcrumb>li+li:before {
  padding: 0 0 0 5px;
}

.text-info {
  color: #118efc;
}


.svg-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}


.flex {
  display: flex;
}

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

.flex-1 {
  flex: 1;
}

.flex-wrap {
  flex-wrap: wrap;
  align-content: baseline;
}

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

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

.overflow-auto {
  overflow: auto;
}


.disabled {
  cursor: no-drop;
}

[ui-auto-scroll-bar]{
  overflow: hidden;
  padding-left: 5px;
}