/***** Generals *****/
:root{
    --color--primary: #007FFF;
    --color--primary-600: #0072E5;
    --color--primary-700: #0059B2;
}
body{
    font-size: 15px;
}
body.primary-bg-color {
    background-color: #f7f7f7;
}
.container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm{
    width: 96%;
    max-width: 96% !important;
}
.card{
    border: 0;
    border-radius: 8px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 24px rgba(0, 0, 0, 0.08);
}
.card-footer:last-child {
    border-radius: 0 0 8px 8px;
}
.card-header:first-child {
    border-radius: 8px 8px 0 0;
}
.primary-content .card-title{
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}
.btn{
    border-radius: 8px;
}
.btn-primary{
    border-color: var(--color--primary);
    background-color: var(--color--primary);
}
.btn-primary:hover{
    border-color: var(--color--primary-600);
    background-color: var(--color--primary-600);
}
.btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{
    border-color: var(--color--primary-700);
    background-color: var(--color--primary-700);
}
.btn-outline-primary {
    color: var(--color--primary);
    border-color: var(--color--primary);
}
.btn-outline-primary:hover {
    color: #ffffff;
    background-color: var(--color--primary);
    border-color: var(--color--primary);
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    background-color: var(--color--primary-700);
    border-color: var(--color--primary-700);
}
a:hover{
    text-decoration: none;
}
.dropdown .dropdown-menu.show {
    animation: dropdown-scale .5s;
}
@keyframes dropdown-scale {
    0% {
        opacity: 0;
        transform: scale(.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.sidebar.sidebar-secondary{
    margin-top: 1rem;
}
.custom-select{
    padding: 0.375rem 0.75rem 0.375rem 1.75rem;
}
.modal-header .close{
    margin: 0 auto 0 0;
    padding: 5px 10px;
}
.modal .modal-header{
    align-items: center;
}
.modal .modal-header .modal-title{
    font-size: 16px;
}
.form-control{
    border-radius: 8px !important;
    height: 44px !important;
}
textarea.form-control{
    height: auto !important;
}
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child){
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-text{
    padding: 0.375rem 1rem;
}
.form-control::placeholder{
    color: #d5d5d5;
    font-size: 12px;
}
.form-group {
    margin-bottom: 22px;
}


/***** Header *****/
header.header .logo-img {
    max-height: 70px;
}
#header{
    margin-right: 260px;
    position: sticky;
    top: 0;
    z-index: 998;
    box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
    height: 75px;
    min-height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #dee2e6;
    box-sizing: border-box;
    transition: all .4s ease-in-out;
}
#header .navbar.navbar-light{
    padding-left: 0;
    padding-right: 0;
}
#main_page_content{
    margin-right: 260px;
    transition: all .4s ease-in-out;
}
#sidemenu{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 260px;
    background-color: #202B46;
    color: #8d98af;
    transition: all .4s ease-in-out;
    display: flex;
    flex-direction: column;
    z-index: 999;
}
#header .topbar{
    display: none;
}
#account_navbar_nav.navbar-nav .dropdown-menu,
#client_notifications .dropdown-menu{
    position: absolute;
    left: 0;
    right: auto;
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    border-radius: 8px;
    border-color: #dee2e6;
}
header.header .toolbar .nav-link,
#account_navbar_nav > li > a{
    border-radius: 8px;
    border: 0;
    color: #212529;
    background-color: #f8f9fa;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    font-size: 18px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
header.header .toolbar .nav-link:hover,
#account_navbar_nav > li > a:hover{
    color: #212529;
    background-color: #e2e6ea;
}
#account_navbar_nav > li > a::after{
    margin-right: 0;
}
header.header .toolbar .nav-link:hover,
#account_navbar_nav > li > a:hover{
    text-decoration: none;
}
#client_notifications > .dropdown-toggle::after{
    display: none;
}
#client_notifications ul.client-alerts > li > a{
    display: flex;
    align-items: center;
}
#client_notifications ul.client-alerts > li > a .message{
    margin-right: 5px;
}
#client_notifications .dropdown-menu{
    width: 255px;
}
#client_notifications .dropdown-menu > .dropdown-item{
    white-space: normal;
}
@media (max-width: 500px) {
    #client_notifications .dropdown-menu{
        left: -100px;
    }
}
@media (max-width: 350px) {
    #client_notifications{
        display: none;
    }
}
header.header .toolbar .nav-link .badge{
    opacity: 1;
}
#header .search .form-control{
    background-color: #f0f3f8;
    color: #6c757d;
}
#header .search .input-group-prepend .btn{
    background-color: var(--color--primary);
    color: #ffffff;
    border-radius: 0;
    padding-right: 20px;
    padding-left: 20px;
}
#btn_sidemenu_toggler{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 50px;
    font-size: 19px;
}
@media (min-width: 992px) {
    #btn_sidemenu_toggler{
        margin-left: 24px;
    }
}
#sidemenu .main-navbar-wrapper{
    overflow: auto;
}
#sidemenu .navbar-brand-wrapper{
    height: 75px;
    min-height: 75px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #33446C;
    position: relative;
}
#sidemenu .navbar-brand-wrapper .navbar-brand{
    height: 65px;
    margin: 0;
    padding: 5px 0;
}
#sidemenu .navbar-brand-wrapper .navbar-brand .logo-img{
    height: 100%;
}
#sidemenu #mainNavbar{
    margin-top: 20px;
}
#sidemenu #mainNavbar li a{
    padding: 10px 16px !important;
    color: #8d98af;
    display: block;
    font-size: 14px;
}
#sidemenu #mainNavbar li a:hover{
    text-decoration: none;
    color: #bccee4;
}
#sidemenu #mainNavbar > ul > li.dropdown > ul.dropdown-menu{
    position: relative !important;
    transform: none !important;
    background-color: transparent;
    padding: 0 39px 0 0;
    margin: 0;
}
#sidemenu #mainNavbar > ul > li.dropdown > ul.dropdown-menu .dropdown-divider{
    display: none;
}
#sidemenu #mainNavbar > ul > li.dropdown > ul.dropdown-menu li{
    padding: 0;
}
#sidemenu #mainNavbar > ul > li.dropdown > ul.dropdown-menu li:hover,
#sidemenu #mainNavbar > ul > li.dropdown > ul.dropdown-menu li:focus{
    background-color: transparent;
    color: inherit;
}
#sidemenu #mainNavbar > ul > li.dropdown > ul.dropdown-menu li a:hover{
    background-color: transparent;
    color: #bccee4;
}
.dropdown-toggle::after{
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    border: 0;
    font-size: 12px;    
    vertical-align: 0;
}
#sidemenu #mainNavbar > ul > li > a{
    display: flex;
    align-items: center;
}
#sidemenu #mainNavbar > ul > li > a > i{
    width: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
}
#sidemenu #mainNavbar > ul > li.dropdown > .dropdown-toggle::after{
    margin-right: auto;
    transition: all 0.2s ease;
}
#sidemenu #mainNavbar > ul > li.dropdown.show > .dropdown-toggle::after{
    transform: rotateZ(180deg);
}
#sidemenu #mainNavbar li.active > a,
#sidemenu #mainNavbar li.has-active > a{
    color: #ffffff;
}
#sidemenu #mainNavbar .dropdown-item.active, #sidemenu #mainNavbar .dropdown-item:active,
#sidemenu #mainNavbar .dropdown-item:hover, #sidemenu #mainNavbar .dropdown-item:focus{
    background-color: transparent;
}
#sidemenu #mainNavbar li:focus-visible,
#sidemenu #mainNavbar a:focus-visible{
    outline: 0 !important;
}
#full_page_wrapper{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
#main_page_content{
    display: flex;
    flex-direction: column;
    flex: 1 auto;
}
#full_page_wrapper.toggled-sidemenu #header,
#full_page_wrapper.toggled-sidemenu #main_page_content{
    margin-right: 0;
}
#full_page_wrapper.toggled-sidemenu #sidemenu{
    opacity: 0;
    transform: translateX(260px);
}
#btn_sidemenu_close{
    position: absolute;
    left: 5px;
    color: #ffffff;
    outline: 0;
    border: 0;
    display: none;
}
#sidemenu_backdrop{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 998;
    display: none;
}
@media (max-width: 991.98px) {
    #header,
    #main_page_content{
        margin-right: 0;
    }
    #sidemenu{
        opacity: 0;
        transform: translateX(260px);
    }
    #full_page_wrapper.toggled-sidemenu #sidemenu{
        opacity: 1;
        transform: none;
    }
    #btn_sidemenu_close{
        display: block;
    }
    #full_page_wrapper.toggled-sidemenu #sidemenu_backdrop{
        display: block;
    }
}


/***** Footer *****/
footer.footer{
    padding: 20px 0px;
    background-color: #ffffff;
    color: #071437;
    border-top: 1px solid #dee2e6;
    margin-top: auto;
}
footer.footer .nav-link{
    color: #071437;
}
footer.footer .nav-item:first-child .nav-link{
    padding-right: 0;
}
footer.footer > .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}
@media (max-width: 800px) {
    footer.footer > .container{
        flex-direction: column;
        font-size: 13px;
    }
}
#fullpage-overlay{
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
}
#fullpage-overlay .outer-wrapper{
    height: unset;
}
#fullpage-overlay .inner-wrapper{
    position: relative;
    top: unset;
    right: unset;
    margin: unset;
    height: auto;
    width: auto;
}


/***** Login and Register *****/
body.page-login #header, body.page-login #sidemenu,
body.page-clientregister #header, body.page-clientregister #sidemenu,
body.page-password-reset-container #header, body.page-password-reset-container #sidemenu{
    display: none;
}
body.page-login #main_page_content,
body.page-clientregister #main_page_content,
body.page-password-reset-container #main_page_content{
    margin-right: 0;
}
body.page-login #main_page_content .master-breadcrumb, body.page-login #main_page_content #footer,
body.page-clientregister #main_page_content .master-breadcrumb, body.page-clientregister #main_page_content #footer,
body.page-password-reset-container #main_page_content .master-breadcrumb, body.page-password-reset-container #main_page_content #footer{
    display: none;
}

.auth-fullpage-container{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    min-height: 100vh;
}
.auth-fullpage-container .auth-fullpage-sidebar-content{
    display: block;
    width: 30%;
    overflow: auto;
    padding: 30px 30px;
    background: linear-gradient( 90deg, #083fbf 0%, #05297d 100%);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.auth-fullpage-container .auth-fullpage-main-content{
    width: 70%;
    overflow: auto;
    padding: 30px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.auth-fullpage-sidebar-content .logo-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.auth-fullpage-sidebar-content .logo-wrapper a{
    width: 230px;
    display: block;
}
.auth-fullpage-sidebar-content .logo-wrapper a img{
    width: 100%;
    height: auto;
}
.auth-fullpage-sidebar-content .info-wrapper{
    margin-top: 60px;
    text-align: center;
}
.auth-fullpage-sidebar-content .info-wrapper h2{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}
.auth-fullpage-sidebar-content .info-wrapper p{
    text-align: justify;
}
.auth-fullpage-main-content .card .h3, .auth-fullpage-main-content .card .card-title{
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 1rem;
}
.auth-fullpage-main-content .logo-wrapper-mobile{
    display: none;
    text-align: center;
    margin-bottom: 20px;
}
@media (max-width: 991.98px) {
    .auth-fullpage-container .auth-fullpage-sidebar-content{
        display: none;
    }
    .auth-fullpage-container .auth-fullpage-main-content{
        width: 100%;
    }
    .auth-fullpage-main-content .logo-wrapper-mobile{
        display: block;
    }
}

form.login-form .form-check-input{
    position: relative;
    margin-top: 0;
    margin-right: 0;
}

body.page-login .pw-input{
    border-radius: 0 !important;
}
body.page-clientregister #main-body > .container > .row > .col-lg-4.col-xl-3{
    display: none;
}
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
    left: 0;
    right: auto;
}
.intl-tel-input .field,
.intl-tel-input .form-control{
    padding-right: 10px;
    padding-left: 90px;
}
.intl-tel-input .country-list{
    left: 0;
    direction: ltr;
    text-align: left;
}
.intl-tel-input .selected-flag{
    padding: 0 8px 0 8px;
}
.intl-tel-input.separate-dial-code .selected-dial-code{
    direction: ltr;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-left: 84px;
    padding-right: 10px;
}
body.page-clientregister #register_last_section{
    font-size: 14px;
}
body.page-clientregister #containerNewUserSignup{
    max-width: 650px;
    margin: 0 auto;
}
body.page-clientregister #registration label{
    color: #000000;
    font-weight: normal;
}

#default-captcha-domainchecker{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 0;
}
#default-captcha-domainchecker #inputCaptcha{
    width: 100%;
    font-family: sans-serif;
    text-transform: uppercase;
}
#default-captcha-domainchecker #inputCaptcha::placeholder{
    font-family: whmcsco;
    color: #999999;
}
#default-captcha-domainchecker .captchaimage{
    position: absolute;
    left: 5px;
    top: 5px;
    height: 34px;
    padding: 0;
}
#default-captcha-domainchecker .captchaimage img{
    height: 100%;
    width: auto;
}
@media (max-width: 991px) {
    #default-captcha-domainchecker {
        margin-bottom: 0;
    }
}


/***** Sidebar Cards *****/
.sidebar .card[menuitemname="Client Details"] .card-header{
    background-color: var(--color--primary);
    color: #ffffff;
    border-bottom: 0;
}
.sidebar .card[menuitemname="Client Details"] .card-header .card-minimise{
    display: none;
}
.sidebar .card[menuitemname="Client Details"] .card-body{
    background-color: var(--color--primary);
    color: #ffffff;
}
.sidebar .card[menuitemname="Client Details"] .card-footer{
    border-top: 0;
    background-color: var(--color--primary);
}
.sidebar .card[menuitemname="Client Details"] .card-footer .btn{
    color: #ffffff;
    background-color: rgba(255,255,255,0.3);
    border: 0;
    padding: 5px 14px;
}
.card.card-sidebar .card-header{
    background-color: #ffffff;
    border-bottom: 0;
    padding: 1.25rem;
}
.card.card-sidebar .card-header .card-title{
    font-size: 14px;
    font-weight: bold;
}
.card.card-sidebar .card-footer{
    background-color: #ffffff;
    border-top: 0;
}
.card.card-sidebar .card-body{
    padding: 0;
}
.card.card-sidebar .card-body .card-body-content,
.card.card-sidebar .card-body .list-group-item{
    padding: 12px 1.25rem;
}
.sidebar .list-group-item.active, .sidebar .list-group-item.active:hover, .sidebar .list-group-item.active:focus {
    background-color: #ffffff;
    border-color: #f5f5f5;
    color: var(--color--primary);
}
.sidebar .list-group-item .badge{
    width: 24px;
    background-color: #f7f7f7;
    border: 1px solid #dcdcdc;
}

.cart-sidebar .card.card-sidebar .collapsable-card-body{
    display: block !important;
}
.cart-sidebar .card.card-sidebar .card-minimise{
    display: none;
}
#order-standard_cart .cart-sidebar h3, #order-standard_cart .sidebar-collapsed h3 {
    font-size: 14px !important;
    font-weight: bold;
}
#order-standard_cart .cart-sidebar .list-group-item {
    padding: 12px 1.25rem !important;
    border-color: #f5f5f5;
    font-size: 15px;
} 
.cart-sidebar .list-group-item.active, .cart-sidebar .list-group-item.active:hover, .cart-sidebar .list-group-item.active:focus{
    background-color: #ffffff;
    border-color: #f5f5f5;
    color: var(--color--primary);
}


/***** clientareahome *****/
.client-home-cards .card{
    margin-bottom: 20px;
}
.client-home-cards .card .card-header{
    padding: 1.5rem 1.25rem 1rem 1.25rem;
}
.client-home-cards .card .card-header .card-title{
    font-size: 14px;
    font-weight: bold;
}
.client-home-cards .card .list-group{
    border: 0 !important;
}
.client-home-cards .card .list-group .list-group-item{
    padding: 1rem 1.25rem;
}
.client-home-cards .card .list-group .list-group-item:last-child{
    border-bottom: 0 !important;
}
.client-home-cards .card .list-group .list-group-item .div-service-status{
    width: max-content !important;
    margin-left: 10px;
}
.client-home-cards .card .card-footer{
    background-color: #ffffff;
    border-top: 0;
    padding: 1rem 1.25rem;
}
.page-clientareahome .tiles .tile{
    border: 0;
    padding: 20px;
    margin-bottom: 0;
    background-color: #ffffff;
}
.page-clientareahome .tiles .tile i{
    top: 20px;
    left: 20px;
    font-size: 40px;
}
.page-clientareahome .tiles .tile .highlight{
    margin-top: 0;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.bg-color-blue{
    background-color: var(--color--primary) !important;
}
.text-color-blue{
    color: var(--color--primary) !important;
}
.bg-color-green{
    background-color: #00b500 !important;
}
.text-color-green{
    color: #00b500 !important;
}
.bg-color-red{
    background-color: #e70000 !important;
}
.text-color-red{
    color: #e70000 !important;
}
.bg-color-gold{
    background-color: #ff9600 !important;
}
.text-color-gold{
    color: #ff9600 !important;
}


/***** clientareaproducts *****/
.table-container{
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 24px rgba(0, 0, 0, 0.08);
    padding: 24px;
}
.table-container .pagination .page-item{
    margin-right: 4px;
}
.table-container .pagination .page-item.active .page-link{
    background-color: var(--color--primary);
    border-color: var(--color--primary);
}
table.table-list thead th,
.dataTables_wrapper table.table-list thead th.sorting_asc, .dataTables_wrapper table.table-list thead th.sorting_desc,
.dataTables_wrapper table.table-list thead th{
    background-color: #eef2f7;
    padding: 14px;
    font-size: 13px;
    font-weight: bold;
}
.dataTables_wrapper table.table-list thead th{
    border-bottom: 0;
    border-top: 0;
}
table.table-list tbody td{
    padding: 16px 8px;
}
.dataTables_wrapper table.table-list{
    margin: 20px 0 !important;
}


/***** clientareaproductdetails *****/
.page-clientareaproductdetails #tabOverview > .row > .col-md-6{
    margin-bottom: 1.5rem;
}
.page-clientareaproductdetails #tabOverview > .row .panel.card{
    height: 100%;
}
.page-clientareaproductdetails .primary-content .card-header{
    padding: 1rem 1.25rem;
}
.page-clientareaproductdetails .primary-content .card-header .card-title{
    font-size: 17px;
    font-weight: bold;
}
.page-clientareaproductdetails #cPanelQuickShortcutsPanel .card-body{
    font-size: 14px;
}
.page-clientareaproductdetails #cPanelQuickShortcutsPanel .card-body > .row > .col-md-3{
    margin-bottom: 1rem;
}
.page-clientareaproductdetails #frmCreateEmailAccount .input-group{
    direction: ltr;
}
.page-clientareaproductdetails #frmCreateEmailAccount .input-group > .form-control:not(:last-child){
    border-radius: 0.25rem 0 0 0.25rem;
}
.page-clientareaproductdetails #frmCreateEmailAccount .input-group > .input-group-append > .input-group-text{
    border-radius: 0 0.25rem 0.25rem 0;
}


/***** logicfa_default orderform *****/
#order-standard_cart.logicfa_default .header-lined{
    margin: 0 0 20px 0;
    padding: 20px;
}
#order-standard_cart.logicfa_default .header-lined .productgroup_img{
    margin-left: 15px;
}
#order-standard_cart.logicfa_default .header-lined .productgroup_img img{
    height: 60px;
    width: auto;
}
#order-standard_cart.logicfa_default .header-lined h1{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
}
#order-standard_cart.logicfa_default .header-lined p{
    margin: 8px 0 0 0;
    color: #6c757d;
}
#order-standard_cart.logicfa_default .product-card.card{
    margin-bottom: 20px;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper{
    display: flex;
    padding: 16px;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-figure{
    width: 40%;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-figure a{
    display: flex;
    width: 100%;
    height: 100%;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-figure img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context{
    width: 60%;
    padding: 0 16px 0 0;
    display: flex;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context .product-description{
    width: 65%;
    position: relative;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context a.product-name-link{
    color: #000000;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context h2{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context .product-featuresdesc,
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context .product-features-list{
    color: #666666;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context .product-description ul{
    padding: 0 16px 0 0;
    margin: 0;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context .product-description ul li{
    margin-bottom: 4px;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context a.product-more-link{
    color: var(--color--primary);
    font-size: 13px;
    position: absolute;
    bottom: 0;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context .product-actions{
    width: 35%;
    padding: 0 16px 0 0;
    border-right: 1px solid #dedede;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context .product-pricing{
    text-align: center;
    margin-bottom: 10px;
}
#order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context .btn-order-now{
    font-size: 14px;
}

@media (min-width: 1200px) {
    #order-standard_cart.logicfa_default .cart-body .products{
        margin-top: 0;
    }
}
@media (max-width: 1200px){
    body.page-products #order-standard_cart.logicfa_default .header-lined{
        margin: 0;
    }
}
@media (max-width: 700px) {
    #order-standard_cart.logicfa_default .product-card .product-content-wrapper{
        flex-direction: column;
    }
    #order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-figure{
        width: 100%;
    }
    #order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context{
        width: 100%;
        padding: 16px 0 0 0;
    }
}
@media (max-width: 500px) {
    #order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context{
        flex-direction: column;
    }
    #order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context .product-description{
        width: 100%;
    }
    #order-standard_cart.logicfa_default .product-card .product-content-wrapper .product-context .product-actions{
        width: 100%;
        border-right: 0;
        border-top: 1px solid #dedede;
        padding: 16px 0 0 0;
        margin-top: 16px;
    }
}


/***** addons *****/
#order-standard_cart h1.font-size-36{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}


/***** viewcart *****/
#order-standard_cart.logicfa_default .order-summary{
    background-color: #ffffff;
    border-bottom: 0;
    border-radius: 8px;
}
#order-standard_cart.logicfa_default .order-summary h2{
    color: #000000;
    padding: 0;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: bold;
}
#order-standard_cart.logicfa_default .order-summary .loader{
    color: #000000;
}
#order-standard_cart.logicfa_default .order-summary .summary-container{
    background-color: transparent;
    padding: 0;
}
#order-standard_cart.logicfa_default .promo-form-group{
    display: flex;
    align-items: center;
}
#order-standard_cart.logicfa_default .promo-form-label{
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
}
#order-standard_cart.logicfa_default .promo-form-group .btn{
    margin-right: 10px;
    flex-shrink: 0;
    font-size: 14px;
}
#order-standard_cart.logicfa_default .order-summary .total-due-today .amt{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
#order-standard_cart.logicfa_default .view-cart-items-header{
    background-color: #eef2f7;
    color: #000000;
    padding: 14px;
    font-size: 13px;
    font-weight: bold;
}
#order-standard_cart.logicfa_default .view-cart-items{
    border-bottom: 1px solid #dddddd;
}
#order-standard_cart.logicfa_default .empty-cart .btn{
    background-color: #dddddd;
    color: #000000;
}
#order-standard_cart.logicfa_default .header-lined .cart_header_img{
    margin-left: 15px;
}
#order-standard_cart.logicfa_default .header-lined .cart_header_img img {
    height: 60px;
    width: auto;
}
#order-standard_cart.logicfa_default .view-cart-items .item-title,
#order-standard_cart.logicfa_default .view-cart-items .item-price span{
    font-size: 15px;
}
#order-standard_cart.logicfa_default .view-cart-items .item-group,
#order-standard_cart.logicfa_default .view-cart-items .item-price span.cycle{
    font-size: 13px;
}
#order-standard_cart.logicfa_default .view-cart-items .item:nth-child(even){
    background-color: #ffffff;
}
#order-standard_cart.logicfa_default .view-cart-items .item{
    padding: 16px 10px;
    border-top: 1px solid #dddddd;
}
#order-standard_cart.logicfa_default .view-cart-items .item:first-child{
    border-top: 0;
}
@media (max-width: 550px) {
    #order-standard_cart.logicfa_default .promo-form-group{
        display: block;
    }
    #order-standard_cart.logicfa_default .promo-form-group .btn{
        margin: 10px 0 0 0;
        width: 100%;
    }
}


/***** configureproduct *****/
#order-standard_cart.logicfa_default .product-info .product-title{
    font-size: 16px;
}


/***** configureproductdomain *****/
#order-standard_cart.logicfa_default .domain-selection-options .option{
    padding: 24px;
    margin-bottom: 16px;
    border: 1px solid #dddddd;
}
#order-standard_cart.logicfa_default .domain-selection-options .option .option-submit-btn{
    width: 300px;
}
#order-standard_cart.logicfa_default .domain-checker-result-headline{
    font-size: 15px;
    color: #000000;
}
@media (max-width: 575.98px) {
    #order-standard_cart.logicfa_default .domain-selection-options .option .option-submit-btn{
        width: 100%;
    }
}


/***** checkout *****/
.card .card-subheading{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
#order-standard_cart.logicfa_default #btnAlreadyRegistered,
#order-standard_cart.logicfa_default #btnNewUserSignup{
    display: none !important;
}
#order-standard_cart.logicfa_default .already-registered .form-check{
    padding: 0;
    margin-bottom: 20px;
}
#order-standard_cart.logicfa_default .already-registered .form-check label{
    cursor: pointer;
    margin: 0 5px 0 0;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
}
#order-standard_cart.logicfa_default .prepend-icon .field-icon{
    height: 44px;
    line-height: 44px;
    margin-bottom: 0;
}
#order-standard_cart.logicfa_default #containerNewUserSignup .form-control::placeholder{
    color: #bbbbbb;
    font-size: 13px;
}
#order-standard_cart.logicfa_default label,
#order-standard_cart.logicfa_default p.domain-renewal-desc{
    font-weight: normal;
}
#order-standard_cart.logicfa_default #containerExistingAccountSelect label{
    cursor: pointer;
}
#order-standard_cart.logicfa_default .account-select-container{
    border: 0;
}
#order-standard_cart.logicfa_default .account-select-container div.account{
    border: 1px solid #dddddd;
}
.gateways-wrapper{
    display: flex;
    flex-wrap: wrap;
}
.gateways-wrapper .gateway-item{
    cursor: pointer;
    border: 2px solid #e7eaed;
    border-radius: 8px;
    padding: 16px;
    width: 170px;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.gateways-wrapper .gateway-item.active{
    border-color: var(--color--primary);
}
.gateways-wrapper .gateway-item .iradio_square-blue{
    position: absolute;
    top: 5px;
    right: 5px;
}
.gateways-wrapper .gateway-info-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.gateways-wrapper .gateway-info-container img{
    height: 70px;
    width: auto;
    margin-bottom: 12px;
}
.gateways-wrapper .gateway-info-container .gateway-name{
    text-align: center;
}


/***** Page 404 *****/
.container.page-404-error img.img-404{
    width: 400px;
    max-width: 100%;
}
.container.page-404-error .msg-title{
    margin: 20px auto;
    font-size: 18px;
    font-weight: bold;
}


/***** client area product details *****/
.product-details-info-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
    font-size: 14px;
}
.product-details-info-item h4{
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}
.product-status .product-icon h3{
    font-size: 18px;
    font-weight: bold;
}
.product-status .product-icon h4{
    font-size: 16px;
    font-weight: bold;
}
.product-status .product-icon .product-icon-img-wrapper{
    width: 80%;
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
}
.product-status .product-icon .product-icon-img-wrapper img{
    width: 100%;
    max-width: 100%;
    height: auto;
}
@media (max-width: 500px) {
    .product-details-info-item{
        flex-direction: column;
    }
}


/***** announcements *****/
.page-announcements .announcements-page-title{
    font-size: 18px !important;
    font-weight: bold;
    color: var(--color--primary) !important;
    margin-bottom: 24px;
}
.announcements .announcement{
    margin-bottom: 40px;
    border-bottom: 1px solid #cecece;
    padding-bottom: 40px;
}
.announcements .announcement:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.announcements .announcement h2{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
}
.announcements .announcement h2 a{
    color: #000000;
}
.announcements .announcement h2 a:hover{
    color: var(--color--primary-700);
}
.btn-inline-icon{
    display: flex;
    align-items: center;
    width: max-content;
}
.page-viewannouncement .announcement-content-container h1{
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 20px;
}
.page-viewannouncement .announcement-content-container ul.list-inline{
    margin-bottom: 20px;
}


/***** Ticketing *****/
.card-title.submit-ticket-title{
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}
.view-ticket .ticket-msg-ip{
    direction: ltr;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
}
.page-viewticket #main-body .card-sidebar[menuitemname="Ticket Information"] .card-footer > .row{
    margin: 0;
    justify-content: space-between;
}
.page-viewticket #main-body .card-sidebar[menuitemname="Ticket Information"] .card-footer > .row .col-6{
    padding: 0;
    max-width: 45%;
}
.page-viewticket #main-body .card-sidebar[menuitemname="Ticket Information"] .card-footer > .row .col-6 .btn-sm{
    font-size: 13px;
}


/***** responsive tables *****/
@media (max-width: 600px) {
    .table-container{
        padding: 10px;
    }
    .listtable{
        overflow-x: auto;
    }
    .dataTables_wrapper table.table-list thead th{
        padding: 3px !important;
        font-size: 12px;
    }
    table.table-list tbody td {
        padding: 16px 3px;
        font-size: 12px;
    }
    div.dataTables_wrapper div.dataTables_paginate{
        float: none;
        margin-bottom: 16px !important;
    }
}