body {
    font-family: 'HanHei SC', 'PingFang SC', 'STHeitiSC-Light', 'Arial', sans-serif;
    font-weight: 600;
    background-color: #fafafa !important;
}
.header-top {
    height: 80px !important;
}
body .header-wrapper .header-top {
    background-color: #ffffff !important;
}
body .header-wrapper .header-bottom {
    background: linear-gradient(135deg, rgb(95, 135, 248), rgb(56, 96, 244));
}
#back-admin i {
    color: #ffffff;
}
.header-wrapper { 
    margin-bottom: 15px;
}
.nav-viewcart>a>i {
    color: #ffffff;
}
#translate-text a {
    color: #788db4;
    display: inline-block;
    text-align: left;
}
#account-box a {
    color: #788db4;
}
#account-box i {
    color: #788db4;
    padding: 0px 5px;
}
.adminreturndiv {
    display: none;
}
#notifications i {
    display: inline-block;
}
#notifications a {
    color: #788db4;
    font-size: 15px;
}
#notifications .fa-check-circle {
    color: #1fb800;
}
#notifications .fa-warning {
    color: #c4a600;
}
#notifications .fa-info-circle {
    color: #1697ee;
}
#notifications .fa-exclamation-circle {
    color: #ff0000;
}
.dropdown-notifications>.dropdown-menu-right {
    margin-top: 25px !important;
}
.translate-box {
    margin-top: 25px !important;
    width: 30px !important;
    max-height: 500px;
    position: absolute;
    overflow: visible;
}
.dropdown-menu-accout {
    margin-top: 25px !important;
}
#mobile-menu a {
    color: #788db4;
}
#mobile-menu i {
    padding: 0px 5px; 
}
#mobile-menu .card {
    background-color: #ffffff;
    margin-top: 10px;
    z-index:99999;
}
.header-wrapper .header-bottom .main-menu ul.nav.metismenu>li a.has-arrow {
    color: #ffffff !important;
}
.header-wrapper .header-bottom .main-menu ul.nav.metismenu>li a.has-arrow:hover {
    color: #ffffff !important;
}
.header-wrapper .header-bottom .main-menu ul.nav.metismenu>li a i {
    color: #ffffff !important;
}
.header-wrapper .header-bottom .main-menu ul.nav.metismenu>li a i:hover{
    color: #ffffff !important;
}
.header-wrapper .header-bottom .main-menu ul.nav.metismenu>li:first-child a {
    padding: 8px !important;
}
body .header-wrapper .header-bottom .main-menu ul.nav.metismenu>li.active>a {
    color: #ffffff !important;
}
.main-menu .has-arrow::after {
    border-color: #ffffff;
}
.main-menu {
    padding: 4px 20px !important;
}
#emailverification .text {
    padding-left: 0px;
    padding: 5px 0px;
    display: inline-block;
}
#emailverification .close {
    padding: 5px 0px;
}
#emailverification .mdi-checkbox-marked-circle-outline {
    color: #2fbfa0;
}
#emailverification .mdi-close-circle-outline {
    color: #ff5c75;
}
#emailverification .mdi-alert-circle-outline{
    color: #FFCE67;
}
.top-nav li a {
    color: #222 !important;
}
#back-admin i {
    color: #222222;
}
#translate-text a {
    color: #788db4 !important;
}
.top-nav {
    float: right;
    padding: 17.5px 0px;
}
.logo {
    height: 80px;
    width: auto;
}
.logo a {
    color: #222 !important;
}
.logo-text {
    color: #ffffff;
    font-size: 30px;
    padding: 17.5px 0px;
    display: inline-block;
    font-weight: 500;
}
.sideber-logo {
    text-align: center;
    display: none;
    border-bottom: 1px solid #ffffff;
}
.sideber-logo img {
    fill: #ffffff !important;
}
.sideber-logo a {
    color: #ffffff;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}
.nav-item {
    list-style-type: none;
    margin: 10px 20px;
    float: right;
}
.nav-item-2 {
    list-style-type: none;
    margin: 5px 20px;
    float: right;
}
.notice-item {  
    display: flex;
    border-top: 1px solid rgba(210, 221, 234, 0.3);
    padding: 10px;
}
.notice-item > i {
    font-size: 30px !important;
    display: inline-block;
}
.notice-item > span {
    display: inline-block;
    overflow: hidden;
    font-size: 13px;
    width: 80%;
    flex-grow: 1;
}
.mobile-menu {
    float: right;
    margin: 22.5px 0px;
    display: none;
}
.mobile-menu>a {
    color: #ffffff;
}
.email-div {
    display: inline-block;
}
.footer {
    background: rgb(255, 255, 255);
    padding: 35px 10px 20px;
    width: 100%;
    height: auto;
}
.footer__heading {
    color: #465c79;
    font-weight: 600;
}
.footer__list {
    padding-bottom: 15px;
}
.footer__list>li {
    padding: 5px 0px;
}
.footer__list>li>a {
    color: rgb(138, 152, 160);
    font-weight: 500;
}
.footer__disclosure {
    padding: 20px 0px;
    font-size: .9em;
    color: #313438;
}
.footer__disclosure>a {
    color: #313438;
    padding-top: .1em;
    padding-bottom: .1em;
    transition: all .3s ease;
}
.back-to-top {
    float: right;
}
.page-header {
    padding: 15px 0px;
}
.breadcrumb-item > a {
    vertical-align: unset !important; 
} 
.main-icon {
    padding: 5.5px 0px;
}
.tile {
    margin: 10px 0px;
}
.right-line {
    border-right: solid thin rgba(148,170,197,.2);
}
.social-links li a {
    line-height: 2 !important;
}
.addfunds-btn {
    margin: 20px;
}
.cell-title {
    display: block;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7f8fa4;
    font-size: 16px;
}
.cell-title2 {
    display: inline-block;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7f8fa4;
    font-size: 16px;
}
.cell-cycle {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.cell-license {
    float: right;
}
.cell-date {
    float: right;
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}
.cell-date2 {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.card-nav {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
}
.card-nav-line {
    border: 1px solid rgba(210, 221, 234, 0.3);
}
.card-number {
    display: inline-block;
    margin: 10px auto;
    font-size: 13px;
}
.widget-card {
    height: 384px;
}
.widget-notice {
    text-align: center;
    max-width: 220px;
    margin: 0 auto;
}
.widget-box {
    min-height: 330px;
}
.widget-icon {
    padding: 0px 20px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 50% 50%;
    max-width: 130px;
    height: 130px;
    font-size: 87px;
    margin: 60px auto 30px;
}
.borderbm-none {
    border-bottom: none !important;
}
.widget-item {
    height: 73px;
}
.widget-text {
    text-align: center;
}
.mobile-side {
    height: 50px;
    background: linear-gradient(135deg, rgb(95, 135, 248), rgb(56, 96, 244));
    display: none;
}
.side-body {
    padding: 10px 15px;
}
.mobile-side>.side-body i{
    font-size: 30px;
    color: #ffffff;
}
#tableLoading p {
    display: none;
}
.listtable {
    width: 100% !important;
}
.responsive-edit-button  a {
    color: #ffffff !important;
    padding: 0.3rem 0.75rem !important;
    height: 25px !important;
}
.responsive-edit-button  a i {
    color: #ffffff !important;
}
.table td, .table th {
    /* vertical-align: middle !important; */
    /* min-width: 100px !important; */
}
.dtr-data .btn-sm {
    color: #ffffff;
}
.dataTables_filter label {
    display: inline-block;
    float: right;
    padding: 5px 0px;
}
.dataTables_info {
    margin: 10px 0px !important;
    padding: 0px !important;
}
.table-container tr {
    cursor:pointer;
}
.dataTables_length {
    display: none;
}
.dataTables_paginate {
    margin: 10px 0px !important;
}
.paginate_button {
    padding: 5px 15px;
    border: 1px solid rgba(234, 243, 253, 0.9);
}
.paginate_button.active {
    background-color: #1697ee;
    border: 1px solid #1697ee;
}
.paginate_button.active a {
    color: #ffffff !important;
}
.table {
    width: 100% !important;
}
.status-active {
    padding: 5px 8px;
    background-color: #0088ff;
    color: #ffffff;
    border-radius: 4px;
}
.status-unpaid {
    padding: 5px 8px;
    background-color: #ffae00;
    color: #ffffff;
    border-radius: 4px;
}
.status-paid {
    padding: 5px 8px;
    background-color: #1cb81c;
    color: #ffffff;
    border-radius: 4px;
}
.status-terminated {
    padding: 5px 8px;
    background-color: #ff1135;
    color: #ffffff;
    border-radius: 4px;
}
.status-cancelled {
    padding: 5px 8px;
    background-color: #ffae00;
    color: #ffffff;
    border-radius: 4px;
}
.status-refunded {
    padding: 5px 8px;
    background-color: #ff1135;
    color: #ffffff;
    border-radius: 4px;
}
.status-closed {
    padding: 5px 8px;
    background-color: #ff1135;
    color: #ffffff;
    border-radius: 4px;
}
.status-open {
    padding: 5px 8px;
    background-color: #0088ff;
    color: #ffffff;
    border-radius: 4px;
}
.status-answered {
    padding: 5px 8px;
    background-color: #ffae00;
    color: #ffffff;
    border-radius: 4px;
}
.status-customer-reply {
    padding: 5px 8px;
    background-color: #5646e2;
    color: #ffffff;
    border-radius: 4px;
}
.status-custom {
    padding: 5px 8px;
    background-color: #687fab;
    color: #ffffff !important;
    border-radius: 4px;
}
.alert-msg {
    display: inline-block;
    margin: 0 !important;
}
.department-box {
    width: 100%;
    height: auto;
    text-align: center;
    border: 1px solid rgba(224, 236, 250, 0.9);
    padding: 30px;
    border-radius: 4px;
    display: block;
    margin: 10px 0px;
}
.department-box:hover {
    border: 1px solid rgba(179, 211, 248, 0.959);
}
.department-icon {
    margin: 15px auto;
    width: 60px;
    height: 60px;
}
.department-icon i {
    font-size: 30px;
    margin: 2px;
}
.md-header {
    border: 1px solid #dfe7f3;
    border-bottom: none;
    background-color: #ffffff;
    padding: 5px 5px;
}
.md-editor>.form-control {
    border-radius: 0px !important;
}
.md-header>.btn-group {
    margin: 5px;
}
.md-header>.btn-group>.hidden {
    display: none;
}
.md-controls {
    display: none;
}
.md-fullscreen-controls {
    display: none;
}
.md-footer {
    border: 1px solid #f0f0f0;
    background-color: #f0f0f0;
    padding: 5px 10px;
}
.ticket-attachments-message {
    margin-left: 5px;
    margin-top: 5px;
}
.file-btn {
    height: 40px;
}
.search-area {
    width: 90%;
    margin: 0 auto;
}
.search-title {
    text-align: center;
    margin: 40px;
    font-weight: 600;
}
.search-smalltitle {
    text-align: center;
    margin: -20px auto 30px;
    max-width: 700px;
}
.search-input {
    max-width: 500px;
    margin: 0 auto;
}
.article-title {
    display: block;
}
.btn-print {
    float: right;
}
.btn-print i {
    font-size: 20px;
}
.kb-article-title {
    border-bottom: 1px solid rgba(224, 236, 250, 0.9);
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.kb-article-content {
    display: block;
    margin: 10px 0px;
}
.kb-article-details {
    margin: 10px 0px;
    -webkit-padding-start: 0px;
}
.kb-article-details li {
    list-style: none;
}
.kb-rate-article {
    margin: 20px 0;
    padding: 10px 15px;
    background-color: #eff7ff;
    font-size: 15px;
    font-weight: 200;
    color: #4d7cab;
    border-radius: 4px;
}
.announcement-single {
    border-bottom: 1px solid rgba(224, 236, 250, 0.9);
    padding-bottom: 25px;
    margin-bottom: 15px;
}
.announcement-single > a{
    font-size: 25px;
    font-weight: 500;
}
.announcement-single .title {
    overflow: hidden;
    text-overflow: ellipsis;
}
.readmore {
    display: block;
    margin: 10px 0px;
}
.intl-tel-input {
    display: block !important;
}
.carousel-inner>.item {
    display: none;
}
.carousel-inner > .active {
    display: block;
}
.ticket-header {
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.ticket-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 500px;
    padding-bottom: 5px;
}
.ticket-num {
    font-size: 15px;
    display: inline-block;
}
.chat-card {
    height: auto;
    border: solid 1px #e6edf3;
    border-radius: 4px;
    margin: 0 auto 20px;
    display: table;
    padding: 10px 5px;
    width: 100%;
}
.chat-my .user {
    text-align: right;
}
.chat-my {
    width: 100%;
    font-size: .8125rem;
    display: flex;
    border-bottom: 1px solid rgba(224, 236, 250, 0.9);
}
.chat-my:last-child{
    border-bottom: none;
    margin-top: 10px;
}
.chat-avatar {
    display: inline-block;
    width: 70px;
    margin: 20px 10px 20px 20px;
}
.chat-avatar img {
    margin-left: 18px;
}
.chat-time {
    color: rgb(24, 114, 231);
}
.staff-name {
    font-size: 15px;
    margin: 5px 0px;
    text-align: center;
}
.staff-type {
    padding: 5px 8px;
    background-color: #ff0000;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
}
.client-type {
    background-color: #0088ff;
}
.chat-content {
    flex-grow: 1;
    padding: 8px 15px;
    margin:10px;
    clear: both;
    background: #ffffff;
    border-radius: 10px;
    min-height: 70px;
    max-width: 938px;
}
.attachments {
    border-top: 1px solid rgba(224, 236, 250, 0.9);
    margin-top: 5px;
    padding-top: 5px;
}
.attachments ul li {
    list-style: none;
    margin: 3px 0px;
}
.profile-card .nav-item {
    margin: 7px 20px !important;
}
.collapse in {
    display: block;
}
.alert-info h2 {
    color: #ffffff;
}
.address-oneline {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.header-wrapper .header-bottom .main-menu ul.nav.metismenu>li:first-child a {
    padding-left : 8px;
}
.aff-card {
    box-shadow: none;
    border: 1px solid rgba(224, 236, 250, 0.9);
}
.aff-link-area {
   width: 70%; 
   display: inline-block;
}
.aff-icon {
    color: #ffffff;
}
.aff-btn {
    color: #ffffff !important;
}
#fileUploadsContainer input {
    margin: 5px 0px;
}
#continue .text-center a {
    color: #ffffff;
}
#continue .text-center a i {
    color: #ffffff;
}
.product-icon {
    padding: 5px;
}
.fa-stack {
    margin: 10px 0px;
}
.product-status {
    padding: 3px 12px;
    color: #ffffff;
    margin: 0px auto;
    width: 100px;
    border-radius: 4px;
    text-align: center;
}
.product-status-active {
    background: #1cb81c;
}
.product-status-completed {
    background: #1cb81c;
}
.product-status-pending {
    background: #ffae00;
}
.product-status-suspended {
    background: #ffae00;
}
.product-status-cancelled {
    background: #ff0000;
}
.product-status-terminated {
    background: #ff0000;
}
.product-status-fraud {
    background: #313438;
}
.brand {
    font-size: 30px;
}
#containerNewUserSignup .intl-tel-input.separate-dial-code .selected-flag {
    background-color: #f0f6ff;
}
.sub-heading {
    text-align: center;
    font-size: 12px;
    margin: 10px 0px;
}
.field-help-text {
    font-size: 12px;
}
#stateselect {
    display: none;
}
.product-details-tab-container {
    border-bottom: 1px solid rgba(224, 236, 250, 0.9);
    padding-bottom: 10px;
}
.product-details h4 {
    font-weight: 600 !important;
}
.nav-tabs .active a {
    border-bottom: solid 1px #353a40 !important;
}
.locations_list {
    list-style: none !important;
    text-align: center !important;
    margin: 10px 0px !important;
}
.locations_list li {
    padding-right: 10px !important;
    display: inline !important;
}
.locations-title {
    text-align: center;
}
.footer__list {
    list-style: none;
}
#footer p a:hover{
    color: #0088ff;
}
#footer h3 {
    font-weight: 500;
    padding-bottom: 20px !important;
}
.option:active, option:checked {
    color: #313438 !important;
}
#notifications {
    display: flex;
    flex-direction: column;
}
#notifications .none {
    margin: 50px auto;
}
.product-details{
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(210, 221, 234, 0.3);
    margin-bottom: 10px;
}
.product-details .product-name {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    padding-right: 10px;
}
.product-stat {
    display: inline-block;
    padding: 4.5px;
}
.product-btngroup {
    float: right;
}
.product-btns {
    display: inline-flex;
}
.product-btns div a {
    color: #ffffff !important;
}
.product-btn {
    margin: 0px 3px;
}
.sign-in-form {
    margin-bottom: 0px !important;
}
.providerPreLinking {
    text-align: center;
}
.logo-img {
    margin: 12px 0px;
    width: 200px;
}
.head-img {
    width: 100px;
    height: auto;
}
.mg-wrapper modal {
    display: block;
}
.article-items {
    text-align: right;
}
.error-container {
    text-align: center;
}
.error-title {
    font-size: 35px;
    margin-bottom: 20px;
}
.buttons a:link.btn {
    color: #ffffff !important;
}
.btn-social {
    background-color: #399AF2;
    border: 1px solid #399AF2;
    color: rgba(255,255,255,.85);
    margin: 10px 0px;
}
.btn-google {
    background-color: #ff5c75;
    border: 1px solid #ff5c75;
    color: rgba(255,255,255,.85);
}
.btn-primary i, a.btn-primary i, a:visited.btn-primary a:link.btn-primary i,
.btn-secondary i, a.btn-secondary i, a:visited.btn-secondary a:link.btn-secondary i,
.btn-accent i, a.btn-accent i, a:visited.btn-accent a:link.btn-accent i,
.btn-success i, a.btn-success i, a:visited.btn-success a:link.btn-success i,
.btn-info i, a.btn-info i, a:visited.btn-info a:link.btn-info i,
.btn-warning i, a.btn-warning i, a:visited.btn-warning a:link.btn-warning i,
.btn-danger i, a.btn-danger i, a:visited.btn-danger a:link.btn-danger i {
    color: #ffffff;
}
.btn-primary.btn-outline i, a.btn-primary.btn-outline i, a:visited.btn-primary a:link.btn-primary.btn-outline i {
    color: #399AF2 !important;
}
.btn-secondary.btn-outline i, a:link.btn-secondary.btn-outline i {
    color: #788db4 !important;
}
.btn-accent.btn-outline i, a.btn-accent.btn-outline i, a:link.btn-accent.btn-outline i, a:visited.btn-accent.btn-outline i {
    color: rgb(246, 74, 145) !important;
}
.btn-success.btn-outline i, a:link.btn-success.btn-outline i {
    color: #2fbfa0 !important;
}
.btn-info.btn-outline i, a:link.btn-info.btn-outline i {
    color: #399AF2 !important;
}
.btn-warning.btn-outline i, a:link.btn-warning.btn-outline i {
    color: #FFCE67 !important;
}
.btn-danger.btn-outline i, a:link.btn-danger.btn-outline i {
    color: #ff5c75 !important;
}
.btn.btn-outline:hover i {
    color: #ffffff !important;
}
.masspay-titlebg {
    background-color: #f0f6ff;
}
.mgcenter {
    margin: 10px auto;
}
.btn-social i {
    color: #ffffff;
}
.footer-logo {
    max-width: 200px;
}
#order-boxes {
    margin: 10px auto;
    max-width: 1140px;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 10px;
}
#order-boxes .header-lined h1 {
    text-align: center;
    color: #7f8fa4;
    font-weight: 600;
    margin: 10px 0px;
}
#order-boxes p {
    max-width: 700px;
    margin: 15px auto 20px;
}
.btn-default {
    background-color: #f0f6ff;
    border: solid 1px #f0f6ff;
    color: #399AF2;
}
a.btn-default {
    color: #399AF2;
}
.btn-default:hover{
    box-shadow: 0 5px 10px rgba(240, 246, 255, 0.337) !important;
    background-color: #e9f2ff;
    border: solid 1px #e9f2ff;
}
#resourceusage .col-md-12 {
    display: flex;
}
.pull-md-right {
    float: right;
}
.pull-md-left {
    float: left;
}
.panel-actions {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(210, 221, 234, 0.3);
    padding-bottom: 10px;
}
.panel-title {
    color: #7f8fa4;
    font-weight: 600;
    font-size: 15px;
}
.ticket-number {
    font-weight: 600;
}
#inputAttachments {
    height: 40px !important;
}
.panel-actions .list-group-item.active {
    background-color: #399AF2;
    border: 1px solid #399AF2;
}
.modal .modal-header{
    display: block;
}
.modal .modal-header button {
    float: right;
}
.modal .modal-header .modal-title {
    float: left;
}
.suspend-area {
    display: flex;
    justify-content: center;
    padding: 15px;
    align-items: center;
}
.suspend-area span {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    padding-right: 10px;
}
/*暂时附加CSS*/
#mg-wrapper .form-horizontal .row, #mg-wrapper .form-horizontal .form-group {
    display: flex;
}
#mg-wrapper .form-horizontal .row, #mg-wrapper .form-horizontal .form-group label {
    margin-top: 0px !important;
}
#mg-wrapper .modal .modal-header button {
    float: right;
}
#mg-wrapper .modal .modal-header .modal-title {
    float: left;
}
#ssh-tab.nav-tabs li {
    margin-right: 10px;
    padding-bottom: 5px;
}
#ssh-tab.nav-tabs li.active {
    margin-right: 10px;
    padding-bottom: 5px;
}
#ssh-tab.nav-tabs .active a {
    padding: 5px;
}
/*暂时附加CSS*/
.fa-reply:before {
    content: "\f3e5" !important;
}
@media (max-width:767px) {
    .top-nav {
        display: none;
    }
    .mobile-menu {
        display: inline-block;
    }
    .dataTables_filter {
        display: none;
    }
    .chat-content {
        max-width: 170px;
    }
    .right-line {
        border-right: none;
    }
    .footer__list {
        display: inline-block;
    }
    .product-btns div a {
        margin: 5px;
    }
    .header-wrapper .header-bottom .main-menu ul.nav.metismenu>li>ul li a {
        color: #ffffff !important;
    }
}
@media (max-width:768px) {
    body .header-wrapper .header-bottom .main-menu ul.nav.metismenu li ul li a:hover, body .header-wrapper .header-bottom .main-menu ul.nav.metismenu>li a:hover {
        color: #ffffff !important;
    }
}
@media (max-width: 992px) {
    .header-wrapper {
        position: unset;
        /* margin-bottom: 84px; */
    }
    .mobile-side {
        display: block;
    }
    .child ul {
        display: block !important;
    }
    .header-wrapper .header-bottom .main-menu .nav.metismenu li ul li a {
        color: #ffffff !important;
    }
    .sideber-logo {
        display: block;
    }
}