:root{
    --bs-body-color:#48484d;
}


body {
    color: var(--bs-body-color);
    font-size: 0.875rem; font-weight: 600; padding-left:240px;background: #f6f7f9; font-family: 'Mulish', sans-serif;}
body.sidebar-min{padding-left:70px;}
.tooltip{font-family: 'Mulish', sans-serif;}
.doc-body{padding:0 !important;}
a{color: #333; text-decoration: none}
a:hover{color: #056ab9}
a.active{color: #0e6eb9}
.nav-header{
    background-color:#343a40; padding:0 1rem;font-size: 1rem;
    /*background-image: linear-gradient(to bottom,#fff,#f3f3f3); */
    /*border-bottom: 1px solid #ddd*/
}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,0.85); border-right: 1px solid rgba(0,0,0,0.75); transition: all 0.5s;}
.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{border-right: none}
.navbar-expand-lg .navbar-nav .nav-link{padding:0.75rem}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color:rgba(255,255,255,1); background-color: rgba(22,24,26,0.9)}
.logo{display: inline-block; width: 32px; height: 32px; background: url(../images/logo.png?v=5.11.0) no-repeat left center}


/*nav css*/
.wrapper-content{padding:1rem; margin:1rem; border-radius: .2rem}
.navbar-brand{width: 190px; margin-right: 0; padding-top:0.5rem;padding-bottom: 0.5rem;}
.navbar-brand span{vertical-align: middle}
.navbar-brand span:last-child{display: none}
.change-language .dropdown-item{font-size: 0.9rem; padding: .2rem 1rem}
.nav-item>.show{animation-name: fadeInUp;animation-duration:0.4s;animation-fill-mode:both; }
.nav-item .dropdown-menu{border-radius: 0 0 0.25rem 0.25rem; margin: 0 }
.change-partner{font-size: 1.05rem; cursor: pointer}
.change-partner.nav-link{border-right: 1px solid rgba(0,0,0,0.75) !important;border-left: 1px solid rgba(0,0,0,0.75); padding: 0.7rem 1.5rem !important;}
.change-partner +.dropdown-menu{min-width: 8.55rem}
.change-partner +.dropdown-menu .dropdown-item{padding-left:1rem; padding-right:0.5rem}
.s-search-wrap{position: relative}
.s-search-wrap i{position: absolute; top: 10px; right: 15px; cursor: pointer}
.s-search-wrap i.fa-search::before{
    -webkit-mask-image:url("../images/search.svg");
    mask-image:url("../images/search.svg");
    background-color:#888;
    /*background-image: ;*/
    display:inline-block;
    width: 18px; height: 18px;
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
    content:'';
}
.s-search-wrap input{padding-right: 48px;}
.s-search-wrap input:focus + i.fa-search::before { background-color: #5e7ce0;}

.dataTables_wrapper{border:1px solid rgba(52,58,64,0.15);}
.dataTables_wrapper>div:first-child{background-color:rgba(52,58,64,0.1); color: #333; padding-top:.4rem;}
.dataTables_wrapper .form-control{ color: #333}
.table .btn-sm{line-height: 1.2}
.table th, .table td{padding:0.35rem}
.table td{font-weight: 400}
.table th{color: #595d63;padding:0.45rem 0.35rem}
.table th:hover{color: #333;padding:0.45rem 0.35rem}
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after{bottom:0.5rem}
.table-bordered thead th, .table thead th{border-width: 1px; font-weight: 600}
.table .no-top-border th{border-top: none}
.table-customer .table th:first-child, .table-customer .table td:first-child{padding-left: 1.5rem}
.table td a{text-decoration: underline}
.more-solutions{min-width: 50rem; padding:0rem; font-size: 0.875rem;animation-name: fadeIn;animation-duration:0.4s;animation-fill-mode:both; box-shadow: 5px 5px 10px 10px rgba(100,100,100,0.1) }
.more-solutions table{margin: 0}
.more-solutions>div:first-child,.more-solutions-list>a{padding:0.5rem}
.more-solutions>div:first-child{font-weight: 600; color: #555}
.more-solutions>div{border-bottom: 1px solid #eaeefb}
.more-solutions>div:last-child{border:none}
.more-solutions-list>a{color:#666;transition: all 0.4s;}
.more-solutions-list:nth-child(2n){background-color: #f9faff;}
.more-solutions-list>a:hover{color:#5e7ce0; text-decoration: none; background-color: #fff; box-shadow: 1px 1px 3px rgba(30,30,30,0.015)}
.more-solutions-list>a:hover span:first-child{text-decoration: underline;}
.more-solutions-wrap{max-height:480px; overflow-y: auto}


.nav-pills-custom{position: relative; z-index: 9}
.nav-pills-custom .nav-link.active, .nav-pills-custom .show > .nav-link{background-color:#5e7ce0;}
.nav-pills-custom .nav-link{border:1px solid #5e7ce0; margin-right: 0.75rem; font-size: 1rem; padding:0.375rem 0.75rem}
.align-middle-table td{vertical-align: middle !important;}
.custom-gutters .col-auto,.custom-gutters [class^="col-"]{padding-right: 0;}
.custom-gutters .col-auto:last-child{padding-right: 15px;}
.item-name{width: 25%; }
.custom-tab-position{position:relative}
.custom-option{position: absolute;top:-3.5rem; right: -15px;}
.nav-pills-sm .nav-link{padding: 0.30rem 0.75rem}
.nav-pills-danger .nav-link.active, .nav-pills-danger .show > .nav-link{background-color:#5e7ce0;}
.nav-pills-danger .nav-link{color:#666;}
.form-inline .custom-select{width: auto}
/*.modal-footer.text-center{justify-content:center}*/
.modal-xlg{max-width: 95%;}
.modal-m-lg{max-width: 1200px;}
.contact-info{display: flex}
.contact-info h2{font-size: 1.6rem}
.profile-image{margin-right: 1.5rem; width: 5rem; height: 5rem; background-color:#f3f3f3; border-radius: 50%; color: #aaa;text-align: center;}
/*.profile-image i{vertical-align: middle}*/
.company-profile>.form-group{border-bottom: 1px solid #eee; margin-bottom: 0.5rem}
.company-profile label{text-align: right}
.reseller-name{display: inline-block; width: 50px;}
.attachment{width: 150px; overflow: hidden}
.attachment span{display: none}
.attachment:hover span{display: inline; cursor: pointer}
.modal-header .close{outline: none; background: none; border: none; font-size: 1.5rem}


/*for pagination */
.pagination{margin: 0;}
.page-item.active .page-link{background-color: #dc3545; border-color: #dc3545}
.page-item.active .page-link:hover{color:#fff;opacity: 0.95}
.page-item.active .page-link.prev, .page-item.active .page-link.next{background-color: #ffff; border-color: #ddd; cursor: not-allowed;appearance: none; color: #aaa;}
.page-link{color: #555; cursor: pointer}
.page-link:hover{color: #dc2639}
.page-link:focus {box-shadow: 0 0 0 0.2rem rgba(220, 55,70, 0.25);}
.custom-dropdown-menu{height:65vh;width: 600px;}
.select-menu,.select-menu ul{list-style: none; padding:0;margin: 0;}
.select-menu ul{padding-left:1rem}
.select-menu a{color: #555; padding:0.35rem 1rem; display: block;}
.select-menu a:hover{background:#f8f8f8; text-decoration: none; color: #c82333}
.select-menu li:hover>ul{display: block;background-color:#f9f9f9}
.customer-list{position: absolute; width: 400px; left: 0;background: #343a40;list-style: none; display: none;
    padding:0 5px 10px 10px; border-radius: 0 0 4px 4px;color: #fff;border-top:1px solid rgba(0,0,0,0.75);}
.ip-input{text-align: center; width: 22% !important;}

.key-info{ width:auto;  padding:0.35rem 0.75rem;overflow: hidden; position: absolute;top:0px; left:60px;
    display: inline-block; white-space: normal;  vertical-align: middle; display: none; background: #fff; border:1px solid #eee;box-shadow: 2px 2px 3px rgba(0,0,0,0.15)}
.showText:hover .key-info{display: block}
/*.key-id{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden}*/
.w-10{width: 10% !important;}
.w-15{width: 15% !important;}
.w-20{width: 20% !important;}
.w-30{width: 30% !important;}
.w-35{width: 35% !important;}
.w-38{width: 38% !important;}
.w-45 {width: 45% !important; }
.w-85{width: 85% !important;}
.w-95{width: 95% !important;}
.w-200{width: 200px !important;}
.w-250{width: 266px !important;}
.w-400{width: 430px !important;}
.w-440{width: 500px !important;}
.tooltip-inner{max-width: 360px; text-align: left; }
.drop-bg{background-color: rgba(0,0,0,0.5); position: fixed; left:0;right:0;top:0;bottom:0; z-index: 9}
.drop-bg-1051{background-color: rgba(0,0,0,0.5); position: fixed; left:0;right:0;top:0;bottom:0; z-index: 1056}
#updateTokenModal{z-index: 1057}
/*.upgrade{position: relative}*/
.upgrade .alert{position: absolute; width: 60%; left:20%; top:20%; z-index: 10}
.f-600{font-weight: 600}

/*for checkbox  and radio*/

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background:#6c757d}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(108, 117, 125, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(108, 117, 125, 0.5);
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}
.custom-control-input:active ~ .custom-control-label::before {
    color: #fff; background-color:  rgba(108, 117, 125, 0.5);
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before{background:#6c757d}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(108, 117, 125, 0.5);
}
.custom-radio .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(108, 117, 125, 0.5);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}

/*for search*/
.search-box{padding: 8px 15px 9px 15px; overflow: hidden;  margin-left: -10px;  margin-right: -5px; background-color: rgba(0,0,0,0.5); position: relative}
.search-box i{position: absolute; right: 25px; top:19px; color: #999; font-size: 0.875rem}
.search-box .clear-search{right: 50px;top: 18px;}
.search-box .form-control{border-color: #888;color: #eee; background-color: transparent}
.search-num{font-style: italic;color: rgba(255,255,255,0.8)}
.search-num>span{color:#f00}


#chooseCountry_chosen{width: 100% !important;display: block !important;}

.breadcrumb{padding: .4rem 1rem; background-color: rgba(255,255,255,0.5); border-radius: 0;border-bottom: 1px solid #e9e9e9}
.line-gray-10{background-color: #f3f3f4; height: 10px;}
.divider{height: 0; border-top: 1px solid #e9ecef;margin-top: .5rem;margin-bottom: .5rem; overflow: hidden}
.bg-gray{background-color: #f6f7f9 !important;}
.bg-white{background-color: #fff}
.badge{line-height: 1.2}

.has-error{color:red}
.word-line{white-space: pre-line;}
.word-break{word-break: break-all; word-wrap: normal; word-wrap: break-word;  white-space: normal}
#infraProviderId_search_chosen{width: 180px !important;}
.forget-password{margin: 0px auto;
    /*background: #fff; box-shadow: 0 4px 10px rgba(150, 150, 150, 0.1);*/
    /*border: 1px solid rgba(50, 50, 50, 0.1); border-radius: .35rem */
}
/*.forget-password .alert{margin-top:0.5rem}*/
.forget-password .well{padding:1rem; background: #f3f3f3; border-radius: 0.5rem; border:1px solid #e0e0e0}
.buttons-group .dropdown-item.active, .buttons-group .dropdown-item:active { background-color: #f7f9ff;color: #5e7ce0}
.navbar-static-side,.page-wrapper{transition: all 0.4s;}

.announcement-info{overflow:hidden;max-height:66px;word-break:break-word;white-space:pre-line;}
.cursor{cursor: pointer}
.no-data{font-size: 1rem; margin-top: -1rem; padding: 0.5rem;background:#f2f2f2;text-align: center}

.change-partner.dropdown-toggle::after{margin-left:0.5rem}
.no-style{background: none !important; border: none; border-radius: 0; padding: 0; resize: none}

.copyright-text{padding:0.3rem; background:#f1f1f2; color: #888}
/*.copyright-text::after{content: ' © 2020 Conversant Solutions Pte Ltd. All rights reserved.'}*/
/*.normal-footer .copyright{position: static; left: auto;right: auto;bottom: auto}*/




/*for dashboard*/
.s-card{padding:1rem 1.5rem; border:1px solid #ebebeb; border-radius: 0.25rem; overflow: hidden}
.s-card h4{font-size: 1rem; font-weight: 600;color: #4c504c;}
.s-card .h1{display: inline-block; font-size: 1.5rem; font-weight: 600;color: #333;}
.s-card .sa-card-title h4{font-size: 1rem; margin-bottom: 0.5rem}
.s-card-title h4{margin: 0}
.s-card-more{float: right}
.s-card-body{padding:1rem; height: 310px; background: #fff}
.s-announcement {padding: 0; margin: 0}
.s-announcement > li{padding-bottom:0.5rem}
.s-announcement > li a{max-width:100%;
    white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; display: inline-block;
}
.s-card .text-muted{ position: relative }
.s-card i.fa-info{ position: absolute;
    right: -3px;}
.s-card i.fa-info::before{
    -webkit-mask-image:url("../images/exclamation-circle.svg");
    mask-image:url("../images/exclamation-circle.svg");
    background-color:#999;
    /*background-image: ;*/
    display: inline-block; width: 16px; height: 16px;
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
    content:'';
}


.s-announcement > li > div{ color: #888}
.s-example{background: url("../images/dashboard1.jpg") no-repeat; background-size: 100% 220px;
    height: 220px; width: 100%}
.text-time{color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #5e7ce0;
    outline: 0;
    box-shadow:none;
}
.note-item {margin-bottom: .65rem; -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    user-drag:none;
    -webkit-user-drag:none;
    -moz-user-drag:none;
}
.note-item a{
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    user-drag:none;
    -webkit-user-drag:none;
    -moz-user-drag:none;
    /*pointer-events: none;*/
}
.no-tips{
    color: rgb(240, 240, 240);
    text-align: center;
    padding-top: 80px;
    min-height: 260px;
}

/*.infra-modal .modal-dialog{max-width: 100%; margin:0 ;}
.infra-modal .modal-dialog-centered{margin-top:50px;align-items:normal;min-height: calc(100% - (50px)); }
.infra-modal .modal-content{border-radius: 0}*/


/*.view-infra .modal-dialog{max-width: 800px; margin:0 ;}*/
.view-infra .mb-3{margin-bottom:0 !important; border-bottom:1px solid #dedede}
.view-infra .form-control, .view-infra .el-input__inner{border:none; cursor: not-allowed;pointer-events:none;appearance:none; background: none !important; color: #333 !important; }
.el-input{font-size: 1rem}
.view-infra .el-input .el-input__icon{display: none !important;}
.form-control-not-events{cursor: not-allowed;pointer-events:none;appearance:none; opacity: 0.5}

.view-infra .row:last-child{padding-top: .35rem}
.view-infra #viewCustomer span{padding-left: 0.75rem }



/*for tab-nav*/

.tab-nav span{display: inline-block; border-top-left-radius: .25rem; border-top-right-radius:.25rem; border:1px solid transparent; padding:0.5rem .75rem; cursor: pointer;transition:all 0.5s;}
.tab-nav span:hover{background-color: #fff}
.vInfra.tab-nav span:first-child{border:1px solid #dee2e6 ; border-bottom-color: #fff; background-color: #fff}
.vInfraType.tab-nav span:nth-child(2){border:1px solid #dee2e6 ;  border-bottom-color: #fff; background-color: #fff}
.vInfraService.tab-nav span:last-child{border:1px solid #dee2e6 ; border-bottom-color: #fff; background-color: #fff}
.infraManage-table{position: relative;}
.infraManage-table .loading-container{position: fixed}


/*add2018-11-14*/
.cursor{cursor: pointer}
.sbox{margin-bottom: 1rem; clear: both}
.sbox-title{padding:1rem;background: #fff}
.sbox-content{padding: 1rem; background: #fff; position: relative}
.sbox{margin-bottom: 1rem; clear: both}
.sbox-title{padding:1rem;background: #fff}
.sbox-content{padding: 1rem; background: #fff}
.upgrade-content{cursor: pointer }
.announcement{position: relative; }
.announcement-list{ position: absolute; top:5px; left: 140px;}
.announcement-list .carousel-item>span{ margin-left:6px;}
.announcement-title>div{display: inline-block}
.announcement-item{display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 360px; vertical-align: top}
.announcement-list>a{display: block; padding: 0.5rem; border-bottom: 1px solid #eee; width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.info{position: absolute; top: 100px; color: #fff}
.-mt-1{margin-top:-1px ;}
.w-90px{width: 90px;}
.opacity-3{opacity: 0.2}
.no-dashboard{position: fixed; top:50px;bottom: 0;left: 0; right: 0; text-align: right}
.no-dashboard .alert-danger{  text-align: left}
.no-dashboard-tips{position: absolute; top: 15%;left: 20%; right: 20%; width: 50%; z-index: 9; box-shadow: 0 4px 10px rgba(0,0,0,0.1)}
.no-shadow{box-shadow: none}
.no-dashboard-bg{background:rgba(20,20,20,0.05);  left:-1rem;right:-1rem; top: -4px;bottom: 0; position: absolute; z-index: 8; display: none}
.alert-danger{background: #ffedef}
.no-dashboard-lg .no-dashboard-tips{left: 15%; right: 15%; width: 70%;}

/*浏览器滚动条美化，主要针对webkit浏览器，firefox目前不支持纯css改进*/
/*::-webkit-scrollbar { width: 6px; height:6px;}*/
/*::-webkit-scrollbar-track-piece{  background-color: #eee;  margin: 0px;}*/
/*::-webkit-scrollbar-thumb{ background: #aaa; min-height: 150px; min-width: 150px; border-radius: 0px; }*/
/*::-webkit-scrollbar-thumb:vertical:hover{background: #555555; }*/
/*::-webkit-scrollbar-thumb:horizontal:hover{background: #000; }*/
.table-scroll thead tr,.table-scroll tbody tr{display: table;width: 100%;table-layout: fixed;}
.table-scroll tbody {max-height: 500px;display: block; overflow-y: auto}
/*.table-scroll thead tr{  width: calc( 100% - 1em)}*/
.solution-package>.form-group{margin: 0;border-bottom: 1px solid #ddd; }
.solution-package>.form-group>label{  border-right: 1px solid #ddd;padding-top: 1rem;padding-bottom: 1rem;}
.solution-package>.form-group:last-child>label{border-bottom:none; border-right: 1px solid #ddd}
.solution-package>div{border-bottom: 1px solid #eee }
.solution-package>div:last-child{border-bottom: none; }
.page-select{height: calc(2.25rem + 0px);width:80px; float: left; padding-right: 1rem;padding-left:0.5rem}
.v-hidden{visibility: hidden;width: 430px;overflow: hidden; height: 34px;line-height: 34px;}
.overflow-text{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 400px;}
.sidebar-toggle-btn{display: none}
.nav-tree-item{position: relative}
.nav-left{display: inherit;}
.simple-pagination{float: left}
.description{ width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.privileged-sales{ display: inline-block; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.solution-package-list>div{border-bottom: 1px solid #eaeefb !important}
.solution-package-list>div:nth-child(2n+1){background-color: #f9faff; }


.autocomplete{position: relative}
.autocomplete-result-list{border: 1px solid #e9e9e9; max-height: 200px; overflow: auto; padding:0.2rem;display: none;position: absolute; width: 100%; z-index: 99; background: #fff;}
.autocomplete-result-list li{padding:0.3rem 0.5rem; cursor: pointer; list-style: none}
.autocomplete-result-list li:hover{background:#f3f3f3;}
a.btn-secondary{color: #fff !important;}
.is-danger{border-color:#f22435}
.help.is-danger{color:#f22435}
.region{display: none}
.disabled .form-control,.disabled .custom-checkbox {cursor: not-allowed;opacity: 0.8; pointer-events: none}
.disabled .add-technical-contact,.disabled .add-commercial-contact,.disabled .add-finance-contact{display: none}

.a-underline a{text-decoration: underline}


.partner-customer-list{list-style: none; position: absolute; width: 95%; padding:0rem; background: #fff; border: 1px solid #f3f3f3;}
.partner-customer-list li{padding:0.3rem 0.75rem; border-bottom: 1px solid #eee; cursor: pointer}
.product-name{ position: relative; display: inline-block; width: 120px}
.product-name .badge-flash{ position: absolute; right: -10px; top: -8px;font-size:70%;font-weight: 400;padding:0px 6px; border-radius: 3px;}

.custom-body-height{min-height: calc(100vh - 300px)}
.bg-primary{background-color:#0052ff !important}
.modal-a-lg{margin-right: auto; margin-left: auto; max-width: 900px; width: 900px;}.modal-a-lg{margin-right: auto; margin-left: auto; max-width: 900px; width: 900px;}

.datetimepicker{min-width: 20rem}
.datetimepicker table{width:100%}
.datetimepicker td, .datetimepicker th{line-height: 1; padding: .55rem; font-weight: normal; border-radius: 0 !important;}
.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active
{background-color: #5e7ce0 !important}
.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active
{background-color: #5e7ce0 !important; border-color:#5e7ce0 }
.bg-primary{background-color: #5e7ce0 !important;}
.Short button:first-child{color: #fff; background-color: #545b62; border-color: #4e555b;}
.GB button:last-child{color: #fff; background-color: #545b62; border-color: #4e555b;}

.table .fa{opacity: 0.5}
.table .active .fa{opacity: 1}

.table-nowrap thead th,.table-nowrap tbody td{white-space: nowrap}

.buttons-group .dropdown-item{color: #595d63; cursor: pointer}
.checkbox-list.disabled .custom-checkbox {cursor: not-allowed;opacity: 0.8; pointer-events: none}
.chosen-container-single{width: 100% !important;}

.announcement-body .tooltip-inner{white-space: pre-wrap}
.text-pre{white-space: pre-wrap}

.custom-switch {
    padding-left: 2.25rem;
}
.custom-control {
    position: relative;
    /*z-index: 1;*/
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: middle;
}
.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem;
}
.custom-control-input {
    position: absolute;
    left: 0;
    top: 4px;
    z-index: -1;
    width: 1rem;
    height: 1rem;
    opacity: 0;
}
.custom-control-label::before {
    position: absolute;
    top: .15rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd;
}
.custom-control-label::after {
    position: absolute;
    top: -0.2rem;
    left: -1.95rem;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    content: "";
    background: 50%/50% 50% no-repeat;
    background-color: rgba(0, 0, 0, 0);
}
.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #545b62;
    background-color: #545b62;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem);
}

.btn-default{background: #f5f5f5}

.chosen-search-input{border-color: #e0e0e0 !important}
.chosen-search-input:focus{border-color: #5e7ce0 !important; border-radius: 0.25rem}
.text-info{color:#5e7ce0 !important;}

/*.col-form-label,.custom-control-label{font-size: 1rem; }*/
/*.td-name{ background: #fff url(../images/line.svg) no-repeat 100% center;}
.td-position{position: relative; height: 40px;}
.package-name,.content-name{position: absolute;}
.package-name{right: 3px; top: 0px;}
.content-name{left: 3px; bottom: 0px;}
.table td, .table th{vertical-align: middle !important;}*/


/*#content_item_tb tr td:first-child{background: #f3f3f3; width: 20% }*/
/*#content_item_tb tr td:first-child:hover{background: #ececec; }*/
/*#package_tr td{background: #343a40; color: #fff; border-color: #2a2e33}*/
/*#package_tr th{background: #343a40; color: #fff; border-color: #2a2e33}*/


/*.badge-flash {
    background-color:#dc3545;
    text-align: center;
    animation:flash 800ms infinite;
    -webkit-animation:flash 800ms infinite;
}

@keyframes flash {
    from { background-color:#dc3545; }
    50%{background-color:#ffc107;;}
    to { background-color:#dc3545; }
}

@-webkit-keyframes flash {
    from { background-color:#dc3545; }
    50%{background-color:#ffc107;;}
    to { background-color:#dc3545; }
}*/


/*.services-list{margin: 0}*/
/*.services-list>div:nth-child(3n+1){background: #f2f3f3}*/
/*.services-list>div:nth-child(3n){background: #f2f3f3}*/

/*loading*/
.loading-container {
    display: table;
    /*width: calc(100% - 206px);*/
    width:100%;
    height: calc(100vh - 0px);
    background:#000;
    position: absolute;
    top:0;
    opacity: .3;
    z-index: 990;
    left:0;
}
.loader-1 {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    /*height: 200px;*/
    display: table-cell;
    vertical-align: middle;
    opacity: 0.4;
}
.loader-1 * {
    animation-play-state: paused;
}
.loader-1:hover {
    opacity: 1;
}
.loader-1:hover * {
    animation-play-state: running;
}

.loading-spokes {
    position: relative;
    margin: auto;
    height: 45px;
}
.loading-spokes .spoke-container {
    position: absolute;
    top: 100%;
    left: calc(50% - 10px*1.5);
    transform-origin: 50% -100%;
}
.loading-spokes .spoke-container .spoke {
    background: #fff;
    width: 10px;
    height: 20px;
    animation: spoke 1s infinite;
    animation-delay: inherit;
}
.loading-spokes .spoke-container:nth-of-type(0n+1) {
    transform: translateX(100%) rotate(-90deg);
    animation-delay: -0.875s;
}
.loading-spokes .spoke-container:nth-of-type(0n+2) {
    transform: translateX(100%) rotate(-45deg);
    animation-delay: -0.75s;
}
.loading-spokes .spoke-container:nth-of-type(0n+3) {
    transform: translateX(100%);
    animation-delay: -0.625s;
}
.loading-spokes .spoke-container:nth-of-type(0n+4) {
    transform: translateX(100%) rotate(45deg);
    animation-delay: -0.5s;
}
.loading-spokes .spoke-container:nth-of-type(0n+5) {
    transform: translateX(100%) rotate(90deg);
    animation-delay: -0.375s;
}
.loading-spokes .spoke-container:nth-of-type(0n+6) {
    transform: translateX(100%) rotate(135deg);
    animation-delay: -0.25s;
}
.loading-spokes .spoke-container:nth-of-type(0n+7) {
    transform: translateX(100%) rotate(180deg);
    animation-delay: -0.125s;
}
.loading-spokes .spoke-container:nth-of-type(0n+8) {
    transform: translateX(100%) rotate(225deg);
    animation-delay: 0s;
}
.btn-primary{background: #5e7ce0}
.btn-block{display: block; width: 100%}
.float-left{float: left}
.float-right{float: right}
input::placeholder,textarea::placeholder{color:#888 !important;}
@keyframes spoke {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}


.table-solution{max-height: 500px; overflow-y:auto; }


.modal-alert{max-width: 400px;}
.alert-box{position: relative}
.alert-box .close{position: absolute; z-index: 99; right: 0px; top: 0px; padding:0 0.75rem; font-size: 2rem; font-weight: 100; outline: none; background: none; border:none; color: #444}
.alert-text{line-height:1.6}
.modal-alert h5,.modal-alert h6{margin-bottom: 0px;}
.x-circle{
    -webkit-mask-image:url("../images/x-circle.svg");
    mask-image:url("../images/x-circle.svg");
    background-color: #f58a38;
    display: inline-block;
    width: 64px; height:64px;
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
}
.copy-token-icon{
    -webkit-mask-image:url("../images/journal-code.svg");
    mask-image:url("../images/journal-code.svg");
    background-color: #5e7ce0;
    display: inline-block;
    width: 64px; height:64px;
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
}
.envelope-paper{
    -webkit-mask-image:url("../images/envelope-paper.svg");
    mask-image:url("../images/envelope-paper.svg");
    background-color: #5e7ce0;
    display: inline-block;
    width: 64px; height:64px;
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
}
.exclamation-triangle{
    -webkit-mask-image:url("../images/exclamation-triangle.svg");
    mask-image:url("../images/exclamation-triangle.svg");
    background-color: #f58a38;
    display: inline-block;
    width: 64px; height:64px;
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
}
.toggle-bell{
    -webkit-mask-image:url("../images/bell.svg");
    mask-image:url("../images/bell.svg");
    background-color: #5e7ce0;
    display: inline-block;
    width: 64px; height:64px;
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
}

.eye-slash{
    -webkit-mask-image:url("../images/eye-slash.svg");
    mask-image:url("../images/eye-slash.svg");
    background-color: #666;
    display: inline-block;
    width: 18px; height:18px;
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
}
.eye-block{
    -webkit-mask-image:url("../images/eye.svg");
    mask-image:url("../images/eye.svg");
    background-color: #666;
    display: inline-block;
    width: 18px; height:18px;
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
}

.transfer{
    -webkit-mask-image:url("../images/arrow-left-right.svg");
    mask-image:url("../images/arrow-left-right.svg");
    background-color: #5e7ce0;
    display: inline-block;
    width: 64px; height:64px;
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
}

.dashboard-h i.fa-hdd::before{
    background-color:#5e7ce0;
    -webkit-mask-image:url("../images/hdd-rack.svg");
    mask-image:url("../images/hdd-rack.svg");
    width: 48px; height:48px;
    mask-size: 100%;mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    vertical-align: middle;
    content: '';
    display: inline-block;
}


.has-icon-right {position: relative}
.has-icon-right i{position: absolute; right: 10px; top: 10px}
.word-wrap{word-wrap: anywhere}
.modal-dialog-scrollable {
    max-height: calc(100% - 5rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 5rem);
    overflow: hidden;
}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.token-info{padding:.5rem 1rem; margin-top: .5rem; border:1px dashed #5e7ce0; border-radius: .35rem; word-break: break-all; background-color: #f2f3f4}

/*2023-3-21*/

.password-body{
    /*background: #f7f8fd url('../images/background.svg') no-repeat center bottom fixed;*/
    background-size: auto; background-size: cover;
    min-height: 100vh; display: flex; align-items: center;
}
.password-img {position: relative;}
.password-active-img {position: relative;}

.register-bg{background: url("../images/register6.png") no-repeat left bottom; background-size: 100%; width: 600px; height: 400px; left: 0; bottom: 0px}
.register-bg2{background: url("../images/register3.png") no-repeat left bottom; background-size: 88%; width: 660px; height: 460px; left: 0; bottom: 0px}
/*.password-body .form-group{margin-bottom: 0.75rem}*/
.password-body input{ filter: none !important;}

.password-body input:-webkit-autofill {
    color: #6c757d!important;
    box-shadow: 0 0 0 1000px #fff inset
}

.password-body input:autofill {
    color: #6c757d!important;
    -webkit-text-fill-color: #6c757d;
    box-shadow: 0 0 0 1000px #fff inset
}


.chosen-container-active .chosen-single{border-color: #5e7ce0}
.chosen-container-single .chosen-single, .chosen-container .chosen-drop,.chosen-container-active.chosen-with-drop .chosen-single{border-color:#e9e9e9 }


/*Version */
.table td, .table th{
    /*padding: .75rem;*/
    vertical-align: top;
    border-top: 1px solid #eaeefb;
}
.table thead th{ border-color:#eaeefb;border-left: none; border-right: none}
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f9faff;
    --bs-table-accent-bg:#f9faff
}
.table-striped > tbody > tr:nth-of-type(2n+1) > *{ --bs-table-accent-bg:#f9faff}
.table-striped > tbody > tr:hover > *{ --bs-table-accent-bg:#f7f9ff}
.table-hover tbody tr:hover {
    background-color:#f7f9ff
}
.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}
.btn-outline-secondary:hover {
    color: #5e7ce0;
    background-color: transparent;
    border-color: #5e7ce0;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color:#5e7ce0;
    background-color:transparent;
    border-color:#5e7ce0
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow:0 0 0 0 rgba(108,117,125,.5)
}
.dropdown-item:focus, .dropdown-item:hover{background-color: #f9faff; color: #5e7ce0}
.dropdown-menu{border-radius: .125rem; border-color: #eaeefb;}
.btn-group-sm > .btn, .btn-sm,.btn{border-radius: .125rem}

select.form-control{appearance: none; background-image: url("../images/chevron-down.svg"); background-position: right .5rem center;background-size: 16px 12px; background-repeat:no-repeat;padding-right: 1.6rem}
.form-control{border-radius: .125rem}

.text-1{color: #3754b5}
.text-2{color: #5e7ce0}
.text-3{color: #626762}
.text-blue{color: #0e6eb9}
.text-gray{color: #888}

.nav-tabs .nav-link.active {border-top-color: #5e7ce0;}
.has-badge{position: relative}
.has-badge b.badge-flash{display:inline-block; background-color:#f22435; margin-left:.75rem;  color: #fff; font-weight: normal; line-height: 1; font-size: 0.75rem; padding:0.2rem 0.35rem; border-radius: 0.15rem; }

/*add 2024-4-2*/
.modal-body .el-select{display: block}
.el-select-dropdown__item.selected{color: #3754b5}
.el-input__inner{border-color: #ced4da !important; color:var(--bs-body-color); border-radius: 0.1rem !important; height: 38px; line-height: 38px;}
.el-range-editor.is-active, .el-range-editor.is-active:hover, .el-select .el-input.is-focus .el-input__inner{border-color:#5e7ce0 !important; }


.add-partner-label,.add-customer-label{width: 160px}
.deleted-customer span:last-child{text-decoration: line-through; opacity: 0.75}

.view-partner {
     pointer-events: none;
     cursor: not-allowed;
     opacity: 0.8; /* 可选：使元素看起来不可点击 */
 }
.view-partner .custom-control-input:checked ~ .custom-control-label::before,.view-partner .custom-switch .custom-control-label::before {
    cursor: not-allowed;
    pointer-events: none;
}
.view-partner .custom-switch .custom-control-input:checked ~ .custom-control-label::after, .view-partner .custom-switch .custom-control-label::after{
    cursor: not-allowed;
    pointer-events: none;
}

/*.view-partner input, .view-partner button,.view-partner .el-select,  .view-partner select, .view-partner textarea ,.view-partner label.custom-control-label{*/
    /*pointer-events: none;*/
    /*cursor: not-allowed;*/
    /*opacity: 0.8; !* 可选：使元素看起来不可点击 *!*/
/*}*/

.package-box{padding:0.5rem 1rem; margin-bottom: 0.5rem; border: 1px solid #ededed; border-radius: 0.15rem; width: 120px; text-align: center; float: left; margin-right: 1rem; cursor: pointer}
.package-box.active{border-color:#5e7ce0; background: #5e7ce0; color:#fff }


/*bootstrap升级到V5.33后兼容样式*/
.custom-select {
    display:inline-block;
    width:100%;
    height:calc(2.25rem + 2px);
    padding:.375rem 1.75rem .375rem .75rem;
    line-height:1.5;
    color:#495057;
    vertical-align:middle;
    background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size:8px 10px;
    border:1px solid #ced4da;
    border-radius:.25rem;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.custom-select:focus {
    border-color:#80bdff;
    outline:0;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)
}
.custom-select:focus::-ms-value {
    color:#495057;
    background-color:#fff
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height:auto;
    padding-right:.75rem;
    background-image:none
}
.custom-select:disabled {
    color:#6c757d;
    background-color:#e9ecef
}
.custom-select::-ms-expand {
    opacity:0
}
.form-group{margin-bottom: 1rem}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
.custom-radio .custom-control-label::before {
    border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    background-position: 8px 7.5px;
}
.nav a{color: #333}
.main-body{overflow: hidden}
.text-right{text-align: right}
.text-left{text-align: left}
#txtAccount:read-only{
    background-color: #e9ecef;
}





@media (max-width:1270px){
    .w-30{width: 20% !important;}
    .description{width: 180px !important;}
    .privileged-sales{max-width: 140px;}
}
@media (max-width:1600px){
    .privileged-sales{ max-width: 200px;}
}

@media (max-width:750px) {
 body{padding-left:50px}
.navbar-static-side{width: 50px; }
.metismenu>li>a>span{opacity: 0; display: none;}
.customer-list{z-index: 9999; padding:0; width: 100%;}
    .nav-header{padding:0}
    .navbar-dark .navbar-nav .nav-link{border:none !important; }
    .change-partner.nav-link{padding:0.5rem 0.75rem !important;background:rgba(0,0,0,0.5)}
    .page-wrapper,.search-box{margin: 0px;}
    .navbar-toggler{margin-right: 0.75rem}
    .navbar-brand{margin-left: 0.75rem}
    .search-input{position: relative; width: 95%}
    .search-input i.clear-search, .search-input i{top: 10px; right: 10px}
    .search-input i.clear-search{right:35px;}

    .no-dashboard-tips{width: 100%; left: 0; right: 0}

    .main_right{margin-left: 3rem}
    .sidebar-nav .metismenu>li>ul{display:block;position: absolute;background:#343a40; width: 200px;top: 0; left: 50px; opacity: 0; transition:all 0.5s; height: auto !important;}
    .sidebar-nav .metismenu>li .collapse.in{  opacity: 1}
    /*.sidebar-nav .metismenu>li:hover .collapse{display: block;overflow: hidden}*/
    /*.sidebar-nav .metismenu .collapse{position: absolute;background:#343a40; width: 200px;top: 0; left: 50px}*/
    .metismenu .has-arrow::after{display: none}
    .sidebar-nav .metismenu ul a{display: none}
    .sidebar-nav .metismenu>li .collapse.in a{display: block; text-align: left}
    .metismenu > li > a{text-align: center}
    .sidebar-minify-btn{display: none}
    .sidebar-toggle-btn{display: block; background-color: #dc3545;color: #fff; text-align: center; position: absolute; bottom: 2rem; width: 50px;padding: 0.5rem 0.7rem; }
    .hide-menu.navbar-static-side{width: 0px;}
    .hide-menu .metismenu{width: 0px;overflow: hidden}
    .ztree li a{margin-left:0.1rem;}
    .ztree li span.button.switch{position: relative; width: 30px; height: 30px;}
    /*.ztree li span.button.switch::after{position: absolute; border-bottom: 1px dotted #fff; width: 10px;right:-12px; bottom:9px; content: ""}*/
    #solutionTemplate_chosen{width: 220px !important;}
    .chosen-select-no-single{width: 100% !important;}
    #serviceMenu .dropdown-item{width: 90%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
    .change-partner +.dropdown-menu{max-width: 5rem}
    #product_list_div{position: absolute}
    .modal-dialog{margin-top:3rem;}
    .modal-xlg{margin-right: auto; margin-left: auto; max-width: 98%; width: 98%;}

    .audit-detail{height: 24px; overflow: hidden}
    .pagination-sm .page-link{padding: .2rem .35rem}
    .card-list>div:last-child{padding-right: 0}
}
@media (max-width:768px) {
    .navbar-nav{width: 100%}
    /*.navbar-dark .navbar-nav .nav-link{border:none !important;}*/
}