/* DNSHE legacy and page-specific residual styles. Large feature sections were split into base/auth/dashboard/domain/billing/support/affiliate CSS modules. */
body{background-color:#eff3f6;font-family:'Roboto',"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:#777;font-size:16px}
button,input,select,textarea{font-family:'Roboto',"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#31373d}
a,.btn-link{color:#3598db}
.nav-pills > li > a{border-radius:0}
.btn:focus{outline-width:0!important}
.padding_lr30{padding:0 30px}
#wrapper{padding-left:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#wrapper.toggled{padding-left:250px;overflow:hidden}
#sidebar-wrapper{z-index:1;position:absolute;left:250px;width:0;height:100%;margin-left:-250px;overflow-y:auto;background:#151f3a;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;padding-top:70px}
#wrapper.toggled #sidebar-wrapper{width:250px}
#page-content-wrapper{position:absolute;padding:15px;width:100%;overflow:hidden}
.xyz{min-width:360px}
#wrapper.toggled #page-content-wrapper{position:relative;margin-right:0}
.fixed-brand{width:auto}
.sidebar-nav{position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none;margin-top:2px}
.sidebar-nav li{text-indent:15px;line-height:40px}
.sidebar-nav li a{display:block;text-decoration:none;color:#95a7b7}
.sidebar-nav li a:hover{text-decoration:none;color:#fff;background:rgba(255,255,255,0.2);border-left:red 2px solid}
.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}
.sidebar-nav > .sidebar-brand{height:65px;font-size:18px;line-height:60px}
.sidebar-nav > .sidebar-brand a{color:#999}
.sidebar-nav > .sidebar-brand a:hover{color:#fff;background:none}
.no-margin{margin:0}
.navbar-default{background-color:#fff;border:none;height:70px;width:100%;float:left;box-shadow:1px 1px 1px rgba(0,0,0,.1);border-radius:0;position:relative;z-index:2}
.navbar-default .navbar-header{background:#3598db}
.navbar-default .logo{display:block;font-size:24px;line-height:70px;text-transform:uppercase;color:#fff;padding:0 20px;cursor:pointer;font-weight:700;text-decoration:none}
.navbar-default .logo:hover{text-decoration:none}
.header_content_right{float:left;width:calc(100% - 250px);padding:0 0 0 30px}
.header_content_right .navbar-toggle{margin:0;border:none;padding:27px 0 28px;background-color:transparent}
.header_content_right .navbar-toggle:hover,.header_content_right .navbar-toggle:focus{background-color:transparent}
.navbar-toggle .icon-bar{width:20px;height:3px;background-color:#8e929d;border-radius:0}
.navbar-toggle .icon-bar+.icon-bar{margin-top:3px}
.header_content_right .top-nav{margin:0}
.header_content_right .top-nav.pull-left{margin-left:30px}
.header_content_right .top-nav #Secondary_Navbar-Account{margin-left:20px}
.header_content_right .top-nav #Secondary_Navbar-Account > a{background:#3598db;padding:0 30px 0 60px;line-height:70px;color:#fff;position:relative;font-size:14px;min-width:200px}
.header_content_right .top-nav #Secondary_Navbar-Account > a:before{content:"\f2bd";position:absolute;left:30px;top:0;height:20px;width:20px;font-family:'Font Awesome 5 Free';font-weight:900;font-size:20px}
.header_content_right .top-nav #Secondary_Navbar-Account .dropdown-menu{left:auto;right:0;border-radius:0 0 4px 4px;border:none;padding:20px 30px;min-width:200px;margin:0;box-shadow:1px 1px 1px rgba(0,0,0,.1)}
.header_content_right .top-nav #Secondary_Navbar-Account .dropdown-menu li a{font-size:12px;padding:5px 0;position:relative;float:left}
.header_content_right .top-nav #Secondary_Navbar-Account .dropdown-menu li a:hover,.header_content_right .top-nav #Secondary_Navbar-Account .dropdown-menu li a:active,.header_content_right .top-nav #Secondary_Navbar-Account .dropdown-menu li a:focus{background-color:transparent;color:#3598db}
.header_content_right .top-nav #Secondary_Navbar-Account .dropdown-menu li a:before,.header_content_right .top-nav #Secondary_Navbar-Account .dropdown-menu li a:after{content:'';position:absolute;transition:transform .5s ease}
.header_content_right .top-nav #Secondary_Navbar-Account .dropdown-menu li a:before{left:0;bottom:2px;width:100%;height:1px;background:#3598db;transform:scaleX(0)}
.header_content_right .top-nav #Secondary_Navbar-Account .dropdown-menu li a:hover:before{transform:scaleX(1)}
.header_content_right .top-nav > li > a{padding:0 10px;line-height:70px;color:#95a7b7}
.header_content_right .top-nav > li > a:hover{color:#3598db}
.header_content_right .top-nav li a .fas{font-size:16px}
.header_content_right .top-nav > li > a#languageChooser{color:#9a59b5}
.header_content_right .top-nav > li > a#accountNotifications .label-info{background-color:#1abc9c;position:absolute;top:7px;left:20px;border-radius:4px;padding:0 5px;line-height:14px;font-size:10px}
#page-content-wrapper > .container-fluid{padding:0}
section#main-body{background-color:transparent;padding:0}
section#footer{padding:0 30px 0 280px;margin:0;background:#d9e1e8;height:70px;position:absolute;bottom:0;width:100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;left:0}
section#footer.footer_margin{padding-left:80px}
section#footer p,section#footer a{line-height:70px}
section#footer .back-to-top i{background-color:#95a7b7;color:#fff}
#sidebar-wrapper .collapse ul,#sidebar-wrapper .collapse{width:100%;float:left}
#sidebar-wrapper .collapse.navbar-collapse{padding:0}
#sidebar-wrapper .collapse > ul{margin-top:10px}
#sidebar-wrapper .collapse > ul > li{width:250px}
#sidebar-wrapper .collapse > ul > li > a{color:#95a7b7!important;padding:17px 0;display:block;position:relative}
#sidebar-wrapper .sidenav-icons{width:50px;text-align:center;display:inline-block}
#sidebar-wrapper .collapse ul > li a .fa{font-size:16px}
#sidebar-wrapper .collapse ul li.dropdown .dropdown-menu{position:relative;background-color:#202a44;padding:20px;border-radius:0}
#sidebar-wrapper .collapse ul li.dropdown .dropdown-menu li a{margin:0 30px;font-size:12px;line-height:30px;color:#95a7b7;float:left;padding:0}
.nav-divider{display:none}
#sidebar-wrapper .collapse ul > li > a:hover,#sidebar-wrapper .collapse ul > li > a:active,#sidebar-wrapper .collapse ul > li > a:focus,#sidebar-wrapper .nav .open>a,#sidebar-wrapper .nav .open>a:focus,#sidebar-wrapper .nav .open>a:hover{color:#fff!important;background-color:#0a142f}
#sidebar-wrapper .collapse ul > li > a:hover:before,#sidebar-wrapper .collapse ul > li > a:active:before,#sidebar-wrapper .collapse ul > li > a:focus:before,#sidebar-wrapper .nav .open>a:before,#sidebar-wrapper .nav .open>a:focus:before,#sidebar-wrapper .nav .open>a:hover:before{position:absolute;content:"";width:3px;height:100%;background:#1abc9c;left:0;top:0}
#sidebar-wrapper .collapse ul > li > .dropdown-menu a:hover,#sidebar-wrapper .collapse ul > li > .dropdown-menu a:active,#sidebar-wrapper .collapse ul > li .dropdown-menu > a:focus{background-color:transparent;color:#3598db!important}
#sidebar-wrapper .collapse ul > li > .dropdown-menu li > a{position:relative}
#sidebar-wrapper .collapse ul > li > .dropdown-menu li > a:before,#sidebar-wrapper .collapse ul > li .dropdown-menu > li > a:after{content:'';position:absolute;transition:transform .5s ease}
#sidebar-wrapper .collapse ul > li > .dropdown-menu li > a:before{left:0;bottom:0;width:100%;height:2px;background:#3598db;transform:scaleX(0);top:auto}
#sidebar-wrapper .collapse ul > li > .dropdown-menu li > a:hover:before{transform:scaleX(1)}
#main-body > .container{width:100%;padding:0}
.tiles .tile.services-box{background-color:#e84c3d}
.tiles .tile.domains-box,.tiles .tile.quotes-box{background-color:#1abc9c}
.tiles .tile.tickets-box{background-color:#3598db}
.tiles .tile.invoices-box{background-color:#9a59b5}
.tile .icon{font-size:60px;color:rgba(255,255,255,.2);top:30px;right:46px}
.tiles .tile{padding:30px;color:#fff;border-radius:4px;transition:.2s ease-in-out}
.tile .stat{margin-top:0;color:#fff}
.tile .title{color:#fff}
div.header-lined h1{color:#31373d;margin-bottom:30px;padding-bottom:13px}
div.header-lined .breadcrumb li{text-transform:uppercase}
div.header-lined .breadcrumb>.active{color:#3598db}
div.header-lined .breadcrumb{margin:-14px 0 28px;padding:0}
.tiles{margin:0 0 40px}
.home-kb-search{margin-bottom:30px}
.home-kb-search .fas{margin-top:-44px;font-size:20px;color:#95a7b7;margin-left:30px}
.home-kb-search > .form-control{background-color:#fff;height:70px;width:100%;box-shadow:1px 1px 1px rgba(0,0,0,.1);border:none;border-radius:4px;padding-left:60px}
.home-kb-search i{margin-top:-40px}
.client-home-panels .panel.panel-default{border-top:none;padding:20px 30px;background-color:#fff;border-radius:4px;margin-bottom:30px}
.client-home-panels .panel.panel-default p{margin-bottom:0}
.panel-footer{display:none}
.panel.panel-sidebar.panel-sidebar .panel-footer {
    display: block;
}
#frmDomainTransfer .panel-footer {
    display: block;
}
.client-home-panels .panel>.panel-heading{border:none!important;padding-bottom:20px;padding-left:0;padding-right:0}
.client-home-panels .panel>.panel-body p{padding:10px 0}
.client-home-panels .panel>.list-group{border:none}
.client-home-panels .panel>.list-group .list-group-item{padding:10px}
.label{border-radius:4px}
a.list-group-item,button.list-group-item{color:#31373d}
.panel-sidebar .panel-title{color:#fff;font-weight:400;font-family:'Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif}
.panel-title .fas,.panel-title .far{color:#95a7b7}
.panel-title a .fas,.sidebar .panel-title .fas,.sidebar .panel-title .far{color:#fff}
.panel-sidebar>.panel-heading{background-color:#95a7b7;border-radius:4px 4px 0 0}
.panel-sidebar{border-radius:4px;overflow:hidden;box-shadow:1px 1px 1px rgba(0,0,0,.1);border:none}
.btn{transition:.2s ease-in-out}
.client-home-panels .btn{background-color:#95a7b7;border:2px solid #95a7b7!important;color:#fff!important}
.client-home-panels .btn:hover,.client-home-panels .btn:focus,.client-home-panels .btn:active{background-color:transparent;color:#95a7b7!important}
.client-home-panels .btn:hover i,.client-home-panels .btn:focus i,.client-home-panels .btn:active i{color:#95a7b7!important}
.client-home-panels .form-control{height:36px}
.client-home-panels .btn.bg-color-red{border-color:#e84c3d!important}
.client-home-panels .btn.bg-color-red:hover,.client-home-panels .btn.bg-color-red:focus,.client-home-panels .btn.bg-color-red:active{background-color:transparent!important;color:#e84c3d!important;border-color:#e84c3d!important}
.client-home-panels .btn.bg-color-red:hover i,.client-home-panels .btn.bg-color-red:focus i,.client-home-panels .btn.bg-color-red:active i{color:#e84c3d!important}
.btn.btn-success{background-color:#1abc9c;border:2px solid #1abc9c}
.btn.btn-success:hover,.btn.btn-success:focus,.btn.btn-success:active{background-color:transparent;color:#1abc9c;border-color:#1abc9c!important}
.bg-color-red{background-color:#e84c3d!important}
.bg-color-blue{background-color:#3598db}
.bg-color-asbestos{background-color:#9a59b5}
.bg-color-gold{background-color:#f0ad4e}
.btn-primary,.btn-info{background-color:#3598db!important;border:2px solid #3598db!important}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-info:hover,.btn-info:focus,.btn-info:active{background-color:transparent!important;color:#3598db;border:2px solid #3598db!important}
.btn-warning{background-color:#e84c3d!important;border:2px solid #e84c3d!important;color:#fff!important}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active{background-color:transparent!important;color:#e84c3d!important}
.dataTables_wrapper .dataTables_info{background-color:#151f3a;border-radius:4px 4px 0 0}
.dataTables_wrapper table.table-list thead th{border-bottom:4px solid #1abc9c}
.dataTables_wrapper table.table-list thead th:nth-child(even){border-bottom:4px solid #048067}
.table-list>tbody>tr:nth-child(even)>td{background-color:#f8f8f8}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:1px solid #e5e5e5}
.table-list>tbody>tr:hover>td{background-color:#f8fcfd}
.status{background-color:#1abc9c;color:#fff;border:2px solid #1abc9c}
.status.status-pending{background-color:#e84c3d;color:#fff;border:2px solid #e84c3d}
.status.status-unpaid,.status.status-closed{background-color:#e84c3d;color:#fff;border:2px solid #e84c3d}
.status.status-customer-reply{background-color:#9a59b5;color:#fff;border:2px solid #9a59b5}
.dataTables_wrapper .dataTables_length{background-color:transparent}
.dataTables_wrapper .dataTables_paginate .pagination>li>a,.dataTables_wrapper .dataTables_paginate .pagination>li>span{padding:10px}
.dataTables_wrapper .dataTables_length label{padding:6px 0;font-size:14px;line-height:20px}
.dataTables_wrapper .dataTables_paginate{padding-left:0;padding-right:0}
.dataTables_wrapper .dataTables_length label .form-control{padding:9px;height:auto}
.dataTable tr th:first-child{text-align:left}
.product-desc p:empty,.product-desc br{display:none}
#order-standard_cart .products .product div.product-desc{font-size:14px!important}
#order-standard_cart .products .product{border-radius:4px!important;box-shadow:1px 1px 1px rgba(0,0,0,.1)!important;border:none!important}
#order-standard_cart .products .product div.product-pricing span.price{font-size:30px!important}
.domain-checker-container{background:#3598db;border-radius:4px}
.domain-checker-bg{background-image:none}
.domain-checker-container .input-group-box{border-radius:4px}
.sidebar .list-group-item .badge{width:20px;height:20px;background:#95a7b7;color:#fff;margin-top:0}
#Primary_Sidebar-My_Domains_Status_Filter-clientareaactive .badge,#Primary_Sidebar-My_Services_Status_Filter-Active .badge,#Primary_Sidebar-My_Invoices_Status_Filter-Paid .badge{background-color:#1abc9c}
#Primary_Sidebar-My_Services_Status_Filter-Pending .badge,#Primary_Sidebar-My_Domains_Status_Filter-clientareapending .badge,#Primary_Sidebar-My_Invoices_Status_Filter-Refunded .badge{background-color:#9a59b5}
#Primary_Sidebar-My_Services_Status_Filter-Suspended .badge{background-color:#95a7b7}
#Primary_Sidebar-My_Services_Status_Filter-Terminated .badge,#Primary_Sidebar-My_Domains_Status_Filter-clientareaexpired .badge,#Primary_Sidebar-My_Invoices_Status_Filter-Unpaid .badge{background-color:#e84c3d}
#Primary_Sidebar-My_Services_Status_Filter-Cancelled .badge,#Primary_Sidebar-My_Invoices_Status_Filter-Cancelled .badge{background-color:#3598db}
.panel-sidebar a.list-group-item.active,.panel-sidebar a.list-group-item.active:focus,.panel-sidebar a.list-group-item.active:hover{background-color:#3598db;border-color:#3598db}
.spotlight-tlds{padding:0!important;background-color:transparent!important}
.spotlight-tld .btn:not(.domain-contact-support){background-color:#1abc9c!important;border-color:#1abc9c!important}
.spotlight-tld{box-shadow:1px 1px 1px rgba(0,0,0,.1)!important}
.panel-sidebar a.list-group-item.active i,.panel-sidebar a.list-group-item.active:focus i,.panel-sidebar a.list-group-item.active:hover i{color:#fff!important}
.label-default{background-color:#95a7b7}
.label-success{background-color:#1abc9c}
.label-success[href]:focus,.label-success[href]:hover{background-color:#0a9479}
.tld-filters a{padding:10px;border-radius:4px}
.label-default[href]:focus,.label-default[href]:hover{background-color:#3598db}
.featured-tld{box-shadow:1px 1px 1px rgba(0,0,0,.1)!important;background-color:#fff}
.domain-pricing-custom{background:#fff;padding:0;overflow:hidden}
.domain-pricing-custom .col-sm-4.no-bg{text-align:left}
.domain-pricing-custom .col-sm-4.no-bg,.domain-pricing .tld-pricing-header div{background-color:#151f3a!important;color:#fff!important;border-radius:4px 0 0 0!important}
.domain-pricing .tld-pricing-header .th-col8{border-radius:0 4px 0 0!important;overflow:hidden}
.domain-pricing-custom .domain-pricing-custom-th .col-sm-4.no-bg,.domain-pricing-custom .domain-pricing-custom-th .col-sm-8 .col-xs-4{padding:15px!important}
.domain-pricing .tld-pricing-header div{border:none!important}
.domain-pricing .tld-row{margin:0}
.tld_custom_box{padding:10px}
.tld_custom_box br{display:none}
.tld_custom_box small{display:block}
.domain-pricing .tld-row.highlighted{background-color:#f8f8f8}
.domain-pricing .two-row-center{border-right:none;margin:0}
.domain-pricing .tld-row:hover{background-color:#f8fcfd}
.tld-sale-group-hot{background-color:#e84c3d}
.domain-pricing .two-row-center strong{color:#31373d}
.domain-promo-box{box-shadow:1px 1px 1px rgba(0,0,0,.1)}
.tld_custom_box small{color:#3598db}
.panel-default>.panel-heading{background-color:#95a7b7;border-color:#95a7b7}
.panel-default .panel-body{padding:15px}
.home-shortcuts li{width:25%;padding:0 15px;border:none!important;transition:.2s ease-in-out}
.home-shortcuts li:first-child{padding-left:0}
.home-shortcuts li:last-child{padding-right:0}
.home-shortcuts li a{display:block;background-color:#e84c3d;padding:20px 30px;text-align:left;border-radius:4px;float:left;width:100%}
.home-shortcuts li a i{font-size:60px;color:rgba(255,255,255,.5);width:50%;float:right;text-align:right}
.home-shortcuts li a p{margin-top:15px;font-weight:400;width:50%;float:left;text-align:left;font-size:24px;line-height:30px;text-transform:capitalize}
.home-shortcuts li:hover{transform:translateY(-3px)}
.home-shortcuts li span{display:none!important}
.home-shortcuts li:nth-child(2) a{background-color:#1abc9c}
.home-shortcuts li:nth-child(3) a{background-color:#3598db}
.home-shortcuts li:nth-child(4) a{background-color:#9a59b5}
section#home-banner{background:url(../../img/banner-img.jpg) no-repeat center;background-size:cover;margin:30px 0 20px;border-radius:4px}
section#home-banner h2{color:#fff;margin-bottom:25px}
.announcement-single{width:100%;float:left;background:#fff;padding:30px;border-radius:4px;box-shadow:1px 1px 1px rgba(0,0,0,.1)}
.announcement-single blockquote{border-left:0;font-size:14px;line-height:20px;padding:0;margin-bottom:0;margin-top:10px!important}
div.announcement-single .label{background-color:#1abc9c;font-weight:500}
div.announcement-single .label.label-default{font-size:60%}
div.announcement-single h3{margin-top:0}
div.announcement-single h3 a{color:#151f3a;font-size:18px;text-decoration:none;margin-top:15px;display:block}
div.announcement-single .label.label-warning{background-color:transparent;color:#3598db;font-weight:700}
section#home-banner .btn.search{background-color:#1abc9c; border-radius: 0 !important;}
section#home-banner .btn.transfer{background-color:#e84c3d;border-radius:0 4px 4px 0!important}
#home-banner .form-control{border-radius:4px 0 0 4px!important}
section#home-banner .input-group-btn .btn{font-size:14px;padding-left:25px;padding-right:25px}
.logincontainer{background-color:#fff;padding:30px;box-shadow:1px 1px 1px rgba(0,0,0,.1);border-radius:4px;overflow:hidden}
.logincontainer .header-lined h1{background-color:#e0e8ed;margin:-30px -30px 30px;padding:20px 30px 20px 60px;border-radius:4px 4px 0 0;font-size:18px;letter-spacing:normal;border:none;position:relative;font-weight:700}
.logincontainer .header-lined h1:before{position:absolute;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f007";left:30px;top:20px;font-size:18px;color:#95a7b7}
.logincontainer .form-group label{color:#151f3a}
.logincontainer.with-social div{text-align:left}
.logincontainer .form-control{height:50px;border-color:#d1dde6;line-height:50px;padding:0 20px;box-shadow:1px 1px 1px rgba(0,0,0,.1)}
.logincontainer.with-social{max-width:784px}
.logincontainer.with-social .login-form{border-color:#d6d6d6}
.logincontainer.with-social .social-signin-btns .btn{margin-bottom:20px;border-radius:4px;}
.logincontainer.with-social .social-signin-btns .btn:last-child{margin-bottom:0}
.logincontainer .btn{padding:8px 26px;transition:.2s ease-in-out}
.logincontainer .btn.btn-primary{background-color:#3598db;border-color:#3598db;margin-right:10px}
.logincontainer .btn.btn-default{background-color:#95a7b7;border-color:#95a7b7}
.logincontainer .btn.btn-primary:hover,.logincontainer .btn.btn-primary:focus,.logincontainer .btn.btn-primary:active{background-color:transparent;color:#3598db}
.logincontainer .btn.btn-default:hover,.logincontainer .btn.btn-default:focus,.logincontainer .btn.btn-default:active{background-color:transparent;color:#95a7b7}
.logincontainer.with-social div.checkbox{margin:20px 0}
.logincontainer.with-social .social-signin-btns .btn i{margin-right:10px}
.logincontainer.with-social div.checkbox input[type=checkbox]:focus{outline-width:0}
.logincontainer.with-social div.checkbox input[type=checkbox]{-webkit-appearance:none;border:2px solid #3598db;width:16px;height:16px;border-radius:4px;margin:1px 0 0 -26px}
.logincontainer.with-social div.checkbox input[type=checkbox]:checked:before{content:"\f00c";color:#3598db;font-family:'Font Awesome 5 Free';font-weight:900;top:1px;position:absolute;font-size:10px;left:1px}
.logincontainer.with-social div.checkbox label{padding-left:26px}
.panel-title{font-weight:600}
#frmConfigureDomains,#frmCheckout{background:#fff;padding:30px;border-radius:4px;box-shadow:1px 1px 1px rgba(0,0,0,.1)}
#order-standard_cart .panel-addon .panel-add{background-color:#3598db!important}
#order-standard_cart .panel-addon .panel-price{background-color:#95a7b7!important;color:#fff}
#frmConfigureDomains .form-group{margin-bottom:15px;background:#eff3f6;border-radius:4px;padding:20px 30px}
.form-group label{font-size:16px!important}
#order-standard_cart .domain-selection-options{margin:10px 0!important}
#order-standard_cart .domain-selection-options .option{background-color:#fff!important;margin-bottom:10px!important;padding:15px 20px 10px!important;border-radius:4px!important;box-shadow:1px 1px 1px rgba(0,0,0,.1)!important}
#order-standard_cart .domain-selection-options .option label{font-size:16px!important;font-weight:700!important}
#order-standard_cart .domain-selection-options .option .form-control-static{color:#fff!important}
#order-standard_cart .domain-selection-options .option-selected{background-color:#95a7b7!important}
#order-standard_cart .domain-selection-options .option-selected label{color:#fff!important}
#order-standard_cart .view-cart-items-header{padding:20px 30px!important;background-color:#151f3a!important}
#order-standard_cart .view-cart-items{border-color:#e84c3d!important}
#order-standard_cart .view-cart-items .item{padding:20px 30px!important}
#order-standard_cart .empty-cart .btn{background-color:#e84c3d!important;padding:10px 20px!important}
#order-standard_cart .view-cart-items .item:nth-child(even){background-color:#f8f8f8!important;border-top:1px solid #e5e5e5!important}
#order-standard_cart .order-summary{background-color:#1abc9c!important;border-bottom:3px solid #1abc9c!important;overflow:hidden!important}
#order-standard_cart .summary-container{background-color:#fff!important;padding:30px!important}
.view-cart-tabs .btn.btn-block{background-color:#3598db;color:#fff;border-color:#3598db}
#order-standard_cart .view-cart-tabs .tab-content{background-color:#fff!important;padding:30px!important;border-radius:4px!important;overflow:hidden!important;box-shadow:1px 1px 1px rgba(0,0,0,.1)!important}
#order-standard_cart .view-cart-tabs .nav-tabs>li.active>a{background-color:#fff!important}
#order-standard_cart .btn-remove-from-cart{color:#e84c3d!important;border-radius:100%!important;border:2px solid #e84c3d!important;margin-top:6px!important;padding:1px 6px!important}
#order-standard_cart .btn-remove-from-cart:hover{background:#e84c3d!important;color:#fff!important}
#order-standard_cart .btn-remove-from-cart:focus{outline-width:0}
#order-standard_cart .view-cart-items .item-title{color:#31373d!important}
#order-standard_cart .sub-heading,#registration .sub-heading{text-align:left!important;margin-left:-15px!important;font-weight:700;color:#31373d!important}
#order-standard_cart .product-info{padding:20px 30px!important;}
#order-standard_cart .product-info ul{list-style:none!important;padding-left:0}
#order-standard_cart .product-info ul li{line-height:24px}
#registration .sub-heading span,#order-standard_cart .sub-heading{color:#31373d!important}
#order-standard_cart #frmCheckout .field,#order-standard_cart #frmCheckout .form-control,#registration .prepend-icon .field{height:50px!important}
#order-standard_cart #frmCheckout .prepend-icon .field-icon,#registration .prepend-icon .field-icon i{height:50px!important;top:7px!important}
#order-standard_cart .sub-heading span,#order-standard_cart .sub-heading-borderless span{color:#31373d!important}
.already-registered{margin-bottom:20px}
.already-registered p{padding-top:8px;margin-bottom:0}
#frmCheckout .social-signin-btns .btn{padding:10px 30px}
#frmCheckout .social-signin-btns .btn i{margin-right:10px}
.suggested-domains .list-group-item{width:100%;float:left}
.suggested-domains .btn:not(.domain-contact-support){padding:10px 20px!important;background-color:#3598db!important;border:2px solid #3598db!important}
.suggested-domains .btn:not(.domain-contact-support):hover{background-color:transparent!important;color:#3598db!important}
.suggested-domains .promo.hot{border-radius:4px!important}
.suggested-domains .panel-heading{border-color:#151f3a!important;background:#151f3a;color:#fff;padding:10px 20px;border-radius:4px 4px 0 0}
.suggested-domains .list-group-item span.domain,.suggested-domains .list-group-item span.extension
.suggested-domains .list-group-item span.promo.hot{line-height:40px}
.suggested-domains .list-group-item span.promo.hot{font-size:12px;font-weight:700}
.text-muted.domain-suggestions-warning p{float:left;width:100%;margin-top:15px}
.default-box{background-color:#fff;padding:30px;box-shadow:1px 1px 1px rgba(0,0,0,.1);width:100%;float:left;border-radius:4px}
#order-standard_cart .products{margin-top:0!important}
a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{background-color:#e7ecf1}
#order-standard_cart .view-cart-empty{background-color:#fff}
.default-box.contact_form form{width:80%;margin:0 auto}
.default-box.contact_form form .form-control{height:45px}
.default-box.contact_form form .form-control:last-child{margin-bottom:0}
.default-box.contact_form form #inputMessage{height:150px;resize:none}
.default-box.contact_form form .btn-primary{padding:15px 30px}
#order-standard_cart .products .product header{background-color:#e7ecf1!important}
#order-standard_cart .products .product .btn-success{background-color:#3598db;border:2px solid #3598db;padding:10px 20px}
#order-standard_cart .products .product .btn-success:hover{background-color:transparent!important;color:#3598db!important;border:2px solid #3598db!important}
#order-standard_cart .products .product .price{color:#31373d}
.panel-sidebar .list-group-item i:not(.fa-circle):not(.fa-dot-circle){color:#95a7b7}
#order-standard_cart .input-group-lg>.form-control{border-radius:4px 0 0 4px!important}
.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{border-radius:4px!important}
.catagory_box{padding:30px;background:#e7ecf1;border-radius:4px}
.catagory_box .kbarticles{padding-bottom:0}
.catagory_box a{color:#31373d}
.catagory_box a i,.catagory_box a span.glyphicon{color:#95a7b7}
.dataTables_wrapper .listtable,.domain-pricing-custom{box-shadow:1px 1px 1px rgba(0,0,0,.1)}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#151f3a;border-color:#151f3a}
.default-box .alert{margin-bottom:0}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{color:#31373d}
.bg-info{background-color:#f8f8f8}
.home-shortcuts{background:none}
.modal-backdrop {z-index:-1}
.modal-dialog { margin: 100px auto;}
.modal {background: rgba(0,0,0,.5);}
@media (min-width: 768px) {
    #wrapper{padding-left:250px;position:relative;padding-bottom:70px;z-index:0;}
    .fixed-brand{width:250px}
    #wrapper.toggled{padding-left:0}
    #sidebar-wrapper{width:250px}
    #wrapper.toggled #sidebar-wrapper{width:250px}
    #wrapper.toggled-2 #sidebar-wrapper{width:50px}
    #wrapper.toggled-2 #sidebar-wrapper:hover{width:250px}
    #page-content-wrapper{padding:30px;position:relative;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
    #wrapper.toggled #page-content-wrapper{position:relative;margin-right:0;padding-left:250px}
    #wrapper.toggled-2 #page-content-wrapper{position:relative;margin-right:0;margin-left:-200px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;width:auto}
}
@media screen and (max-width: 1199px) {
    .tiles .tile{text-align:center}
    .tile .icon{left:0;right:0}
    #wrapper{width:100%;float:left;padding-left:50px;padding-bottom:0}
    #sidebar-wrapper{width:50px;padding-top:0}
    .navbar-collapse.collapse{display:block!important;float:left;width:100%}
    .fixed-brand{width:100%}
    #menu-toggle{display:none}
    #wrapper.toggled-2 #sidebar-wrapper{width:250px}
    #wrapper.toggled-2 #page-content-wrapper{margin-left:0}
    .header_content_right{float:left;width:100%;padding:0;background:#fff}
    .header_content_right .nav.navbar-nav{float:left!important;width:50px}
    .header_content_right .nav.navbar-nav > li{float:left!important}
    .header_content_right .nav.navbar-nav > li .navbar-toggle{padding:17px 15px 13px}
    .header_content_right .top-nav > li > a,.header_content_right .top-nav #Secondary_Navbar-Account > a{line-height:50px}
    .navbar-default .logo{text-align:center}
    .navbar-default .navbar-header{background:#151f3a}
    .navbar-default{height:auto}
    .home-shortcuts li a i{font-size:24px}
    .home-shortcuts li a p{font-size:16px;line-height:16px;margin-top:4px}
    .home-shortcuts li a{padding:15px 20px}
    .header_content_right .top-nav #Secondary_Navbar-Account > a{font-size:0;min-width:initial}
    .header_content_right .top-nav #Secondary_Navbar-Account > a:before{font-size:20px}
    section#footer{position:relative;width:100%;float:left;bottom:auto;padding:0 3% 0 0;text-align:center}
    .main-content{margin-bottom:0}
    .container{width:100%}
    section#home-banner h2{margin-bottom:10px}
}
@media screen and (max-width: 991px) {
    body{font-size:14px}
    #wrapper{width:100%;float:left;padding-left:50px}
    #sidebar-wrapper{width:50px;padding-top:0}
    .navbar-collapse.collapse{display:block!important;float:left;width:100%}
    .fixed-brand{width:100%}
    #menu-toggle{display:none}
    #wrapper.toggled-2 #sidebar-wrapper{width:250px}
    #wrapper.toggled-2 #page-content-wrapper{margin-left:0}
    .header_content_right{float:left;width:100%;padding:0;background:#fff}
    .header_content_right .nav.navbar-nav{float:left!important;width:50px}
    .header_content_right .nav.navbar-nav > li{float:left!important}
    .header_content_right .nav.navbar-nav > li .navbar-toggle{padding:10px 15px}
    .header_content_right .top-nav > li > a{line-height:49px}
    .header_content_right .top-nav #Secondary_Navbar-Account > a{line-height:51px}
    .header_content_right .top-nav.pull-left > li:first-child > a{margin-top:2px}
    .navbar-default .logo{text-align:center}
    .navbar-default .navbar-header{background:#151f3a}
    .navbar-default{height:auto}
    .home-shortcuts li{width:50%;margin-bottom:15px;float:left}
    .home-shortcuts li:nth-child(2){padding-right:0}
    .home-shortcuts li:nth-child(3){padding-left:0}
    .home-shortcuts li:nth-child(3),.home-shortcuts li:last-child{margin-bottom:0}
    #sidebar-wrapper .collapse > ul > li > a{padding:14px 0}
    #sidebar-wrapper .collapse > ul > li{float:left}
}
@media screen and (max-width: 767px) {
    #page-content-wrapper{position:relative;margin-top:120px}
    .header_content_right .nav.navbar-nav{padding-left:15px}
    #sidebar-wrapper .collapse > ul{margin-left:0;margin-right:0}
    #sidebar-wrapper{position:fixed;margin-top:120px}
    .navbar-default{position:fixed;z-index:5}
    .default-box{padding:15px}
    .home-shortcuts li{width:100%;float:left;padding:0!important;margin-bottom:10px!important}
    .home-shortcuts li:last-child{margin-bottom:0!important}
    .services-box.tile,.tiles .tile.domains-box,.quotes-box.tile{margin-bottom:30px}
    .tiles .tile:nth-child(1),.tiles .tile:nth-child(2){border:none}
    .client-home-panels .panel.panel-default{margin-bottom:15px;padding:10px 20px}
    #order-standard_cart .btn-remove-from-cart{border-radius:4px!important}
}
@media screen and (max-width: 480px) {
    .xyz{min-width:100%}
    #sidebar-wrapper{width:0}
    #wrapper{padding-left:0}
    section#home-banner .input-group-btn .btn{padding-left:10px;padding-right:10px}
    .h1,h1{font-size:20px}
    .home-shortcuts li a p{font-size:14px;line-height:14px}
    .input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:34px;font-size:12px;padding:8px 16px}
    section#home-banner h2{font-size:18px}
    section#home-banner{padding:40px 0 50px}
    .announcement-single{padding:15px}
    .announcement-single blockquote{font-size:12px}
    body{font-size:12px}
    div.announcement-single h3 a{font-size:16px}
    div.header-lined h1{margin-bottom:20px}
    .catagory_box{padding:15px}
    #sidebar-wrapper .collapse > ul > li > a{padding:10px 0}
    #wrapper.toggled-2 #sidebar-wrapper{width:200px}
    #sidebar-wrapper .collapse > ul > li{width:200px}
    #sidebar-wrapper .collapse ul li.dropdown .dropdown-menu li a{font-size:10px;line-height:24px}
    #sidebar-wrapper .collapse ul li.dropdown .dropdown-menu{padding:10px 20px}
    #sidebar-wrapper .sidenav-icons{width:45px}
    .header_content_right .top-nav #Secondary_Navbar-Account .dropdown-menu{padding:20px;min-width:150px}
    .home-kb-search > .form-control{height:50px;font-size:12px;padding-left:40px}
    .home-kb-search .fas{margin-top:-32px;font-size:14px;margin-left:15px}
    .client-home-panels .panel>.panel-heading{padding-bottom:10px}
    .panel-title{font-size:14px}
    .tiles{margin:0 0 20px}
    .home-kb-search{margin-bottom:20px}
    .domain-promo-box {width: 100%; float: left}
}

.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-label {
    height: auto !important;
}

/* SaaS client profile details page */
body.template-clientareadetails{
    overflow-x:hidden!important;
    background:
        radial-gradient(circle at 18% 10%,rgba(37,99,235,.09),transparent 28%),
        radial-gradient(circle at 86% 28%,rgba(20,184,166,.07),transparent 30%),
        #F5F8FC!important;
    font-family:Inter,system-ui,"PingFang SC","Microsoft YaHei",sans-serif!important;
}
.template-clientareadetails #wrapper{
    width:100%!important;
    overflow:visible!important;
}
.template-clientareadetails #page-content-wrapper{
    position:relative!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:8px 24px 38px!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
}
.template-clientareadetails #page-content-wrapper>.container-fluid,
.template-clientareadetails #page-content-wrapper>.container-fluid.xyz,
.template-clientareadetails section#main-body,
.template-clientareadetails #main-body>.container,
.template-clientareadetails #main-body>.container-fluid,
.template-clientareadetails #main-body>.container>.row,
.template-clientareadetails #main-body>.container-fluid>.row,
.template-clientareadetails .main-content,
.template-clientareadetails .main-content.col-xs-12,
.template-clientareadetails .main-content.col-md-9,
.template-clientareadetails .main-content.pull-md-right,
.template-clientareadetails .main-content.pull-md-left{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    left:auto!important;
    right:auto!important;
    float:none!important;
    clear:both!important;
    transform:none!important;
}
.template-clientareadetails #main-body>.container,
.template-clientareadetails #main-body>.container-fluid{
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.template-clientareadetails .header-lined,
.template-clientareadetails .sidebar,
.template-clientareadetails .panel-sidebar{
    display:none!important;
}
.modern-profile-page{
    width:100%;
    color:#0F1F3D;
}
.modern-profile-shell{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) 260px;
    align-items:start;
    gap:22px;
}
.modern-profile-main{
    min-width:0;
}
.modern-profile-titlebar{
    margin:0 0 14px;
}
.modern-profile-titlebar span{
    display:block;
    margin:0 0 8px;
    color:#8A94A6;
    font-size:12px;
    font-weight:800;
}
.modern-profile-titlebar h1{
    margin:0;
    color:#0F1F3D;
    font-size:26px;
    font-weight:900;
    letter-spacing:0;
    line-height:1.2;
}
.modern-profile-titlebar p{
    margin:8px 0 0;
    color:#64748B;
    font-size:13px;
    font-weight:650;
    line-height:1.55;
}
.modern-profile-alert{
    margin:0 0 14px;
    padding:12px 14px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    border-radius:14px;
    font-size:13px;
    font-weight:750;
    line-height:1.6;
}
.modern-profile-alert.success{
    border:1px solid #BBF7D0;
    background:#F0FDF4;
    color:#166534;
}
.modern-profile-alert.error{
    border:1px solid #FECACA;
    background:#FEF2F2;
    color:#B91C1C;
}
.modern-profile-overview-card{
    position:relative;
    overflow:hidden;
    margin:0 0 16px;
    padding:22px;
    display:grid;
    grid-template-columns:84px minmax(0,1fr) 140px;
    align-items:center;
    gap:18px;
}
.modern-profile-overview-card:before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:86px;
    background:
        radial-gradient(circle at 82% 36%,rgba(37,99,235,.13),transparent 30%),
        linear-gradient(135deg,rgba(239,246,255,.78),rgba(255,255,255,.92));
    pointer-events:none;
}
.modern-profile-avatar,
.modern-profile-overview-info,
.modern-profile-overview-actions{
    position:relative;
    z-index:1;
}
.modern-profile-avatar{
    width:84px;
    height:84px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#DBEAFE,#EFF6FF);
    color:#2563EB;
    box-shadow:0 16px 28px rgba(37,99,235,.13);
    font-size:34px;
}
.modern-profile-overview-heading{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}
.modern-profile-overview-heading h2{
    margin:0;
    color:#0F1F3D;
    font-size:20px;
    font-weight:900;
    line-height:1.25;
}
.modern-profile-overview-heading span{
    padding:4px 9px;
    border-radius:999px;
    background:#EFF6FF;
    color:#2563EB;
    font-size:11px;
    font-weight:900;
}
.modern-profile-overview-grid{
    margin-top:12px;
    display:grid;
    gap:7px;
}
.modern-profile-overview-grid span{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    color:#475569;
    font-size:12px;
    font-weight:750;
    line-height:1.45;
    word-break:break-word;
}
.modern-profile-overview-grid i{
    flex:0 0 14px;
    color:#2563EB;
    text-align:center;
}
.modern-profile-overview-actions{
    display:grid;
    gap:10px;
}
.modern-profile-outline-btn{
    min-height:36px;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid #DDE7F3;
    border-radius:11px;
    background:#FFFFFF;
    color:#2563EB!important;
    font-size:12px;
    font-weight:900;
    text-decoration:none!important;
    transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.modern-profile-outline-btn:hover{
    border-color:#BFDBFE;
    background:#EFF6FF;
    transform:translateY(-1px);
}
.modern-profile-form{
    display:grid;
    gap:16px;
}
.modern-profile-card{
    padding:20px;
}
.modern-profile-card-title{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin:0 0 18px;
}
.modern-profile-card-title>i{
    flex:0 0 30px;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:linear-gradient(135deg,#EFF6FF,#ECFEFF);
    color:#2563EB;
    font-size:14px;
}
.modern-profile-card-title h2{
    margin:0;
    color:#0F1F3D;
    font-size:16px;
    font-weight:900;
    line-height:1.35;
}
.modern-profile-card-title p{
    margin:4px 0 0;
    color:#8A94A6;
    font-size:12px;
    font-weight:650;
    line-height:1.55;
}
.modern-profile-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.modern-profile-field-full{
    grid-column:1 / -1;
}
.modern-profile-field label{
    margin:0 0 8px;
    display:block;
    color:#334155;
    font-size:13px;
    font-weight:850;
    line-height:1.35;
}
.modern-profile-field p{
    margin:7px 0 0;
    color:#8A94A6;
    font-size:12px;
    font-weight:650;
    line-height:1.45;
}
.modern-profile-username-source{
    display:none!important;
}
.modern-profile-grid>#username-plugin-profile-row{
    min-width:0;
    margin:0!important;
}
.modern-profile-grid>#username-plugin-profile-row label{
    margin:0 0 8px!important;
    display:block!important;
    color:#334155!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.35!important;
}
.modern-profile-grid>#username-plugin-profile-row input#username_profile{
    width:100%!important;
    min-height:46px!important;
    padding:0 13px!important;
    border:1px solid #DDE7F3!important;
    border-radius:11px!important;
    background:#F8FBFF!important;
    box-shadow:none!important;
    color:#0F1F3D!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:46px!important;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.modern-profile-grid>#username-plugin-profile-row input#username_profile:focus{
    border-color:#93C5FD!important;
    background:#FFFFFF!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;
    outline:none!important;
}
.modern-profile-grid>#username-plugin-profile-row input#username_profile[readonly]{
    color:#64748B!important;
    cursor:not-allowed!important;
}
.modern-profile-grid>#username-plugin-profile-row #username-profile-help{
    margin:7px 0 0!important;
    display:block!important;
    color:#8A94A6!important;
    font-size:12px!important;
    font-weight:650!important;
    line-height:1.45!important;
}
.modern-profile-field input.form-control,
.modern-profile-field select.form-control,
.modern-profile-field textarea.form-control,
.modern-profile-field input[type="text"],
.modern-profile-field input[type="email"],
.modern-profile-field input[type="tel"],
.modern-profile-field input[type="password"],
.modern-profile-field select,
.modern-profile-field textarea{
    min-height:46px!important;
    padding:0 13px!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:46px!important;
}
.modern-profile-field textarea.form-control,
.modern-profile-field textarea{
    min-height:88px!important;
    padding-top:12px!important;
    line-height:1.55!important;
}
.modern-profile-field input[disabled],
.modern-profile-field select[disabled],
.modern-profile-field textarea[disabled]{
    color:#8A94A6!important;
    cursor:not-allowed!important;
    opacity:1!important;
}
.modern-profile-select-wrap{
    position:relative;
}
.modern-profile-select-wrap:after{
    content:"\f078";
    position:absolute;
    right:14px;
    top:50%;
    color:#94A3B8;
    font-family:"Font Awesome 5 Free";
    font-size:11px;
    font-weight:900;
    pointer-events:none;
    transform:translateY(-50%);
}
.modern-profile-select-wrap select{
    appearance:none;
    padding-right:34px!important;
}
.modern-profile-phone{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    overflow:hidden;
    border:1px solid #DDE7F3;
    border-radius:11px;
    background:#F8FBFF;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.modern-profile-phone:focus-within{
    border-color:#93C5FD;
    background:#FFFFFF;
    box-shadow:0 0 0 4px rgba(37,99,235,.12);
}
.modern-profile-phone span{
    min-height:44px;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1px solid #DDE7F3;
    color:#2563EB;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}
.modern-profile-phone input.form-control{
    min-height:44px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.modern-profile-phone input.form-control:focus{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.modern-profile-page .rv-email-row{
    width:100%;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 150px;
    align-items:center;
    gap:10px;
}
.modern-profile-page .rv-email-row input[name="email"]{
    min-width:0!important;
}
.modern-profile-page .rv-email-row .rv-send-code{
    width:150px;
    height:46px;
    min-height:46px;
    padding:0 12px;
    border:1px solid #BFDBFE;
    border-radius:11px;
    background:#FFFFFF;
    color:#2563EB;
    box-shadow:0 8px 18px rgba(37,99,235,.06);
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}
.modern-profile-page .rv-verification-wrapper{
    width:100%;
    margin:10px 0 0!important;
    padding:11px 12px;
    border:1px solid #E5EAF2;
    border-radius:14px;
    background:#F8FBFF;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.modern-profile-page .rv-verification-wrapper[style*="display: none"]{
    display:none!important;
}
.modern-profile-page .rv-code-input{
    max-width:220px;
    min-height:42px!important;
    border-radius:10px!important;
}
.modern-profile-page .rv-message{
    min-height:0;
    margin:0!important;
    font-size:12px;
    font-weight:700;
    line-height:1.5;
}
.modern-profile-page .rv-message:empty{
    display:none!important;
}
.modern-profile-page .rv-turnstile-container{
    margin-top:0!important;
    overflow:hidden;
}
.modern-profile-phone-field .intl-tel-input{
    width:100%!important;
    display:block!important;
}
.modern-profile-phone-field .intl-tel-input .flag-container{
    height:46px!important;
}
.modern-profile-phone-field .intl-tel-input .selected-flag{
    min-height:46px!important;
    border-radius:11px 0 0 11px;
}
.modern-profile-phone-field .intl-tel-input.allow-dropdown .flag-container,
.modern-profile-phone-field .intl-tel-input.separate-dial-code .flag-container{
    width:64px!important;
}
.modern-profile-phone-field .intl-tel-input.allow-dropdown .selected-flag,
.modern-profile-phone-field .intl-tel-input.separate-dial-code .selected-flag{
    width:64px!important;
    padding:0 0 0 13px!important;
}
.modern-profile-phone-field .intl-tel-input.allow-dropdown .selected-flag .iti-arrow,
.modern-profile-phone-field .intl-tel-input.separate-dial-code .selected-flag .iti-arrow{
    right:11px!important;
}
.modern-profile-phone-field .intl-tel-input.separate-dial-code .selected-flag{
    background:#EFF6FF!important;
    border-right:1px solid #DDE7F3!important;
}
.modern-profile-phone-field .intl-tel-input.separate-dial-code .selected-dial-code{
    display:none!important;
}
.modern-profile-phone-field .intl-tel-input.separate-dial-code input#inputPhone.form-control{
    padding-left:76px!important;
}
.modern-profile-phone-field .intl-tel-input.allow-dropdown:not(.separate-dial-code) input#inputPhone.form-control{
    padding-left:76px!important;
}
.modern-profile-phone-field .intl-tel-input input#inputPhone.form-control{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
}
.modern-profile-phone-field .intl-tel-input input#inputPhone.form-control:focus{
    border-color:#93C5FD!important;
    background:#FFFFFF!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;
}
.modern-profile-marketing{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.modern-profile-marketing .modern-profile-card-title{
    margin:0;
}
.modern-profile-actions{
    position:sticky;
    bottom:0;
    z-index:4;
    padding:12px 0 0;
    display:flex;
    align-items:center;
    gap:12px;
    background:linear-gradient(180deg,rgba(245,248,252,0),#F5F8FC 35%);
}
.modern-profile-submit,
.modern-profile-cancel{
    min-width:140px;
    height:44px;
}
.modern-profile-submit.is-loading{
    pointer-events:none;
    opacity:.82;
}
.modern-profile-cancel{
    min-width:140px;
}
.modern-profile-aside{
    position:sticky;
    top:12px;
    display:grid;
    gap:14px;
}
.modern-profile-tips{
    padding:16px;
}
.modern-profile-tips h3{
    margin:0 0 12px;
    display:flex;
    align-items:center;
    gap:8px;
    color:#0F1F3D;
    font-size:14px;
    font-weight:900;
}
.modern-profile-tips h3 i{
    color:#2563EB;
}
.modern-profile-tips p{
    margin:0;
    padding:9px 0;
    display:flex;
    align-items:flex-start;
    gap:9px;
    border-top:1px solid #EEF2F7;
    color:#64748B;
    font-size:12px;
    font-weight:750;
    line-height:1.5;
}
.modern-profile-tips p i{
    margin-top:2px;
    color:#14B8A6;
    font-size:12px;
}
.modern-profile-tips a{
    margin-top:10px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#2563EB;
    font-size:12px;
    font-weight:900;
    text-decoration:none!important;
}
@media (min-width:768px){
    .template-clientareadetails #wrapper{
        padding-left:250px!important;
    }
    .template-clientareadetails #wrapper.toggled-2 #page-content-wrapper,
    .template-clientareadetails #wrapper.toggled #page-content-wrapper{
        margin-left:0!important;
        padding-left:24px!important;
        width:auto!important;
    }
}
@media (max-width:980px){
    .modern-profile-shell{
        grid-template-columns:1fr;
    }
    .modern-profile-aside{
        position:static;
    }
}
@media (max-width:720px){
    .template-clientareadetails #page-content-wrapper{
        padding:6px 14px 28px!important;
    }
    .modern-profile-overview-card{
        grid-template-columns:64px minmax(0,1fr);
        padding:18px;
    }
    .modern-profile-avatar{
        width:64px;
        height:64px;
        font-size:26px;
    }
    .modern-profile-overview-actions{
        grid-column:1 / -1;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .modern-profile-grid{
        grid-template-columns:1fr;
    }
    .modern-profile-page .rv-email-row{
        grid-template-columns:1fr;
    }
    .modern-profile-page .rv-email-row .rv-send-code{
        width:100%;
    }
    .modern-profile-field-full{
        grid-column:auto;
    }
    .modern-profile-marketing,
    .modern-profile-actions{
        align-items:stretch;
        flex-direction:column;
    }
    .modern-profile-submit,
    .modern-profile-cancel{
        width:100%;
    }
}

/* SaaS products and services hub */
body.template-clientareaproducts{
    overflow-x:hidden!important;
    background:
        radial-gradient(circle at 16% 10%,rgba(37,99,235,.08),transparent 28%),
        radial-gradient(circle at 86% 24%,rgba(20,184,166,.06),transparent 30%),
        #F7FAFC!important;
    font-family:Inter,system-ui,"PingFang SC","Microsoft YaHei",sans-serif!important;
}
.template-clientareaproducts #wrapper{
    width:100%!important;
    overflow:visible!important;
}
.template-clientareaproducts #page-content-wrapper{
    position:relative!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:8px 24px 38px!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
}
.template-clientareaproducts #page-content-wrapper>.container-fluid,
.template-clientareaproducts #page-content-wrapper>.container-fluid.xyz,
.template-clientareaproducts section#main-body,
.template-clientareaproducts #main-body>.container,
.template-clientareaproducts #main-body>.container-fluid,
.template-clientareaproducts #main-body>.container>.row,
.template-clientareaproducts #main-body>.container-fluid>.row,
.template-clientareaproducts .main-content,
.template-clientareaproducts .main-content.col-xs-12,
.template-clientareaproducts .main-content.col-md-9,
.template-clientareaproducts .main-content.pull-md-right,
.template-clientareaproducts .main-content.pull-md-left{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    left:auto!important;
    right:auto!important;
    float:none!important;
    clear:both!important;
    transform:none!important;
}
.template-clientareaproducts #main-body>.container,
.template-clientareaproducts #main-body>.container-fluid{
    max-width:1220px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.template-clientareaproducts .header-lined,
.template-clientareaproducts .sidebar,
.template-clientareaproducts .panel-sidebar{
    display:none!important;
}
.modern-products-page{
    width:100%;
    color:#0F1F3D;
}
.modern-products-toolbar{
    margin:0 0 16px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
}
.modern-products-title h1{
    margin:0;
    color:#0F1F3D;
    font-size:26px;
    font-weight:900;
    line-height:1.2;
}
.modern-products-title span{
    display:block;
    margin-top:7px;
    color:#64748B;
    font-size:13px;
    font-weight:650;
    line-height:1.55;
}
.modern-products-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin:0 0 18px;
}
.modern-products-kpi,
.modern-products-panel,
.modern-products-side-card,
.modern-products-support-card{
    border:1px solid #E6EDF5;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 2px 10px rgba(15,23,42,.05);
}
.modern-products-kpi{
    min-height:110px;
    padding:18px;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    align-items:center;
    gap:14px;
    color:#0F1F3D!important;
    text-decoration:none!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.modern-products-kpi:hover,
.modern-products-panel:hover,
.modern-products-side-card:hover,
.modern-products-support-card:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 26px rgba(15,23,42,.08);
}
.modern-products-kpi-icon{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    font-size:18px;
}
.modern-products-kpi-icon.icon-active{background:#EFF6FF;color:#3B82F6}
.modern-products-kpi-icon.icon-pending{background:#FFF7ED;color:#F97316}
.modern-products-kpi-icon.icon-suspended{background:#F1F5F9;color:#64748B}
.modern-products-kpi-icon.icon-spend{background:#ECFDF5;color:#10B981}
.modern-products-kpi small{
    display:block;
    color:#64748B;
    font-size:12px;
    font-weight:800;
    line-height:1.35;
}
.modern-products-kpi strong{
    display:block;
    margin-top:6px;
    color:#0F1F3D;
    font-size:24px;
    font-weight:900;
    line-height:1.1;
}
.modern-products-kpi em{
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-top:10px;
    color:#2563EB;
    font-size:12px;
    font-style:normal;
    font-weight:850;
}
.modern-products-shell{
    display:grid;
    grid-template-columns:minmax(0,1fr) 270px;
    gap:18px;
    align-items:start;
}
.modern-products-main,
.modern-products-aside{
    min-width:0;
}
.modern-products-panel{
    padding:20px;
}
.modern-products-controls{
    display:grid;
    grid-template-columns:minmax(0,1fr) 190px;
    gap:12px;
    margin:0 0 12px;
}
.modern-products-search,
.modern-products-sort{
    margin:0;
}
.modern-products-search{
    position:relative;
}
.modern-products-search i{
    position:absolute;
    left:14px;
    top:50%;
    z-index:1;
    color:#94A3B8;
    font-size:14px;
    transform:translateY(-50%);
}
.modern-products-search input,
.modern-products-sort select{
    width:100%;
    height:44px;
    border:1px solid #DDE7F3;
    border-radius:12px;
    background:#F8FBFF;
    box-shadow:none;
    color:#0F1F3D;
    font-size:13px;
    font-weight:700;
    outline:none;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.modern-products-search input{
    padding:0 14px 0 40px;
}
.modern-products-sort{
    position:relative;
}
.modern-products-sort span{
    position:absolute;
    left:13px;
    top:7px;
    z-index:1;
    color:#8A94A6;
    font-size:10px;
    font-weight:850;
    line-height:1;
}
.modern-products-sort select{
    padding:15px 12px 2px;
    appearance:auto;
}
.modern-products-search input:focus,
.modern-products-sort select:focus{
    border-color:#93C5FD;
    background:#FFFFFF;
    box-shadow:0 0 0 4px rgba(59,130,246,.12);
}
.modern-products-search input::placeholder{
    color:#A4AEBD;
}
.modern-products-filters{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px;
    margin:0 0 18px;
}
.modern-products-filters a{
    min-height:34px;
    padding:0 11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid #E5EAF2;
    border-radius:999px;
    background:#F8FBFF;
    color:#64748B;
    font-size:12px;
    font-weight:850;
    text-decoration:none!important;
    transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.modern-products-filters a b{
    min-width:20px;
    height:20px;
    padding:0 6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#EEF2F7;
    color:#64748B;
    font-size:11px;
    font-weight:900;
}
.modern-products-filters a:hover,
.modern-products-filters a:focus,
.modern-products-filters a.is-active{
    border-color:#93C5FD;
    background:#EFF6FF;
    color:#2563EB;
    box-shadow:0 8px 18px rgba(37,99,235,.08);
}
.modern-products-filters a.is-active b{
    background:#2563EB;
    color:#FFFFFF;
}
.modern-products-list{
    display:grid;
    gap:12px;
}
.modern-product-card{
    min-height:118px;
    padding:16px;
    display:grid;
    grid-template-columns:minmax(250px,1.2fr) minmax(250px,.9fr) minmax(260px,.85fr);
    align-items:center;
    gap:18px;
    border:1px solid #E6EDF5;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 2px 10px rgba(15,23,42,.04);
    cursor:pointer;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.modern-product-card:hover{
    border-color:#D7E5F7;
    background:#FCFDFF;
    box-shadow:0 14px 30px rgba(15,23,42,.08);
    transform:translateY(-2px);
}
.modern-product-card.is-hidden{
    display:none!important;
}
.modern-product-identity{
    min-width:0;
    display:grid;
    grid-template-columns:56px minmax(0,1fr);
    align-items:center;
    gap:14px;
}
.modern-product-icon{
    position:relative;
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:#EFF6FF;
    color:#2563EB;
    font-size:20px;
}
.modern-product-icon:after{
    content:"";
    position:absolute;
    right:7px;
    bottom:7px;
    width:8px;
    height:8px;
    border:2px solid #FFFFFF;
    border-radius:50%;
    background:#10B981;
}
.modern-product-card.status-key-pending .modern-product-icon{
    background:#FFF7ED;
    color:#F97316;
}
.modern-product-card.status-key-pending .modern-product-icon:after{
    background:#F59E0B;
}
.modern-product-card.status-key-suspended .modern-product-icon,
.modern-product-card.status-key-terminated .modern-product-icon,
.modern-product-card.status-key-cancelled .modern-product-icon{
    background:#F1F5F9;
    color:#64748B;
}
.modern-product-card.status-key-suspended .modern-product-icon:after{
    background:#94A3B8;
}
.modern-product-card.status-key-terminated .modern-product-icon:after,
.modern-product-card.status-key-cancelled .modern-product-icon:after{
    background:#EF4444;
}
.modern-product-copy{
    min-width:0;
}
.modern-product-copy strong{
    display:block;
    overflow:hidden;
    color:#0F1F3D;
    font-size:15px;
    font-weight:900;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.modern-product-copy a,
.modern-product-copy small{
    display:block;
    margin-top:6px;
    overflow:hidden;
    color:#64748B;
    font-size:12px;
    font-weight:750;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-decoration:none!important;
}
.modern-product-copy a:hover{
    color:#2563EB;
}
.modern-product-meta{
    min-width:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.modern-product-meta small{
    display:block;
    color:#8A94A6;
    font-size:11px;
    font-weight:850;
    line-height:1.35;
}
.modern-product-meta strong{
    display:block;
    margin-top:6px;
    overflow:hidden;
    color:#0F1F3D;
    font-size:12px;
    font-weight:900;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.modern-product-actions{
    min-width:0;
    display:grid;
    gap:12px;
    justify-items:end;
}
.modern-product-status{
    min-height:26px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#DCFCE7;
    color:#15803D;
    font-size:11px;
    font-weight:900;
    line-height:1;
}
.modern-product-status.status-key-pending{
    background:#FEF3C7;
    color:#B45309;
}
.modern-product-status.status-key-suspended{
    background:#F1F5F9;
    color:#64748B;
}
.modern-product-status.status-key-terminated,
.modern-product-status.status-key-cancelled{
    background:#FEE2E2;
    color:#B91C1C;
}
.modern-product-actions>div{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
}
.modern-product-manage,
.modern-product-detail,
.modern-product-more{
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border-radius:10px;
    font-size:12px;
    font-weight:900;
    text-decoration:none!important;
    transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.modern-product-manage{
    padding:0 13px;
    border:1px solid #93C5FD;
    background:#EFF6FF;
    color:#2563EB!important;
}
.modern-product-detail{
    padding:0 13px;
    border:1px solid #DDE7F3;
    background:#FFFFFF;
    color:#334155!important;
}
.modern-product-more{
    width:34px;
    border:1px solid #DDE7F3;
    background:#FFFFFF;
    color:#64748B!important;
}
.modern-product-manage:hover,
.modern-product-detail:hover,
.modern-product-more:hover{
    border-color:#93C5FD;
    background:#EFF6FF;
    color:#2563EB!important;
    box-shadow:0 8px 18px rgba(37,99,235,.10);
    transform:translateY(-1px);
}
.modern-products-empty{
    display:none;
    min-height:220px;
    padding:36px 16px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    border:1px dashed #DDE7F3;
    border-radius:16px;
    background:#F8FBFF;
    text-align:center;
}
.modern-products-empty.is-visible{
    display:flex;
}
.modern-products-empty i{
    width:52px;
    height:52px;
    margin-bottom:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:#EFF6FF;
    color:#3B82F6;
    font-size:22px;
}
.modern-products-empty strong{
    color:#0F1F3D;
    font-size:15px;
    font-weight:900;
}
.modern-products-empty span{
    max-width:360px;
    margin-top:6px;
    color:#8A94A6;
    font-size:12px;
    font-weight:700;
    line-height:1.6;
}
.modern-products-empty a{
    height:36px;
    margin-top:14px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#2563EB;
    color:#FFFFFF!important;
    font-size:12px;
    font-weight:900;
    text-decoration:none!important;
}
.modern-products-aside{
    display:grid;
    gap:14px;
}
.modern-products-side-card,
.modern-products-support-card{
    padding:16px;
}
.modern-products-side-card h2,
.modern-products-support-card h2{
    margin:0 0 13px;
    display:flex;
    align-items:center;
    gap:8px;
    color:#0F1F3D;
    font-size:14px;
    font-weight:900;
}
.modern-products-side-card h2 i{
    color:#2563EB;
}
.modern-products-side-card a{
    min-height:34px;
    display:flex;
    align-items:center;
    gap:10px;
    border-radius:10px;
    color:#334155!important;
    font-size:12px;
    font-weight:800;
    text-decoration:none!important;
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.modern-products-side-card a+a{
    margin-top:6px;
}
.modern-products-side-card a i{
    width:18px;
    color:#64748B;
    text-align:center;
}
.modern-products-side-card a:hover{
    background:#EFF6FF;
    color:#2563EB!important;
    transform:translateX(2px);
}
.modern-products-side-card a:hover i{
    color:#2563EB;
}
.modern-products-support-card{
    background:linear-gradient(135deg,#EEF6FF,#FFFFFF);
}
.modern-products-support-card h2{
    margin-bottom:8px;
}
.modern-products-support-card p{
    margin:0 0 14px;
    color:#64748B;
    font-size:12px;
    font-weight:700;
    line-height:1.6;
}
.modern-products-support-card a{
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:11px;
    background:linear-gradient(135deg,#2563EB,#14B8A6);
    box-shadow:0 12px 24px rgba(37,99,235,.20);
    color:#FFFFFF!important;
    font-size:12px;
    font-weight:900;
    text-decoration:none!important;
}
.modern-products-support-card a:hover{
    color:#FFFFFF!important;
    box-shadow:0 16px 30px rgba(37,99,235,.26);
}
@media (min-width:768px){
    .template-clientareaproducts #wrapper{
        padding-left:250px!important;
    }
    .template-clientareaproducts #wrapper.toggled-2 #page-content-wrapper,
    .template-clientareaproducts #wrapper.toggled #page-content-wrapper{
        margin-left:0!important;
        padding-left:24px!important;
        width:auto!important;
    }
}
@media (max-width:1180px){
    .modern-product-card{
        grid-template-columns:1fr;
        align-items:start;
    }
    .modern-product-actions{
        justify-items:start;
    }
    .modern-product-actions>div{
        justify-content:flex-start;
    }
}
@media (max-width:1040px){
    .modern-products-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .modern-products-shell{
        grid-template-columns:1fr;
    }
    .modern-products-aside{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media (max-width:720px){
    .template-clientareaproducts #page-content-wrapper{
        padding:6px 14px 28px!important;
    }
    .modern-products-toolbar{
        margin-bottom:12px;
    }
    .modern-products-title h1{
        font-size:23px;
    }
    .modern-products-kpis,
    .modern-products-controls,
    .modern-product-meta,
    .modern-products-aside{
        grid-template-columns:1fr;
    }
    .modern-products-panel{
        padding:14px;
    }
    .modern-product-card{
        min-height:0;
        padding:14px;
    }
    .modern-product-identity{
        grid-template-columns:48px minmax(0,1fr);
    }
    .modern-product-icon{
        width:48px;
        height:48px;
        border-radius:14px;
    }
    .modern-product-actions>div{
        width:100%;
        flex-wrap:wrap;
    }
    .modern-product-manage,
    .modern-product-detail{
        flex:1 1 130px;
    }
}

/* SaaS client password change page */
body.template-clientareachangepw{
    overflow-x:hidden!important;
    background:
        radial-gradient(circle at 18% 12%,rgba(37,99,235,.10),transparent 28%),
        radial-gradient(circle at 82% 24%,rgba(20,184,166,.08),transparent 30%),
        #F5F8FC!important;
    font-family:Inter,system-ui,"PingFang SC","Microsoft YaHei",sans-serif!important;
}
.template-clientareachangepw #wrapper{
    width:100%!important;
    overflow:visible!important;
}
.template-clientareachangepw #page-content-wrapper{
    position:relative!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:6px 24px 34px!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
}
.template-clientareachangepw #page-content-wrapper>.container-fluid,
.template-clientareachangepw #page-content-wrapper>.container-fluid.xyz,
.template-clientareachangepw section#main-body,
.template-clientareachangepw #main-body>.container,
.template-clientareachangepw #main-body>.container-fluid,
.template-clientareachangepw #main-body>.container>.row,
.template-clientareachangepw #main-body>.container-fluid>.row,
.template-clientareachangepw .main-content,
.template-clientareachangepw .main-content.col-xs-12,
.template-clientareachangepw .main-content.col-md-9,
.template-clientareachangepw .main-content.pull-md-right,
.template-clientareachangepw .main-content.pull-md-left{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    left:auto!important;
    right:auto!important;
    float:none!important;
    clear:both!important;
    transform:none!important;
}
.template-clientareachangepw #main-body>.container,
.template-clientareachangepw #main-body>.container-fluid{
    max-width:1220px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.template-clientareachangepw .header-lined,
.template-clientareachangepw .sidebar,
.template-clientareachangepw .panel-sidebar{
    display:none!important;
}
.modern-change-password-page{
    width:100%;
    min-height:calc(100vh - 140px);
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    color:#0F1F3D;
}
.modern-change-password-shell{
    width:100%;
    max-width:1040px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 260px;
    align-items:start;
    justify-content:start;
    gap:22px;
}
.modern-change-main{
    min-width:0;
}
.modern-change-titlebar{
    margin:0 0 14px;
}
.modern-change-titlebar span{
    display:block;
    margin:0 0 8px;
    color:#8A94A6;
    font-size:12px;
    font-weight:800;
}
.modern-change-titlebar h1{
    margin:0;
    color:#0F1F3D;
    font-size:26px;
    font-weight:900;
    letter-spacing:0;
    line-height:1.2;
}
.modern-change-titlebar p{
    margin:8px 0 0;
    color:#64748B;
    font-size:13px;
    font-weight:650;
    line-height:1.55;
}
.modern-change-password-card{
    position:relative;
    width:100%;
    max-width:none;
    overflow:hidden;
}
.modern-change-password-card:before{
    display:none;
}
.modern-change-password-header{
    position:relative;
    z-index:1;
    min-height:132px;
    padding:24px 26px 20px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    border-bottom:1px solid #EEF2F7;
}
.modern-change-password-header span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#64748B;
    font-size:12px;
    font-weight:850;
}
.modern-change-password-header span i{
    color:#2563EB;
}
.modern-change-password-header h1{
    margin:12px 0 8px;
    color:#0F1F3D;
    font-size:26px;
    font-weight:900;
    letter-spacing:0;
    line-height:1.24;
}
.modern-change-password-header p{
    max-width:340px;
    margin:0;
    color:#64748B;
    font-size:13px;
    font-weight:650;
    line-height:1.65;
}
.modern-change-password-visual{
    flex:0 0 58px;
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #DBEAFE;
    border-radius:20px;
    background:linear-gradient(135deg,#EFF6FF,#FFFFFF);
    box-shadow:0 16px 28px rgba(37,99,235,.12);
    color:#2563EB;
    font-size:22px;
}
.modern-change-alert{
    margin:0 0 14px;
    padding:12px 14px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    border-radius:14px;
    font-size:13px;
    font-weight:750;
    line-height:1.6;
}
.modern-change-alert.success{
    border:1px solid #BBF7D0;
    background:#F0FDF4;
    color:#166534;
}
.modern-change-alert.error{
    border:1px solid #FECACA;
    background:#FEF2F2;
    color:#B91C1C;
}
.modern-change-password-form{
    position:relative;
    z-index:1;
    padding:0;
}
.modern-change-setting-group{
    padding:22px;
    border-bottom:1px solid #EEF2F7;
}
.modern-change-setting-group:last-of-type{
    border-bottom:0;
}
.modern-change-confirm-inline{
    padding-top:8px;
    border-top:0!important;
    border-bottom:0!important;
}
.modern-change-group-title{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin:0 0 16px;
}
.modern-change-group-title>i{
    flex:0 0 30px;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:linear-gradient(135deg,#EFF6FF,#ECFEFF);
    color:#2563EB;
    font-size:14px;
}
.modern-change-group-title h2{
    margin:0;
    color:#0F1F3D;
    font-size:16px;
    font-weight:900;
    line-height:1.35;
}
.modern-change-group-title p{
    margin:4px 0 0;
    color:#8A94A6;
    font-size:12px;
    font-weight:650;
    line-height:1.55;
}
.modern-change-section{
    padding:0 0 16px;
    margin:0 0 16px;
    border-bottom:1px solid #EEF2F7;
}
.modern-change-section-new{
    padding-bottom:9px;
    margin-bottom:9px;
}
.modern-change-section-title{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin:0 0 16px;
}
.modern-change-section-title>span{
    flex:0 0 26px;
    width:26px;
    height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:linear-gradient(135deg,#2563EB,#14B8A6);
    color:#FFFFFF;
    font-size:12px;
    font-weight:900;
    line-height:1;
}
.modern-change-section-title h2{
    margin:0;
    color:#0F1F3D;
    font-size:16px;
    font-weight:900;
    line-height:1.35;
}
.modern-change-section-title p{
    margin:4px 0 0;
    color:#8A94A6;
    font-size:12px;
    font-weight:650;
    line-height:1.55;
}
.modern-change-field{
    margin:0 0 14px;
}
.modern-change-field:last-child{
    margin-bottom:0;
}
.modern-change-field label,
.modern-change-label-row label{
    margin:0 0 8px;
    display:block;
    color:#334155;
    font-size:13px;
    font-weight:850;
    line-height:1.35;
}
.modern-change-label-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 8px;
}
.modern-change-generate{
    height:30px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    border:1px solid #DDE7F3;
    border-radius:10px;
    background:#F8FBFF;
    color:#2563EB;
    font-size:12px;
    font-weight:850;
}
.modern-change-generate:hover,
.modern-change-generate:focus{
    border-color:#BFDBFE;
    background:#EFF6FF;
    outline:none;
}
.modern-change-input-wrap{
    position:relative;
}
.modern-change-input-wrap>i{
    position:absolute;
    left:13px;
    top:50%;
    z-index:1;
    color:#94A3B8;
    font-size:14px;
    transform:translateY(-50%);
}
.modern-change-input-wrap input.form-control{
    height:46px!important;
    padding:0 44px 0 38px!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:46px!important;
}
.modern-change-input-wrap button[data-change-password-toggle]{
    position:absolute;
    right:7px;
    top:50%;
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#94A3B8;
    transform:translateY(-50%);
}
.modern-change-input-wrap button[data-change-password-toggle]:hover,
.modern-change-input-wrap button[data-change-password-toggle].is-visible{
    background:#EFF6FF;
    color:#2563EB;
}
.modern-change-strength{
    margin-top:11px;
}
.modern-change-strength-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:7px;
}
.modern-change-strength-head span{
    color:#8A94A6;
    font-size:12px;
    font-weight:750;
}
.modern-change-strength-head strong{
    color:#EF4444;
    font-size:12px;
    font-weight:900;
}
.modern-change-strength-track{
    height:7px;
    overflow:hidden;
    border-radius:999px;
    background:#EEF2F7;
}
.modern-change-strength-track span{
    width:0;
    height:100%;
    display:block;
    border-radius:999px;
    background:#EF4444;
    transition:width .18s ease,background .18s ease;
}
.modern-change-password-page[data-password-strength="medium"] .modern-change-strength-head strong{
    color:#F59E0B;
}
.modern-change-password-page[data-password-strength="medium"] .modern-change-strength-track span{
    background:#F59E0B;
}
.modern-change-password-page[data-password-strength="strong"] .modern-change-strength-head strong{
    color:#14B8A6;
}
.modern-change-password-page[data-password-strength="strong"] .modern-change-strength-track span{
    background:linear-gradient(135deg,#2563EB,#14B8A6);
}
.modern-change-match-message{
    min-height:14px;
    margin-top:4px;
    color:#8A94A6;
    font-size:12px;
    font-weight:750;
}
.modern-change-match-message.is-match{
    color:#14B8A6;
}
.modern-change-match-message.is-mismatch{
    color:#EF4444;
}
.modern-change-password-tips{
    margin:0 0 12px;
    border:1px solid #E5EAF2;
    border-radius:14px;
    background:#F8FBFF;
}
.modern-change-password-tips summary{
    min-height:42px;
    padding:0 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:#334155;
    cursor:pointer;
    font-size:13px;
    font-weight:850;
    list-style:none;
}
.modern-change-password-tips summary::-webkit-details-marker{
    display:none;
}
.modern-change-password-tips summary span{
    display:inline-flex;
    align-items:center;
    gap:8px;
}
.modern-change-password-tips summary i{
    color:#2563EB;
}
.modern-change-password-tips summary>i{
    color:#94A3B8;
    transition:transform .18s ease;
}
.modern-change-password-tips[open] summary>i{
    transform:rotate(180deg);
}
.modern-change-password-tips ul{
    margin:0;
    padding:0 14px 14px 38px;
    color:#64748B;
    font-size:12px;
    font-weight:650;
    line-height:1.7;
}
.modern-change-actions{
    padding:0 22px 22px;
    display:flex;
    align-items:center;
    gap:12px;
}
.modern-change-submit,
.modern-change-cancel{
    width:auto;
    min-width:168px;
    height:44px;
}
.modern-change-cancel{
    min-width:132px;
}
.modern-change-security-note{
    padding:16px 22px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    border-top:1px solid #EEF2F7;
    background:#F8FBFF;
    color:#64748B;
    font-size:12px;
    font-weight:700;
    line-height:1.6;
}
.modern-change-security-note i{
    margin-top:2px;
    color:#2563EB;
}
.modern-change-security-note strong{
    display:block;
    margin:0 0 6px;
    color:#334155;
    font-size:13px;
    font-weight:900;
}
.modern-change-security-note ul{
    margin:0;
    padding-left:18px;
}
.modern-change-security-note li{
    margin:2px 0;
}
.modern-change-aside{
    position:sticky;
    top:12px;
    margin-top:124px;
    display:grid;
    gap:12px;
}
.modern-change-side-tips{
    margin:10px 0 0;
    padding:12px 10px 2px;
    border-top:1px solid #EEF2F7;
}
.modern-change-side-tips h3{
    margin:0 0 9px;
    display:flex;
    align-items:center;
    gap:8px;
    color:#0F1F3D;
    font-size:13px;
    font-weight:900;
    line-height:1.35;
}
.modern-change-side-tips h3 i{
    color:#2563EB;
}
.modern-change-side-tips p{
    margin:0;
    padding:7px 0;
    display:flex;
    align-items:flex-start;
    gap:8px;
    color:#64748B;
    font-size:12px;
    font-weight:750;
    line-height:1.45;
}
.modern-change-side-tips p i{
    margin-top:2px;
    color:#14B8A6;
    font-size:12px;
}
.modern-change-security-list{
    display:none!important;
    padding:12px;
}
.modern-change-security-list h3{
    margin:0 0 10px;
    display:flex;
    align-items:center;
    gap:8px;
    color:#0F1F3D;
    font-size:13px;
    font-weight:900;
    line-height:1.35;
}
.modern-change-security-list h3 i{
    color:#2563EB;
}
.modern-change-security-item{
    display:flex;
    align-items:flex-start;
    gap:9px;
    padding:9px 0;
}
.modern-change-security-item+.modern-change-security-item{
    border-top:1px solid #EEF2F7;
}
.modern-change-security-item>i{
    flex:0 0 20px;
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    font-size:10px;
}
.modern-change-security-item.blue>i{
    background:#EFF6FF;
    color:#2563EB;
}
.modern-change-security-item.amber>i{
    background:#FFF7ED;
    color:#F59E0B;
}
.modern-change-security-item.red>i{
    background:#FEF2F2;
    color:#EF4444;
}
.modern-change-security-item.cyan>i{
    background:#ECFEFF;
    color:#0891B2;
}
.modern-change-security-item strong{
    display:block;
    color:#334155;
    font-size:11px;
    font-weight:900;
    line-height:1.35;
}
.modern-change-security-item span{
    display:block;
    margin-top:2px;
    color:#8A94A6;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}
@media (min-width:768px){
    .template-clientareachangepw #wrapper{
        padding-left:250px!important;
    }
    .template-clientareachangepw #wrapper.toggled-2 #page-content-wrapper,
    .template-clientareachangepw #wrapper.toggled #page-content-wrapper{
        margin-left:0!important;
        padding-left:24px!important;
        width:auto!important;
    }
}
@media (max-width:900px){
    .modern-change-password-shell{
        display:block;
        max-width:680px;
    }
    .modern-change-aside{
        position:static;
        margin-top:14px;
    }
}
@media (max-width:640px){
    .template-clientareachangepw #page-content-wrapper{
        padding:6px 14px 24px!important;
    }
    .modern-change-password-page{
        min-height:auto;
    }
    .modern-change-password-header{
        padding:20px 18px 18px;
    }
    .modern-change-password-header h1{
        font-size:24px;
    }
    .modern-change-password-visual{
        display:none;
    }
    .modern-change-password-form{
        padding:0;
    }
    .modern-change-setting-group{
        padding:18px;
    }
    .modern-change-actions{
        padding:0 18px 18px;
        align-items:stretch;
        flex-direction:column;
    }
    .modern-change-submit,
    .modern-change-cancel{
        width:100%;
    }
    .modern-change-label-row{
        align-items:flex-start;
        flex-direction:column;
    }
    .modern-change-generate{
        align-self:flex-start;
    }
}

/* Modern contact/sub-account creation center */
body.template-clientareaaddcontact{
    overflow-x:hidden!important;
    background:#F5F8FC!important;
}
body.template-clientareaaddcontact-modern{
    overflow-x:hidden!important;
    background:#F5F8FC!important;
}
.template-clientareaaddcontact #wrapper{
    width:100%!important;
    overflow:visible!important;
    background:#F5F8FC!important;
}
.template-clientareaaddcontact-modern #wrapper{
    width:100%!important;
    overflow:visible!important;
    background:#F5F8FC!important;
}
.template-clientareaaddcontact #page-content-wrapper{
    position:relative!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:18px 24px 38px!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    overflow:visible!important;
    background:#F5F8FC!important;
}
.template-clientareaaddcontact-modern #page-content-wrapper{
    position:relative!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:18px 24px 38px!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    overflow:visible!important;
    background:#F5F8FC!important;
}
.template-clientareaaddcontact #page-content-wrapper>.container-fluid,
.template-clientareaaddcontact #page-content-wrapper>.container-fluid.xyz,
.template-clientareaaddcontact section#main-body,
.template-clientareaaddcontact #main-body>.container,
.template-clientareaaddcontact #main-body>.container-fluid,
.template-clientareaaddcontact #main-body>.container>.row,
.template-clientareaaddcontact #main-body>.container-fluid>.row,
.template-clientareaaddcontact .main-content,
.template-clientareaaddcontact .main-content.col-xs-12,
.template-clientareaaddcontact .main-content.col-md-9,
.template-clientareaaddcontact .main-content.pull-md-right,
.template-clientareaaddcontact .main-content.pull-md-left{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    left:auto!important;
    right:auto!important;
    float:none!important;
    clear:both!important;
    transform:none!important;
}
.template-clientareaaddcontact-modern #page-content-wrapper>.container-fluid,
.template-clientareaaddcontact-modern #page-content-wrapper>.container-fluid.xyz,
.template-clientareaaddcontact-modern section#main-body,
.template-clientareaaddcontact-modern #main-body>.container,
.template-clientareaaddcontact-modern #main-body>.container-fluid,
.template-clientareaaddcontact-modern #main-body>.container>.row,
.template-clientareaaddcontact-modern #main-body>.container-fluid>.row,
.template-clientareaaddcontact-modern .main-content,
.template-clientareaaddcontact-modern .main-content.col-xs-12,
.template-clientareaaddcontact-modern .main-content.col-md-9,
.template-clientareaaddcontact-modern .main-content.pull-md-right,
.template-clientareaaddcontact-modern .main-content.pull-md-left{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    left:auto!important;
    right:auto!important;
    float:none!important;
    clear:both!important;
    transform:none!important;
}
.template-clientareaaddcontact #main-body>.container,
.template-clientareaaddcontact #main-body>.container-fluid{
    max-width:1560px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.template-clientareaaddcontact-modern #main-body>.container,
.template-clientareaaddcontact-modern #main-body>.container-fluid{
    max-width:1560px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.template-clientareaaddcontact .header-lined,
.template-clientareaaddcontact .sidebar,
.template-clientareaaddcontact .panel-sidebar{
    display:none!important;
}
.template-clientareaaddcontact-modern .header-lined,
.template-clientareaaddcontact-modern .sidebar,
.template-clientareaaddcontact-modern .panel-sidebar{
    display:none!important;
}
.modern-contact-page{
    width:100%;
    color:#0F172A;
}
.modern-contact-shell{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:24px;
    align-items:start;
}
.modern-contact-main{
    min-width:0;
}
.modern-contact-titlebar{
    margin:0 0 12px;
}
.modern-contact-titlebar span{
    display:block;
    margin-bottom:6px;
    color:#2563EB;
    font-size:13px;
    font-weight:800;
}
.modern-contact-titlebar h1{
    margin:0;
    color:#0F172A;
    font-size:28px;
    line-height:1.24;
    font-weight:850;
    letter-spacing:0;
}
.modern-contact-titlebar p{
    max-width:760px;
    margin:6px 0 0;
    color:#64748B;
    font-size:14px;
    line-height:1.6;
}
.modern-contact-alert{
    display:flex;
    gap:10px;
    align-items:flex-start;
    margin:0 0 12px;
    padding:13px 15px;
    border-radius:14px;
    font-size:14px;
    line-height:1.6;
}
.modern-contact-alert.error{
    border:1px solid #FECACA;
    color:#991B1B;
    background:#FEF2F2;
}
.modern-contact-alert.success{
    border:1px solid #BBF7D0;
    color:#166534;
    background:#F0FDF4;
}
.modern-contact-alert i{
    margin-top:3px;
}
.modern-contact-selector-card{
    margin:0 0 10px;
    padding:14px 16px;
    border:1px solid #E6EDF5;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 8px 24px rgba(30,47,74,.055);
}
.modern-contact-selector-card form{
    display:grid;
    grid-template-columns:190px minmax(0,1fr) 160px;
    gap:14px;
    align-items:center;
}
.modern-contact-selector-card label{
    display:flex;
    gap:9px;
    align-items:center;
    margin:0;
    color:#0F172A;
    font-size:14px;
    font-weight:850;
}
.modern-contact-selector-card label i{
    display:inline-flex;
    width:30px;
    height:30px;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#2563EB;
    background:#EFF6FF;
}
.modern-contact-selector-card select{
    width:100%!important;
    height:42px!important;
    padding:0 12px!important;
    border:1px solid #D8E2EE!important;
    border-radius:10px!important;
    color:#0F172A!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
}
.modern-contact-selector-card select:focus{
    border-color:#3B82F6!important;
    box-shadow:0 0 0 3px rgba(59,130,246,.14)!important;
    outline:0!important;
}
.modern-contact-selector-card button{
    display:inline-flex;
    height:42px;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:10px;
    color:#FFFFFF;
    background:linear-gradient(135deg,#3B82F6,#2563EB);
    font-size:14px;
    font-weight:850;
    box-shadow:0 10px 20px rgba(37,99,235,.16);
}
.modern-contact-form{
    display:flex;
    flex-direction:column;
    gap:0;
}
.modern-contact-type-card,
.modern-contact-card,
.modern-contact-actions{
    border:1px solid #E6EDF5;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 8px 24px rgba(30,47,74,.055);
}
.modern-contact-type-card{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-bottom:10px;
    padding:16px;
}
.modern-contact-type-option{
    position:relative;
    display:grid;
    grid-template-columns:46px minmax(0,1fr) 24px;
    gap:12px;
    align-items:center;
    min-height:82px;
    padding:14px 16px;
    border:1px solid #E2E8F0;
    border-radius:14px;
    color:#0F172A;
    background:#FFFFFF;
    text-align:left;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}
.modern-contact-type-option:hover,
.modern-contact-type-option:focus{
    border-color:#BFD4F5;
    background:#F8FBFF;
    box-shadow:0 10px 22px rgba(37,99,235,.08);
    outline:0;
}
.modern-contact-type-option.active{
    border-color:#3B82F6;
    background:linear-gradient(135deg,#F8FBFF,#EFF6FF);
    box-shadow:0 12px 26px rgba(37,99,235,.12);
}
.modern-contact-type-icon{
    display:inline-flex;
    width:46px;
    height:46px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#2563EB;
    background:#EFF6FF;
}
.modern-contact-type-icon i{
    font-size:18px;
}
.modern-contact-type-option strong,
.modern-contact-type-option small{
    display:block;
    min-width:0;
}
.modern-contact-type-option strong{
    margin-bottom:5px;
    color:#0F172A;
    font-size:15px;
    font-weight:850;
    line-height:1.25;
}
.modern-contact-type-option small{
    color:#64748B;
    font-size:13px;
    line-height:1.45;
}
.modern-contact-type-option b{
    display:inline-flex;
    width:22px;
    height:22px;
    align-items:center;
    justify-content:center;
    border:2px solid #CBD5E1;
    border-radius:50%;
    background:#FFFFFF;
}
.modern-contact-type-option.active b{
    border-color:#2563EB;
    background:#2563EB;
}
.modern-contact-type-option.active b:after{
    content:"";
    width:7px;
    height:11px;
    border:solid #FFFFFF;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
}
.modern-contact-type-checkbox{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
}
.modern-contact-card{
    margin-top:10px;
    padding:18px;
}
.modern-contact-card-title{
    display:flex;
    gap:12px;
    align-items:flex-start;
    margin-bottom:16px;
}
.modern-contact-card-title>i{
    display:inline-flex;
    width:32px;
    height:32px;
    flex:0 0 32px;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    color:#2563EB;
    background:#EFF6FF;
}
.modern-contact-card-title div{
    min-width:0;
}
.modern-contact-card-title h2{
    margin:0;
    color:#0F172A;
    font-size:18px;
    line-height:1.3;
    font-weight:850;
    letter-spacing:0;
}
.modern-contact-card-title p{
    margin:4px 0 0;
    color:#64748B;
    font-size:13px;
    line-height:1.55;
}
.modern-contact-card-title .modern-contact-check-all{
    margin-left:auto;
}
.modern-contact-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 18px;
}
.modern-contact-field-full{
    grid-column:1 / -1;
}
.modern-contact-field{
    min-width:0;
}
.modern-contact-field label{
    display:flex;
    align-items:center;
    gap:6px;
    margin:0 0 7px;
    color:#1E293B;
    font-size:13px;
    font-weight:800;
    line-height:1.25;
}
.modern-contact-field label em{
    color:#EF4444;
    font-style:normal;
}
.modern-contact-field label small{
    color:#94A3B8;
    font-size:12px;
    font-weight:700;
}
.modern-contact-field input.form-control,
.modern-contact-field select.form-control,
.modern-contact-field textarea.form-control,
.modern-contact-field input[type="text"],
.modern-contact-field input[type="email"],
.modern-contact-field input[type="tel"],
.modern-contact-field input[type="password"],
.modern-contact-field select,
.modern-contact-field textarea{
    width:100%!important;
    min-height:44px!important;
    padding:10px 12px!important;
    border:1px solid #D8E2EE!important;
    border-radius:10px!important;
    color:#0F172A!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
    font-size:14px!important;
    line-height:1.45!important;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.modern-contact-field input.form-control:focus,
.modern-contact-field select.form-control:focus,
.modern-contact-field textarea.form-control:focus,
.modern-contact-field input[type="text"]:focus,
.modern-contact-field input[type="email"]:focus,
.modern-contact-field input[type="tel"]:focus,
.modern-contact-field input[type="password"]:focus,
.modern-contact-field select:focus,
.modern-contact-field textarea:focus{
    border-color:#3B82F6!important;
    box-shadow:0 0 0 3px rgba(59,130,246,.14)!important;
    outline:0!important;
}
.modern-contact-phone-field .intl-tel-input{
    width:100%!important;
    display:block!important;
}
.modern-contact-phone-field .intl-tel-input .flag-container{
    height:44px!important;
}
.modern-contact-phone-field .intl-tel-input .selected-flag{
    min-height:44px!important;
    border-radius:10px 0 0 10px!important;
}
.modern-contact-phone-field .intl-tel-input.allow-dropdown .flag-container,
.modern-contact-phone-field .intl-tel-input.separate-dial-code .flag-container{
    width:64px!important;
}
.modern-contact-phone-field .intl-tel-input.allow-dropdown .selected-flag,
.modern-contact-phone-field .intl-tel-input.separate-dial-code .selected-flag{
    width:64px!important;
    padding:0 0 0 13px!important;
}
.modern-contact-phone-field .intl-tel-input.allow-dropdown .selected-flag .iti-arrow,
.modern-contact-phone-field .intl-tel-input.separate-dial-code .selected-flag .iti-arrow{
    right:11px!important;
}
.modern-contact-phone-field .intl-tel-input.separate-dial-code .selected-flag{
    background:#EFF6FF!important;
    border-right:1px solid #DDE7F3!important;
}
.modern-contact-phone-field .intl-tel-input.separate-dial-code .selected-dial-code{
    display:none!important;
}
.modern-contact-phone-field .intl-tel-input.separate-dial-code input#inputPhone.form-control,
.modern-contact-phone-field .intl-tel-input.allow-dropdown:not(.separate-dial-code) input#inputPhone.form-control{
    padding-left:76px!important;
}
.modern-contact-phone-field .intl-tel-input input#inputPhone.form-control{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
}
.modern-contact-phone-field .intl-tel-input input#inputPhone.form-control:focus{
    border-color:#3B82F6!important;
    background:#FFFFFF!important;
    box-shadow:0 0 0 3px rgba(59,130,246,.14)!important;
}
.modern-contact-select-wrap{
    position:relative;
}
.modern-contact-select-wrap:after{
    content:"\f107";
    position:absolute;
    right:13px;
    top:50%;
    color:#94A3B8;
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    pointer-events:none;
    transform:translateY(-50%);
}
.modern-contact-select-wrap select{
    appearance:none;
    padding-right:34px!important;
}
.modern-contact-subaccount.hidden{
    display:none!important;
}
.modern-contact-permission-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.modern-contact-permission-group{
    min-width:0;
    padding:13px;
    border:1px solid #E6EDF5;
    border-radius:14px;
    background:#FBFDFF;
}
.modern-contact-permission-group h3{
    display:flex;
    gap:8px;
    align-items:center;
    margin:0 0 10px;
    color:#0F172A;
    font-size:13px;
    font-weight:850;
    line-height:1.3;
}
.modern-contact-permission-group h3 i{
    color:#2563EB;
}
.modern-contact-permission-group label{
    display:flex;
    gap:8px;
    align-items:flex-start;
    min-height:26px;
    margin:0 0 8px;
    color:#475569;
    font-size:12px;
    font-weight:700;
    line-height:1.35;
}
.modern-contact-permission-group label:last-child{
    margin-bottom:0;
}
.modern-contact-permission-group input[type="checkbox"]{
    width:15px;
    height:15px;
    flex:0 0 15px;
    margin:1px 0 0;
    accent-color:#2563EB;
}
.modern-contact-check-all{
    height:34px;
    padding:0 12px;
    border:1px solid #D8E7FA;
    border-radius:10px;
    color:#2563EB;
    background:#F8FBFF;
    font-size:12px;
    font-weight:850;
}
.modern-contact-check-all:hover,
.modern-contact-check-all:focus{
    border-color:#BFD4F5;
    background:#EFF6FF;
    outline:0;
}
.modern-contact-password-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px 18px;
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid #EDF2F7;
}
.modern-contact-password-title{
    grid-column:1 / -1;
    display:flex;
    gap:10px;
    align-items:flex-start;
}
.modern-contact-password-title i{
    display:inline-flex;
    width:30px;
    height:30px;
    flex:0 0 30px;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#0F766E;
    background:#F0FDFA;
}
.modern-contact-password-title h3{
    margin:0;
    color:#0F172A;
    font-size:15px;
    font-weight:850;
}
.modern-contact-password-title p{
    margin:4px 0 0;
    color:#64748B;
    font-size:13px;
    line-height:1.5;
}
.modern-contact-password-title .generate-password{
    margin-left:auto;
    white-space:nowrap;
}
.modern-contact-linked-card{
    margin-top:16px;
    padding:14px;
    border:1px solid #E6EDF5;
    border-radius:14px;
    background:#FBFDFF;
}
.modern-contact-linked-card h3{
    display:flex;
    gap:8px;
    align-items:center;
    margin:0 0 12px;
    color:#0F172A;
    font-size:15px;
    font-weight:850;
}
.modern-contact-linked-card h3 i{
    color:#2563EB;
}
.modern-contact-linked-card table{
    width:100%!important;
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0 8px!important;
}
.modern-contact-linked-card table tr{
    background:#FFFFFF;
}
.modern-contact-linked-card table td,
.modern-contact-linked-card table th{
    padding:10px 12px!important;
    border:1px solid #E6EDF5!important;
}
.modern-contact-field.has-feedback{
    position:relative;
}
.modern-contact-field.has-feedback .form-control-feedback{
    top:31px!important;
    right:8px!important;
    height:44px!important;
    line-height:44px!important;
}
.modern-contact-field.has-feedback input.form-control{
    padding-right:38px!important;
}
.modern-contact-field .progress,
.modern-contact-field .password-strength-meter{
    margin-top:8px!important;
}
.modern-contact-email-card{
    padding-bottom:14px;
}
.modern-contact-email-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 18px;
}
.modern-contact-switch-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 42px;
    gap:14px;
    align-items:center;
    min-height:54px;
    margin:0;
    padding:10px 12px;
    border:1px solid #E6EDF5;
    border-radius:12px;
    background:#FBFDFF;
    cursor:pointer;
}
.modern-contact-switch-row strong,
.modern-contact-switch-row small{
    display:block;
    min-width:0;
}
.modern-contact-switch-row strong{
    color:#0F172A;
    font-size:13px;
    font-weight:850;
    line-height:1.3;
}
.modern-contact-switch-row small{
    margin-top:3px;
    color:#64748B;
    font-size:12px;
    line-height:1.4;
}
.modern-contact-switch-row input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.modern-contact-switch-row b{
    position:relative;
    display:block;
    width:42px;
    height:24px;
    border-radius:999px;
    background:#CBD5E1;
    transition:background .16s ease;
}
.modern-contact-switch-row b:after{
    content:"";
    position:absolute;
    left:3px;
    top:3px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#FFFFFF;
    box-shadow:0 2px 6px rgba(15,23,42,.18);
    transition:transform .16s ease;
}
.modern-contact-switch-row input:checked+b{
    background:linear-gradient(135deg,#3B82F6,#2563EB);
}
.modern-contact-switch-row input:checked+b:after{
    transform:translateX(18px);
}
.modern-contact-actions{
    display:flex;
    gap:10px;
    align-items:center;
    margin-top:10px;
    padding:12px 16px;
}
.modern-contact-submit,
.modern-contact-cancel{
    display:inline-flex;
    height:44px;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 18px;
    border-radius:11px;
    font-size:14px;
    font-weight:850;
    text-decoration:none!important;
    transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;
}
.modern-contact-submit{
    border:0;
    color:#FFFFFF;
    background:linear-gradient(135deg,#3B82F6,#2563EB);
    box-shadow:0 12px 24px rgba(37,99,235,.18);
}
.modern-contact-submit:hover,
.modern-contact-submit:focus{
    color:#FFFFFF;
    transform:translateY(-1px);
    box-shadow:0 15px 28px rgba(37,99,235,.24);
    outline:0;
}
.modern-contact-cancel{
    border:1px solid #D8E2EE;
    color:#475569;
    background:#FFFFFF;
}
.modern-contact-cancel:hover,
.modern-contact-cancel:focus{
    border-color:#C7D7EA;
    color:#2563EB;
    background:#F8FBFF;
}
.modern-contact-delete{
    display:inline-flex;
    height:44px;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-left:auto;
    padding:0 16px;
    border:1px solid #FECACA;
    border-radius:11px;
    color:#DC2626!important;
    background:#FEF2F2;
    font-size:14px;
    font-weight:850;
    text-decoration:none!important;
    transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.modern-contact-delete:hover,
.modern-contact-delete:focus{
    border-color:#FCA5A5;
    color:#B91C1C!important;
    background:#FEE2E2;
    transform:translateY(-1px);
}
.modern-contact-aside{
    position:sticky;
    top:82px;
    display:flex;
    flex-direction:column;
    gap:14px;
}
.modern-contact-helper{
    padding:18px 20px;
    overflow:hidden;
}
.modern-contact-helper h3{
    display:flex;
    gap:9px;
    align-items:center;
    margin:0 0 12px;
    color:#0F172A;
    font-size:16px;
    line-height:1.35;
    font-weight:850;
    overflow-wrap:anywhere;
}
.modern-contact-helper h3 i{
    flex:0 0 16px;
    color:#2563EB;
}
.modern-contact-helper p{
    display:flex;
    gap:9px;
    align-items:flex-start;
    margin:0 0 10px;
    color:#64748B;
    font-size:13px;
    line-height:1.6;
    overflow-wrap:anywhere;
}
.modern-contact-helper p:last-child{
    margin-bottom:0;
}
.modern-contact-helper p i{
    flex:0 0 13px;
    margin-top:3px;
    color:#2563EB;
    font-size:12px;
}
@media (min-width:768px){
    .template-clientareaaddcontact #wrapper{
        padding-left:250px!important;
    }
    .template-clientareaaddcontact-modern #wrapper{
        padding-left:250px!important;
    }
    .template-clientareaaddcontact #wrapper.toggled-2 #page-content-wrapper,
    .template-clientareaaddcontact #wrapper.toggled #page-content-wrapper{
        margin-left:0!important;
        padding-left:24px!important;
        width:auto!important;
    }
    .template-clientareaaddcontact-modern #wrapper.toggled-2 #page-content-wrapper,
    .template-clientareaaddcontact-modern #wrapper.toggled #page-content-wrapper{
        margin-left:0!important;
        padding-left:24px!important;
        width:auto!important;
    }
}
@media (max-width:1280px){
    .modern-contact-shell{
        grid-template-columns:minmax(0,1fr) 310px;
    }
    .modern-contact-permission-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:1020px){
    .modern-contact-shell{
        grid-template-columns:1fr;
    }
    .modern-contact-aside{
        position:static;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .modern-contact-side-menu{
        grid-column:1 / -1;
    }
}
@media (max-width:767px){
    .template-clientareaaddcontact #page-content-wrapper{
        padding:12px 14px 28px!important;
    }
    .template-clientareaaddcontact-modern #page-content-wrapper{
        padding:12px 14px 28px!important;
    }
    .modern-contact-titlebar h1{
        font-size:24px;
    }
    .modern-contact-selector-card form{
        grid-template-columns:1fr;
    }
    .modern-contact-type-card,
    .modern-contact-grid,
    .modern-contact-password-grid,
    .modern-contact-email-grid,
    .modern-contact-aside{
        grid-template-columns:1fr;
    }
    .modern-contact-type-card,
    .modern-contact-card,
    .modern-contact-actions,
    .modern-contact-side-card{
        border-radius:14px;
    }
    .modern-contact-card{
        padding:16px;
    }
    .modern-contact-card-title{
        align-items:flex-start;
    }
    .modern-contact-card-title .modern-contact-check-all{
        width:100%;
        margin:8px 0 0;
    }
    .modern-contact-card-title{
        flex-wrap:wrap;
    }
    .modern-contact-permission-grid{
        grid-template-columns:1fr;
    }
    .modern-contact-actions{
        align-items:stretch;
        flex-direction:column;
    }
    .modern-contact-submit,
    .modern-contact-cancel,
    .modern-contact-delete{
        width:100%;
        margin-left:0;
    }
    .modern-contact-password-title .generate-password{
        width:100%;
        margin:8px 0 0;
    }
}