.nl-input-password-container {
  position: relative;
}
.nl-input-password-container input {
  padding-right: 30px;
}
.nl-input-password-container .nl-input-suffix {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}
.nl-input-password .nl-pwd-input {
  -webkit-text-security: disc !important;
}

.verification-code {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.verification-code img {
  width: 60%;
  height: 100%;
  cursor: pointer;
  border-bottom-left-radius: 21px !important;
  border-top-left-radius: 21px !important;
}
.verification-code input {
  width: 40%;
  height: 100%;
  font-size: 20px;
  border-style: none;
  padding-left: 10px !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.verification-code-normal {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.verification-code-normal img {
  width: 60%;
  height: 30px;
  cursor: pointer;
}
.verification-code-normal input {
  width: 40%;
  height: 30px;
  padding-left: 10px !important;
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.frame-header-menu {
  float: right;
}
.frame-header-menu.nlx-dropdown-menu {
  padding: 0;
}
.frame-header-menu .nlx-dropdown-menu-item {
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding-top: 0;
  padding-bottom: 0;
}
.frame-header-menu .nlx-dropdown-menu-item:hover {
  background-color: #1e76ad;
}
.frame-header-menu .nlx-dropdown-menu-item:hover a {
  color: #fff;
}
.frame-header-menu .nlx-dropdown-menu-item > a {
  margin: 0 !important;
  padding: 0 !important;
  color: #000;
}
.frame-header-menu .nlx-dropdown-trigger {
  padding: 0 20px;
  cursor: pointer;
}
.frame-header-menu .nlx-dropdown-trigger.nlx-dropdown-open {
  background-color: #1e76ad;
}
.frame-header-menu-drop {
  width: 100%;
}
.frame-header .frame-container {
  float: left;
  color: white;
}
.frame-header .frame-container .fullName {
  font-size: 24px;
  font-weight: lighter;
  margin-right: 10px;
}
.frame-header .frame-container .unitName {
  font-size: 14px;
}

.nl-login-icon-lock {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAYAAADQ4S5JAAAAo0lEQVQokZ3PvQkCURAE4O/kEkHswUCuCc3EBmzGCsTY1NDI1MTERE6rsAdbOAP34ND38Gdggp2dYXaL/eGogzHWmMV8whK31tDrmCtccMYoeA6tak1lJ7AKbjraBv3QF68NM+y8Y4t56qQh7onAHYNU4Cv0UKOJucmw3dUlJii+LGj+OimFOviGMiV6nplELnCR+SsXmOYafn66jPrmkzFwfQCucx+spHzrPwAAAABJRU5ErkJggg==);
}

body {
  min-width: 1280px;
}
/* left-bar */
.nl-left-bar {
  background: #087cc6 !important;
  position: relative;
  user-select: none;
  /* 添加菜单hover样式 */
  /** 一级菜单展开*/
}
.nl-left-bar .nlx-menu-submenu {
  background-color: transparent !important;
}
.nl-left-bar .nlx-menu-inline-collapsed > .nlx-menu-item .anticon {
  line-height: normal;
}
.nl-left-bar .nlx-menu-inline-collapsed > .nlx-menu-item > div {
  display: flex;
  align-items: center;
}
.nl-left-bar .nlx-menu-item {
  border-bottom: 1px solid #0a5987;
}
.nl-left-bar .nlx-menu-item .menu-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nl-left-bar .nlx-menu-item-selected {
  background-color: #00377e !important;
  color: #ffffff;
}
.nl-left-bar .nlx-layout-header {
  /* @important */
}
.nl-left-bar .nlx-layout-header span,
.nl-left-bar .nlx-layout-header a,
.nl-left-bar .nlx-layout-header a:hover {
  color: #fff;
}
.nl-left-bar .nlx-layout-header span {
  margin-right: 20px;
}
.nl-left-bar .nlx-menu-submenu-title {
  border-bottom: 1px solid #0a5987;
}
.nl-left-bar .nlx-menu-item-active {
  color: #94f6ff;
  background-color: #0b5f96;
}
.nl-left-bar .nlx-menu-vertical .nlx-menu-item:not(:last-child),
.nl-left-bar .nlx-menu-vertical-left .nlx-menu-item:not(:last-child),
.nl-left-bar .nlx-menu-vertical-right .nlx-menu-item:not(:last-child),
.nl-left-bar .nlx-menu-inline .nlx-menu-item:not(:last-child) {
  margin-bottom: 0 !important;
}
.nl-left-bar .nlx-menu-vertical .nlx-menu-item,
.nl-left-bar .nlx-menu-vertical-left .nlx-menu-item,
.nl-left-bar .nlx-menu-vertical-right .nlx-menu-item,
.nl-left-bar .nlx-menu-inline .nlx-menu-item,
.nl-left-bar .nlx-menu-vertical .nlx-menu-submenu-title,
.nl-left-bar .nlx-menu-vertical-left .nlx-menu-submenu-title,
.nl-left-bar .nlx-menu-vertical-right .nlx-menu-submenu-title,
.nl-left-bar .nlx-menu-inline .nlx-menu-submenu-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 48px !important;
  height: 48px !important;
  padding-bottom: 4px !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.nl-left-bar .nlx-menu-submenu-vertical > .nlx-menu-submenu-title:hover .nlx-menu-submenu-arrow::after,
.nl-left-bar .nlx-menu-submenu-vertical-left > .nlx-menu-submenu-title:hover .nlx-menu-submenu-arrow::after,
.nl-left-bar .nlx-menu-submenu-vertical-right > .nlx-menu-submenu-title:hover .nlx-menu-submenu-arrow::after,
.nl-left-bar .nlx-menu-submenu-inline > .nlx-menu-submenu-title:hover .nlx-menu-submenu-arrow::after,
.nl-left-bar .nlx-menu-submenu-vertical > .nlx-menu-submenu-title:hover .nlx-menu-submenu-arrow::before,
.nl-left-bar .nlx-menu-submenu-vertical-left > .nlx-menu-submenu-title:hover .nlx-menu-submenu-arrow::before,
.nl-left-bar .nlx-menu-submenu-vertical-right > .nlx-menu-submenu-title:hover .nlx-menu-submenu-arrow::before,
.nl-left-bar .nlx-menu-submenu-inline > .nlx-menu-submenu-title:hover .nlx-menu-submenu-arrow::before {
  background: linear-gradient(to right, #a2f7fe, #99f4fd);
}
.nl-left-bar .nlx-menu-submenu-vertical > .nlx-menu-submenu-title .nlx-menu-submenu-arrow::before,
.nl-left-bar .nlx-menu-submenu-vertical-left > .nlx-menu-submenu-title .nlx-menu-submenu-arrow::before,
.nl-left-bar .nlx-menu-submenu-vertical-right > .nlx-menu-submenu-title .nlx-menu-submenu-arrow::before,
.nl-left-bar .nlx-menu-submenu-inline > .nlx-menu-submenu-title .nlx-menu-submenu-arrow::before,
.nl-left-bar .nlx-menu-submenu-vertical > .nlx-menu-submenu-title .nlx-menu-submenu-arrow::after,
.nl-left-bar .nlx-menu-submenu-vertical-left > .nlx-menu-submenu-title .nlx-menu-submenu-arrow::after,
.nl-left-bar .nlx-menu-submenu-vertical-right > .nlx-menu-submenu-title .nlx-menu-submenu-arrow::after,
.nl-left-bar .nlx-menu-submenu-inline > .nlx-menu-submenu-title .nlx-menu-submenu-arrow::after {
  background-image: none;
}
.nl-left-bar .nlx-menu-vertical .nlx-menu-item::after,
.nl-left-bar .nlx-menu-vertical-left .nlx-menu-item::after,
.nl-left-bar .nlx-menu-vertical-right .nlx-menu-item::after,
.nl-left-bar .nlx-menu-inline .nlx-menu-item::after {
  border-right: none !important;
}
.nl-left-bar .nlx-menu-submenu-inline > .nlx-menu-submenu-title .nlx-menu-submenu-arrow:after,
.nl-left-bar .nlx-menu-submenu-inline > .nlx-menu-submenu-title .nlx-menu-submenu-arrow:before,
.nl-left-bar .nlx-menu-submenu-vertical-left > .nlx-menu-submenu-title .nlx-menu-submenu-arrow:after,
.nl-left-bar .nlx-menu-submenu-vertical-left > .nlx-menu-submenu-title .nlx-menu-submenu-arrow:before,
.nl-left-bar .nlx-menu-submenu-vertical-right > .nlx-menu-submenu-title .nlx-menu-submenu-arrow:after,
.nl-left-bar .nlx-menu-submenu-vertical-right > .nlx-menu-submenu-title .nlx-menu-submenu-arrow:before,
.nl-left-bar .nlx-menu-submenu-vertical > .nlx-menu-submenu-title .nlx-menu-submenu-arrow:after,
.nl-left-bar .nlx-menu-submenu-vertical > .nlx-menu-submenu-title .nlx-menu-submenu-arrow:before {
  background-image: linear-gradient(to right, #fff, #fff);
}
.nl-left-bar .trigger-btn {
  height: 50px;
  width: 200px;
  font-size: 12px;
  background-color: #2a9ee3;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.nl-left-bar .trigger-btn.collapsed {
  width: 80px;
}
.nl-left-bar .trigger-placeholder {
  width: 100%;
  height: 50px;
}
.nl-left-bar .nlx-menu {
  background: #087cc6 !important;
  color: #fff;
  border-right: 1px solid #087cc6;
}
.nl-left-bar .nlx-menu .nlx-menu-item-active {
  color: #94f6ff !important;
}
.nl-left-bar .nlx-menu .nlx-menu-submenu-active,
.nl-left-bar .nlx-menu .nlx-menu-submenu-title:hover {
  color: #94f6ff !important;
}
.nl-left-bar .nlx-menu-submenu-open {
  background: #299ee3 !important;
  color: #fff;
}
.nl-left-bar .nlx-menu-submenu-open .nlx-menu-inline {
  background: #087cc6 !important;
  border-right: 1px solid #087cc6 !important;
}
.nl-left-bar .menu-arrow {
  transition: 0.2s all linear;
}
.nl-left-bar .nlx-menu-inline-collapsed > .nlx-menu-item,
.nl-left-bar .nlx-menu-inline-collapsed > .nlx-menu-submenu > .nlx-menu-submenu-title {
  left: 0;
  padding: 0 29px !important;
  text-overflow: clip;
}
.nl-layout {
  background: #e1e8ed !important;
  height: 100%;
  overflow: auto;
}
.nl-layout .nl-breadcrumb {
  margin-bottom: 20px;
  margin-left: 15px;
}
.nl-layout .nl-breadcrumb-link.active {
  color: #087cc6 !important;
}
.nl-layout .nl-content-box {
  padding: 20px 10px 1px;
  position: relative;
  background-color: #f0f2f5;
  height: calc(100vh - 64px);
  overflow: hidden;
}
/** 全局icon样式 */
.nl-icon-container {
  position: relative;
  top: 2px;
}
.nl-icon-container svg {
  width: 1.3em;
  height: 1.3em;
}
#app,
#iframe-container {
  height: calc(100% - 64px);
  overflow: auto;
  position: absolute;
  width: calc(100% - 20px);
}

#app #root .full-layout {
  /* 编辑样式 */
  /**/
  /** 点击超链接后取消下划线样式 */
  /** 全局弹框样式 */
}
#app #root .full-layout .ant-btn-cancel,
#app #root .full-layout .ant-btn-search,
#app #root .full-layout .ant-btn-cancel:focus,
#app #root .full-layout .ant-btn-search:focus {
  /* @important */
  background-color: #299ee3 !important;
  border: 1px solid #43b5f8 !important;
  color: #fff;
}
#app #root .full-layout .ant-btn-cancel:hover,
#app #root .full-layout .ant-btn-search:hover {
  /* @important */
  background-color: #3da6e3 !important;
  color: #fff;
}
#app #root .full-layout .ant-btn-cancel:active,
#app #root .full-layout .ant-btn-search:active {
  /* @important */
  background-color: #fff !important;
  border: solid #43b5f8 1px !important;
  color: #43b5f8;
}
#app #root .full-layout .ant-btn-cancel[disabled],
#app #root .full-layout .ant-btn-cancel[disabled]:hover,
#app #root .full-layout .ant-btn-cancel[disabled]:focus,
#app #root .full-layout .ant-btn-search[disabled],
#app #root .full-layout .ant-btn-search[disabled]:hover,
#app #root .full-layout .ant-btn-search[disabled]:focus,
#app #root .full-layout .ant-btn-export[disabled],
#app #root .full-layout .ant-btn-export[disabled]:focus {
  color: #eff4f8 !important;
  background-color: #c9d6de !important;
  border-color: #c9d6de !important;
}
#app #root .full-layout .ant-btn-export,
#app #root .full-layout .ant-btn-export:focus {
  border: 1px solid #ffffff !important;
}
#app #root .full-layout .ant-radio-inner {
  /* @important */
  background-color: #fff !important;
}
#app #root .full-layout .ant-radio-inner:after {
  background-color: #299ee3 !important;
  border-radius: 3px !important;
}
#app #root .full-layout .ant-btn {
  margin-top: 4px;
}
#app #root .full-layout .ant-table-thead > tr > th > span {
  color: #fff;
}
#app #root .full-layout input {
  border-color: #dbe0e3;
}
#app #root .full-layout input:focus {
  border-color: #43b5f8;
}
#app #root .full-layout > div:nth-child(2) {
  padding: 10px;
}
#app #root .full-layout table:not(.ant-calendar-table) {
  background: #fcfdfd;
  font-size: 14px;
}
#app #root .full-layout table:not(.ant-calendar-table) th span {
  color: #fff;
}
#app #root .full-layout table:not(.ant-calendar-table) tr th,
#app #root .full-layout table:not(.ant-calendar-table) td {
  padding: 9px 2px !important;
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
}
#app #root .full-layout .ant-tabs-bar {
  border-bottom: 1px solid #d9d9d9;
}
#app #root .full-layout .ant-tabs-bar .ant-tabs-tab-active {
  background: #54b6f0;
  color: #fff;
}
#app #root .full-layout .ant-tabs-nav .ant-tabs-tab-active:hover {
  color: #fff;
}
#app #root .full-layout .detail-form-container {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  background-color: #fff;
  margin: 0 15px;
}
#app #root .full-layout .detail-form-container .card-container {
  width: 1000px;
  margin-top: 20px;
  min-height: 700px;
}
#app #root .full-layout .ant-breadcrumb-link a {
  color: #299ee3;
}
@media screen and (max-width: 1366px) {
  #app #root .full-layout .detail-form-container .card-container {
    margin-top: 10px;
    min-height: 600px;
  }
}
@media screen and (max-width: 1280px) {
  #app #root .full-layout .detail-form-container {
    background-color: unset;
    padding: 0 !important;
  }
  #app #root .full-layout .detail-form-container .card-container {
    width: 100%;
    min-width: 1000px;
    margin-top: 0px;
    min-height: 500px;
  }
}
#app #root .full-layout .ant-dropdown-menu-item.ant-dropdown-menu-item-active {
  background-color: #299ee3;
  color: #fff;
}
#app #root .full-layout .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0 !important;
  margin-right: 8px;
}
#app #root .full-layout .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background-color: #087cc6 !important;
}
#app #root .full-layout .ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 !important;
}
#app #root .full-layout a:focus {
  text-decoration: none;
}
#app #root .full-layout .ant-modal {
  color: #111;
}
#app #root .full-layout .ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-left: 0.17em;
  letter-spacing: 0.34em;
}