a { color: #0e18d7; }

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

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

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

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

.navbar { background: #fff; min-height: 55px; -webkit-box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2); box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2); }

.navbar .navbar-brand { padding-top: 10px; padding-bottom: 10px; }

.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; -webkit-box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2); 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: #0e18d7; 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 .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; }

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

.top-nav li.on a { background-color: transparent; color: #0e18d7; }

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

.ace-nav > li { line-height: 55px; height: 55px; border-left: none; padding: 0; position: relative; float: left; }

.ace-nav > li > a { background-color: transparent; color: #484848; }

.user-info { top: 9px; font-size: 12px; color: #aaaaaa; }

.user-info small { color: #0e18d7; font-size: 14px; margin-bottom: 5px; }

.ace-nav > li > a > .ace-icon { color: #0e18d7; 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-2021 { margin-top: -20px; 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-2021::before { -webkit-box-shadow: 1px 20px 8px 0px rgba(0, 31, 65, 0.2); box-shadow: 1px 20px 8px 0px rgba(0, 31, 65, 0.2); top: 55px; }

.sidebar-2021 .btn { border: none; text-align: left; padding: 20px; line-height: 1; }

.sidebar-2021 .btn-nopointer { font-weight: bold; font-size: 19px; letter-spacing: 2px; padding: 15px 20px 15px 20px; }

.sidebar-2021 .btn.btn-white { text-shadow: none !important; background-color: #f5f9ff !important; }

.sidebar-2021 .btn-white.btn-info { border-color: transparent; color: #484848 !important; }

.sidebar-2021 .btn.btn-white { border-width: 1px; }

.sidebar-2021 .btn.btn-bold { border-bottom-width: 0px; }

.sidebar-2021 .btn-white.btn-info.btn-nopointer.active, .sidebar-2021 .btn-white.btn-info.btn-nopointer:active, .sidebar-2021 .btn-white.btn-info.btn-nopointer:focus, .sidebar-2021 .btn-white.btn-info.btn-nopointer:hover, .sidebar-2021 .open .btn-white.btn-info.btn-nopointer.dropdown-toggle { background-color: #f5f9ff !important; border-color: transparent !important; }

.sidebar-2021 .nav-list { background: linear-gradient(135deg, #e4f6ff 0%, #d9ecff 100%); }

.sidebar-2021 .nav-list > li { border-color: transparent; border: none; }

.sidebar-2021 .nav-list > li:hover:before { display: none; }

.sidebar-2021 .nav-list > li:hover > a { background-color: #eaf2ff; color: #0e18d7; }

.sidebar-2021 .nav-list > li.active:after { display: none; }

.sidebar-2021 .nav-list li.active > a:after { display: none; }

.sidebar-2021 .nav-list > li > a { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.8))); 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-2021 .nav-list > li a > .arrow { top: 17px; }

.sidebar-2021 .nav-list > li > a > .menu-icon { display: none; }

.sidebar-2021 .nav-list .open > a, .sidebar-2021 .nav-list .open > a:focus, .sidebar-2021 .nav-list .open > a:hover { background-color: #fff; }

.sidebar-2021 .nav-list > li.open > a { color: #0e18d7; }

.sidebar-2021 .nav-list > li.open:hover > a { background-color: #fff !important; color: #0e18d7 !important; }

.sidebar-2021 .nav-list > li > a:focus { background-color: #fff !important; color: #0e18d7 !important; }

.sidebar-2021 .nav-list > li.active > a { font-weight: normal; color: #0e18d7; }

.sidebar-2021 .nav-list > li .submenu { background-color: #fff; border-color: transparent; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }

.sidebar-2021 .nav-list > li > .submenu:before { display: none; }

.sidebar-2021 .nav-list > li > .submenu > li { border-bottom: 1px solid #e3e8f1; }

.sidebar-2021 .nav-list > li > .submenu > li:before { display: none; }

.sidebar-2021 .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-2021 .nav-list > li .submenu > li > a:hover { color: #0e18d7; background-color: #eaf2ff; }

.sidebar-2021 .nav-list > li .submenu > li.active > a > .menu-icon, .sidebar-2021 .nav-list > li .submenu > li:hover > a > .menu-icon { display: none; }

.sidebar-2021 .nav-list > li .submenu > li.active:not(.open) > a { background-color: #f5f9ff; color: #0e18d7; }

.sidebar-2021 .nav-list > li .submenu > li.active:not(.open) > a:hover { background-color: #eaf2ff; }

.sidebar-2021 .sidebar-toggle { background-color: #f5f9ff; border-color: #f5f9ff; }

.sidebar-2021 .sidebar-toggle > .ace-icon { border-color: transparent; color: #484848; background-color: transparent; }

.sidebar-2021.menu-min > .btn { overflow: hidden; font-size: 0; }

.sidebar-2021.menu-min .nav-list > li > a > .menu-text { background-color: #fff !important; -webkit-box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2) !important; box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2) !important; }

.sidebar-2021.menu-min .nav-list > li > .submenu { -webkit-box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2) !important; box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2) !important; }

.sidebar-2021.menu-min .sidebar-toggle > .ace-icon { background-color: #f5f9ff !important; border-color: #f5f9ff !important; }

.login-2021::before { background-image: url("//public78.hanelink.com/v8-2022/images/login_bg.jpg"); background-size: cover; background-position: center bottom; }

.login-2021 .loginCon1 { width: 500px; height: 376px; background: rgba(255, 255, 255, 0.9); border: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; z-index: 999; position: absolute; top: 50%; left: 50%; margin-top: -235px; margin-left: -250px; -webkit-box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2); box-shadow: 1px 1.732px 8px 0px rgba(0, 31, 65, 0.2); }

.login-2021 .loginT { width: 100%; height: auto; background: #eaf2ff; text-align: center; color: #0e18d7; font-size: 19px; line-height: 80px; }

.login-2021 .loginT img { height: 31px; margin-right: 10px; }

.login-2021 .loginCon2 .input-group { margin-bottom: 10px; }

.login-2021 .loginT-2021 { line-height: 1; margin-bottom: 8px; border-radius: 10px; background: transparent; padding: 20px 0 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.login-2021 .loginT-2021 .logo { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100px; padding-left: 20px; }

.login-2021 .loginT-2021 .logo img { height: 50px; margin-top: 15px; }

.login-2021 .loginT-2021 .proname { -webkit-box-sizing: border-box; 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-2021 .loginT-2021 .proname p { font-size: 19px; margin-bottom: 0; font-weight: 600; color: #0e18d7; letter-spacing: 1px; }

.login-2021 .loginT-2021 .proname p.smaller { font-size: 17px; font-weight: 500; }

.login-2021 .loginT-2021::after { content: ''; display: block; clear: both; }

.login-2021 .shuaxin .btn_qrc { background: #84a8ce; }

.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: #0e18d7; }

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

.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; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-transition: all ease .15s; transition: all ease .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: #0e18d7 !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: #0e18d7 !important; }

.btn.btn-white { border-width: 1px; -webkit-box-shadow: 1px 1.732px 6px 0px rgba(0, 31, 65, 0.1) !important; 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: #0e18d7 !important; background-color: #fbfcff !important; border-color: #0e18d7 !important; }

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

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

.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: #0e18d7; }

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

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

.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: #0e18d7; border-color: #0e18d7; }

.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: #0e18d7 #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: #0e18d7; background-color: #fbfcff; border-color: #0e18d7; }

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

.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: #0e18d7; border-color: #6385ff; }

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