@charset "UTF-8";
a {
  color: #0d6efd;
}

a:focus,
a:hover {
  color: #0d6efd;
}

.v8-icon {
  font-size: inherit;
}

.blue {
  color: #0d6efd !important;
}

.ace-settings-container {
  display: none;
}

.navbar {
  background: #fff;
  min-height: 55px;
  box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2);
}
.navbar .navbar-brand {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
}
.navbar .navbar-brand .site-title {
  color: #2e335a;
  font-weight: 600;
  transform: skewX(-10deg);
  display: block;
  font-size: 22px;
  margin-left: 7px;
  line-height: 1;
  font-family: Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", STHeiti, "华文细黑", sans-serif;
}
.navbar .navbar-toggle {
  width: 55px;
  height: 55px;
}

.btn.ace-settings-btn {
  display: none;
}

.breadcrumbs {
  display: none;
}

.main-container::before {
  background-color: #f4f6fa;
}

.page-content {
  padding: 0 20px 20px 20px;
  margin: 20px;
  border-radius: 10px;
  box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2);
}

.page-header {
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}

.page-header h1 {
  font-size: 21px;
  line-height: 1.2;
  color: #0d6efd;
  font-weight: 600;
}

.header {
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

h3.smaller {
  font-size: 21px;
  line-height: 1.2;
  font-weight: 500;
}
h3.smaller::before {
  content: "\f061";
  font-family: "FontAwesome";
  color: #ff301b !important;
  margin-right: 10px;
}

.pblogo1 {
  width: auto;
  height: 35px;
}
.pblogo1 + span {
  display: none;
}

.borderDdd {
  border: none;
}

.page-headerT {
  margin-right: 0;
}

.navbar {
  background-image: url("//public78.pbinfo.cn/v10/adminassets/images/22_nav_bg.jpg");
  background-size: cover;
  background-position: center center;
}
.navbar .navbar-nav > li {
  border: none;
}
.navbar .navbar-nav > li:first-child {
  border-width: 0;
}
.navbar .navbar-nav > li > a {
  padding-top: 20px;
  padding-bottom: 20px;
  height: 55px;
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  color: #484848;
  color: #2e335a;
}

.navbar .navbar-nav > li.open > a,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > li > a:hover {
  background-color: transparent !important;
  color: #0d6efd !important;
}

.top-nav li.on a {
  background-color: #fff;
  color: #0d6efd;
}

.top-nav li.on a:hover {
  background-color: #fff;
  color: #0d6efd;
}

.user-info {
  top: 9px;
  font-size: 12px;
  color: #aaaaaa;
  color: #fff;
}
.user-info small {
  color: #0d6efd;
  color: #fff;
  font-size: 14px;
  margin-bottom: 5px;
}

.ace-nav > li,
.ace-nav > li.light-blue {
  line-height: 55px;
  height: 55px;
  border-left: none;
  padding: 0;
  position: relative;
  float: left;
}
.ace-nav > li > a,
.ace-nav > li.light-blue > a {
  background-color: transparent;
  color: #484848;
}
.ace-nav > li > a:hover,
.ace-nav > li.light-blue > a:hover {
  background-color: #2e335a;
  color: #0d6efd;
}

.ace-nav > li.open.light-blue > a {
  background-color: transparent;
}

.ace-nav > li > a > .ace-icon {
  color: #0d6efd;
  font-size: 12px;
}

.ace-nav > li.open > a,
.ace-nav > li > a:focus,
.ace-nav > li > a:hover {
  background-color: #eaf2ff;
}

.dropdown-yellow .dropdown-submenu:hover > a,
.dropdown-yellow > li.active > a,
.dropdown-yellow > li.active > a:hover,
.dropdown-yellow > li > a:active,
.dropdown-yellow > li > a:focus,
.dropdown-yellow > li > a:hover {
  background-color: #eaf2ff;
}

.v8-secondary {
  color: #aaaaaa;
}

.sidebar + .main-content {
  margin-left: 210px;
}

.sidebar-2023 {
  background-color: #fff !important;
  border-style: solid !important;
  border-color: transparent !important;
  border-width: 0 0 0 0 !important;
  border: none !important;
  width: 210px;
}
.sidebar-2023::before {
  box-shadow: 1px 20px 8px 0px rgba(0, 31, 65, 0.2);
  top: 55px;
}
.sidebar-2023 .btn {
  border: none;
  text-align: left;
  padding: 20px;
  line-height: 1;
}
.sidebar-2023 .btn-nopointer {
  font-weight: bold;
  font-size: 19px;
  letter-spacing: 2px;
  padding: 15px 20px 15px 20px;
}
.sidebar-2023 .btn.btn-white {
  text-shadow: none !important;
  background-color: #f5f9ff !important;
}
.sidebar-2023 .btn-white.btn-info {
  border-color: transparent;
  color: #484848 !important;
}
.sidebar-2023 .btn.btn-white {
  border-width: 1px;
}
.sidebar-2023 .btn.btn-bold {
  border-bottom-width: 0px;
}
.sidebar-2023 .btn-white.btn-info.btn-nopointer.active,
.sidebar-2023 .btn-white.btn-info.btn-nopointer:active,
.sidebar-2023 .btn-white.btn-info.btn-nopointer:focus,
.sidebar-2023 .btn-white.btn-info.btn-nopointer:hover,
.sidebar-2023 .open .btn-white.btn-info.btn-nopointer.dropdown-toggle {
  background-color: #f5f9ff !important;
  border-color: transparent !important;
}
.sidebar-2023 .nav-list {
  background: linear-gradient(135deg, rgb(228, 246, 255) 0%, rgb(217, 236, 255) 100%);
}
.sidebar-2023 .nav-list > li {
  border-color: transparent;
  border: none;
}
.sidebar-2023 .nav-list > li:hover:before {
  display: none;
}
.sidebar-2023 .nav-list > li:hover > a {
  background-color: #eaf2ff;
  color: #0d6efd;
}
.sidebar-2023 .nav-list > li.active:after {
  display: none;
}
.sidebar-2023 .nav-list li.active > a:after {
  display: none;
}
.sidebar-2023 .nav-list > li > a {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
  color: #484848;
  display: block;
  height: 47px;
  line-height: 17px;
  padding-left: 20px;
  text-shadow: none !important;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 15px 20px 15px 30px;
}
.sidebar-2023 .nav-list > li a > .arrow {
  top: 17px;
}
.sidebar-2023 .nav-list > li > a > .menu-icon {
  display: none;
}
.sidebar-2023 .nav-list .open > a,
.sidebar-2023 .nav-list .open > a:focus,
.sidebar-2023 .nav-list .open > a:hover {
  background-color: #fff;
}
.sidebar-2023 .nav-list > li.open > a {
  color: #0d6efd;
}
.sidebar-2023 .nav-list > li.open:hover > a {
  background-color: #fff !important;
  color: #0d6efd !important;
}
.sidebar-2023 .nav-list > li > a:focus {
  background-color: #fff !important;
  color: #0d6efd !important;
}
.sidebar-2023 .nav-list > li.active > a {
  font-weight: normal;
  color: #0d6efd;
}
.sidebar-2023 .nav-list > li .submenu {
  background-color: #fff;
  border-color: transparent;
  border: none;
  box-sizing: border-box;
  padding: 0 10px;
}
.sidebar-2023 .nav-list > li > .submenu:before {
  display: none;
}
.sidebar-2023 .nav-list > li > .submenu > li {
  border-bottom: 1px solid #e3e8f1;
}
.sidebar-2023 .nav-list > li > .submenu > li:before {
  display: none;
}
.sidebar-2023 .nav-list > li .submenu > li > a {
  border-top-color: transparent;
  border: none;
  background-color: #f5f9ff;
  color: #484848;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  height: 37px;
  line-height: 17px;
  padding: 10px 20px 10px 30px;
}
.sidebar-2023 .nav-list > li .submenu > li > a:hover {
  color: #0d6efd;
  background-color: #eaf2ff;
}
.sidebar-2023 .nav-list > li .submenu > li.active > a > .menu-icon,
.sidebar-2023 .nav-list > li .submenu > li:hover > a > .menu-icon {
  display: none;
}
.sidebar-2023 .nav-list > li .submenu > li.active:not(.open) > a {
  background-color: #f5f9ff;
  color: #0d6efd;
}
.sidebar-2023 .nav-list > li .submenu > li.active:not(.open) > a:hover {
  background-color: #eaf2ff;
}
.sidebar-2023 .sidebar-toggle {
  background-color: #f5f9ff;
  border-color: #f5f9ff;
}
.sidebar-2023 .sidebar-toggle > .ace-icon {
  border-color: transparent;
  color: #484848;
  background-color: transparent;
}
.sidebar-2023.menu-min > .btn {
  overflow: hidden;
  font-size: 0;
}
.sidebar-2023.menu-min .nav-list > li > a > .menu-text {
  background-color: #fff !important;
  box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2) !important;
}
.sidebar-2023.menu-min .nav-list > li > .submenu {
  box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2) !important;
}
.sidebar-2023.menu-min .sidebar-toggle > .ace-icon {
  background-color: #f5f9ff !important;
  border-color: #f5f9ff !important;
}

.login-2023::before {
  background-image: url("//public78.pbinfo.cn/v10/adminassets/images/login_bg.jpg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.login-2023 .loginCon1 {
  width: 500px;
  height: 376px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(24px) brightness(1.5);
          backdrop-filter: blur(24px) brightness(1.5);
  border: none;
  box-sizing: border-box;
  border-radius: 10px;
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -235px;
  margin-left: -250px;
  box-shadow: 10px 10px 30px 15px rgba(31, 53, 61, 0.28);
}
.login-2023 .loginT {
  width: 100%;
  height: auto;
  background: #eaf2ff;
  text-align: center;
  color: #0d6efd;
  font-size: 19px;
  line-height: 80px;
}
.login-2023 .loginT img {
  height: 31px;
  margin-right: 10px;
}
.login-2023 .loginCon2 .input-group {
  margin-bottom: 10px;
}
.login-2023 .loginT-2021 {
  line-height: 1;
  margin-bottom: 8px;
  border-radius: 10px;
  background: transparent;
  padding: 20px 0 5px 0;
  display: flex;
  flex-direction: row-reverse;
}
.login-2023 .loginT-2021 .logo {
  box-sizing: border-box;
  width: 100px;
  padding-left: 20px;
}
.login-2023 .loginT-2021 .logo img {
  height: 50px;
  margin-top: 15px;
}
.login-2023 .loginT-2021 .proname {
  box-sizing: border-box;
  width: calc(100% - 100px);
  text-align: left;
  line-height: 1.2;
  padding-right: 20px;
  padding-left: 30px;
  margin-top: 19px;
}
.login-2023 .loginT-2021 .proname p {
  font-size: 19px;
  margin-bottom: 0;
  font-weight: 600;
  color: #0d6efd;
  letter-spacing: 1px;
}
.login-2023 .loginT-2021 .proname p.smaller {
  font-size: 17px;
  font-weight: 500;
}
.login-2023 .loginT-2021::after {
  content: "";
  display: block;
  clear: both;
}
.login-2023 .shuaxin .btn_qrc {
  background: #84a8ce;
}
.login-2023 .footer .footer-inner .footer-content {
  color: #fff;
}
.login-2023 .btn-app.btn-info {
  background: repeat-x #0d6efd !important;
}

.input-group-addon {
  border: 1px solid #dfe3ec;
  background-color: #f5f9ff;
}

input[type=color]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
input[type=datetime]:hover,
input[type=email]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
textarea:hover {
  border-color: #0d6efd;
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
  border: 1px solid #dfe3ec;
  color: #484848;
}

.tncode {
  border: 1px solid #dfe3ec !important;
}
.tncode:hover {
  border: 1px solid #0d6efd !important;
}

.btn {
  display: inline-block;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  background-image: none !important;
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: none !important;
  transition: all ease 0.15s;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
  position: relative;
  padding: 6px 20px;
}

.btn:disabled {
  opacity: 0.5;
}

.btn.btn-app {
  display: inline-block;
  width: 100px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  text-shadow: none !important;
  border: none;
  border-radius: 12px;
  padding: 10px 0 10px;
  margin: 2px;
  line-height: 1.7;
  position: relative;
}

.btn-app.btn-info,
.btn-app.btn-info.disabled:hover,
.btn-app.btn-info.no-hover:hover {
  background: #84a8ce !important;
}

.btn-app.btn-info:hover {
  background: #9fc4ea !important;
}

.btn,
.btn-default,
.btn-default:focus,
.btn:focus {
  background-color: #84a8ce;
}

.btn-default:active,
.btn-default:hover,
.btn:active,
.btn:hover,
.open .btn-default.dropdown-toggle,
.open .btn.dropdown-toggle {
  background-color: #9fc4ea;
  border-color: #9fc4ea;
}

.btn-primary,
.btn-primary:focus {
  background-color: #0d6efd !important;
}

.btn-primary:active,
.btn-primary:hover,
.open .btn-primary.dropdown-toggle {
  background-color: #6385ff !important;
  border-color: #6385ff !important;
}

.btn-info,
.btn-info:focus {
  background-color: #4b86f3 !important;
}

.btn-info:active,
.btn-info:hover,
.btn-info.dropdown-toggle {
  background-color: #62a1ff !important;
  border-color: #62a1ff !important;
}

.btn-success,
.btn-success:focus {
  background-color: #0dd75e !important;
}

.btn-success:active,
.btn-success:hover,
.btn-success.dropdown-toggle {
  background-color: #00ec5f !important;
  border-color: #00ec5f !important;
}

.btn-warning,
.btn-warning:focus {
  background-color: #ffbc1b !important;
}

.btn-warning:active,
.btn-warning:hover,
.open .btn-warning.dropdown-toggle {
  background-color: #ffcf5b !important;
  border-color: #ffcf5b !important;
}

.btn-danger,
.btn-danger:focus {
  background-color: #ff301b !important;
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #ff7668 !important;
  border-color: #ff7668 !important;
}

.btn.btn-link {
  color: #0d6efd !important;
}

.btn.btn-white {
  border-width: 1px;
  box-shadow: 1px 1.732px 6px 0px rgba(0, 31, 65, 0.1) !important;
}

.btn.btn-bold {
  border-bottom-width: 1px;
}

.btn-white.btn-info {
  border-color: #9fbef1 !important;
  color: #484848 !important;
}

.btn-white.btn-default {
  border-color: #9fbef1 !important;
  color: #484848 !important;
}

.btn-white.btn-default:hover {
  color: #0d6efd !important;
  background-color: #fbfcff !important;
  border-color: #0d6efd !important;
}

.btn.btn-white {
  background-color: #fbfcff !important;
}

.btn-white.btn-info:hover {
  color: #0d6efd !important;
  border-color: #0d6efd !important;
}

.btn-group .dropdown-toggle,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  border-radius: 0;
}

.btn.active,
.open > .btn.active.dropdown-toggle {
  box-shadow: none;
}

.btn-group-lg > .btn,
.btn-lg {
  border-width: 5px;
  line-height: 1.4;
  padding: 5px 16px 6px;
}

.btn-group-xlg > .btn,
.btn-xlg {
  border-width: 5px;
  line-height: 1.35;
  padding: 7px 16px;
  font-size: 18px;
}

.btn-group-sm > .btn,
.btn-sm {
  border-width: 4px;
  font-size: 13px;
  padding: 4px 9px;
  line-height: 1.38;
}

.btn-group-xs > .btn,
.btn-xs {
  padding-top: 3px;
  padding-bottom: 3px;
  border-width: 3px;
}

.btn-group-mini > .btn,
.btn-mini {
  padding: 1px 5px;
  border-width: 3px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-group-minier > .btn,
.btn-minier {
  padding: 0 4px;
  line-height: 18px;
  border-width: 2px;
  font-size: 12px;
}

.table > tbody > tr > td,
.table > tbody > tr > th {
  padding: 8px 8px;
}

.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 15px 8px;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #dfe3ec;
}

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #dfe3ec;
}

.table > thead > tr {
  background-image: none;
  background-color: #f5f9ff;
}

.table > thead > tr > th {
  border-color: #dfe3ec;
}

.menuBtn {
  padding: 6px 6px !important;
  width: 28px;
  height: 100px;
  line-height: 12px;
  text-align: center;
  position: absolute;
  top: 130px;
  left: -15px;
  z-index: 99;
}

.dataTables_wrapper .row:first-child {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 20px;
}

.dataTables_wrapper .row:first-child + .dataTable {
  border-top: 1px solid #dfe3ec;
  border-bottom: 1px solid #dfe3ec;
}

.dataTable > thead > tr > th.sorting_asc,
.dataTable > thead > tr > th.sorting_desc {
  background-image: none;
  background-color: #f7faff;
}

.dataTable > thead > tr > th[class*=sorting_] {
  color: #0d6efd;
}

.dataTable > thead > tr > th[class*=sorting_disabled] {
  color: #484848;
}

.dataTable > thead > tr > th[class*=sort]:hover {
  color: #0d6efd;
}

.dataTables_wrapper .row:last-child {
  border-bottom: none;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fff;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #f4f6fa;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #eaf2ff;
}

input[type=checkbox].ace.ace-switch:checked + .lbl::before {
  background-color: #0dd75e;
  border-color: #15b154;
}

input[type=checkbox].ace.ace-switch.ace-switch-3:checked + .lbl::after {
  color: #0dd75e;
}

input[type=checkbox].ace + .lbl::before,
input[type=radio].ace + .lbl::before {
  color: #05d057;
}

.pagination > li.active > a,
.pagination > li.active > a:hover {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.ui-tabs .ui-tabs-panel {
  border: 1px solid #dfe3ec;
  border-top-width: 0;
}

.ui-tabs .ui-tabs-nav {
  padding: 0;
  border-bottom: 1px solid #dfe3ec;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active > a {
  border-color: #0d6efd #dfe3ec transparent;
}

.profile-user-info-striped .profile-info-name {
  color: #484848;
  background-color: #f5f9ff;
  border-top: 1px solid #dfe3ec;
}

.Dui-dialog-footer button {
  padding: 6px 20px;
  color: #484848;
  background-color: #fbfcff;
  border-color: #9fbef1;
}

.Dui-dialog-footer button:active,
.Dui-dialog-footer button:focus,
.Dui-dialog-footer button:hover {
  color: #0d6efd;
  background-color: #fbfcff;
  border-color: #0d6efd;
}

.Dui-dialog-footer button.Dui-dialog-autofocus {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.Dui-dialog-footer button.Dui-dialog-autofocus:active,
.Dui-dialog-footer button.Dui-dialog-autofocus:focus,
.Dui-dialog-footer button.Dui-dialog-autofocus:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #6385ff;
}

.widget-header {
  color: #0d6efd;
}

.no-skin .navbar .navbar-toggle {
  background-color: transparent;
}
.no-skin .navbar .navbar-toggle .icon-bar {
  background-color: #0d6efd;
}