body {
    color: #9D9D9C;
    font: normal 13px/18px 'Quattrocento Sans', sans-serif;
}
a {
    color: rgb(221, 132, 90);
}
a:hover {
    color: rgb(214, 99, 22);
}

.ce-overall-light {
    background-color: #f4f4f4;
}

.ce-overall-dark {
    background-color: #000;
}

.ce-container label {
    cursor: default;
    font-weight: normal;
    margin-bottom: 3px;
}

.select2-container {
    margin-bottom:12px;
}

.ce-container .nomargin {
    margin:0;
}

.ce-container h1.smalllineheight {
    line-height: 45px
}

select#redactor_form_image_align {
    display:block;
}

select.disableSelect2AutoLoad {
    display:inline;
}

.parsley-error-list li {
    list-style: none;
    font-size: 13px;
    margin-bottom: 10px;
    color: #a94442;
}

.parsley-error-list.for_sub_label {
    margin-top: -20px;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #555;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #555;
}

.page-header-top h1 {
    float: left;
    width: 100%;
}

.page-header-top h1,
.ce-container h1 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 35px;
    margin: 5px 0 30px 0;
    font-weight: bold;
}

.ce-container h2,
.ce-container h3 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
}

/* not sure if I want to keep */
.ce-container h2 a,
.ce-container h3 a {
    color: #333 !important;
    /*color: rgb(214, 99, 22) !important;*/

}
.ce-container h2 a:hover,
.ce-container h3 a:hover {
    color: rgb(214, 99, 22) !important;
}
/* header a */

.ce-container h2 {
    line-height: 25px;
}
.ce-container a.btn {
    text-decoration: none;
}

.alert-error a {
    color: #b94a48;
    text-decoration: underline;
}

img.public-logo, h1.client-portal-name span {
   float: left
}

.ce-container span.delim2 {
    font-weight: bold;
    padding: 0 3px;
    font-size: 6px;
}

.page-header-top {
    font :normal 13px/18px 'Quattrocento Sans', sans-serif;
    margin-top: 24px;
}

.page-header-top .navbar {
    margin-bottom: 50px;
    margin-inline: 15px;
}

.ce-default-avatar {
    background: transparent url(../../default/img/avatars/avatar_male_gray_on_light_200x200.png) repeat scroll 0 0;
    background-size: 100% 100%;
}

.ce-default-avatar-female {
    background: transparent url(../../default/img/avatars/avatar_female_gray_on_light_200x200.png) repeat scroll 0 0;
    background-size: 100% 100%;
}

.ce-default-avatar-dark {
    background: transparent url(../../default/img/avatars/avatar_male_gray_on_dark_200x200.png) repeat scroll 0 0;
    background-size: 100% 100%;
}

.ce-default-avatar-female-dark {
    background: transparent url(../../default/img/avatars/avatar_male_gray_on_dark_200x200.png) repeat scroll 0 0;
    background-size: 100% 100%;
}

.link-admin-loggedin {
    padding-top:4px;
}

.ce-container.loggedin #profile {
    height: 155px;
    text-align: left;
}

.ce-account-stats {
    width: 100%;
}

.poweredby {
    color: #888;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    line-height: 45px;
}
.poweredby div {
    margin: 0 auto;
}

.poweredby img {
    display: inline-block;
    height: 20px;
}
.poweredby a {
    text-decoration: none;
}

.ce-main,
.ce-main-inner {
    padding: 0;
}

.ce-main {
    float: left;
    color: #111;
    /*z-index: 4;*/
}

.ce-box,
.ce-main.notcart {
    background: rgba(255, 255, 255, 0.4);
    border: 2px solid #E5E5E5;

    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;

    padding: 9px 9px 10px;
    margin-left: 0;
    margin-bottom: 10px;
}

.ce-overall-dark .ce-box,
.ce-overall-dark .ce-main {
    border: 2px solid rgb(32, 27, 27);
}

.ce-overall-dark .ce-main.cart {
    border:none;
}

.ce-box-inner,
.ce-main.notcart .ce-main-inner {
    float: left;
    padding: 35px;
    background: white;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}
@media (max-width: 767px) {
    .ce-box-inner,
    .ce-main.notcart .ce-main-inner {
        padding: 0;
    }
    .center-on-mobile {
        text-align: center;
    }
}
.table-responsive {
    overflow-x: visible;
}
.maxw_* .table-responsive {
    overflow-x: auto;
}

.ce-container .copyright{
    color: #cdcdcd;
}

.breadcrumb li.active span {
    border-bottom: 2px solid #ddd;
}

.btn-default {
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
}

.btn-default.btn-warning {
    background-image: none;
}

ul.articles {
    list-style: none;
    padding-left: 0px;
    margin-top: 10px;
    white-space:nowrap;
    font-size: 14px;
    height: auto;
}

.well-light {
    background-color: #fbfbfb;
    border: none;
}


/* fieldset overrides */
.ce-fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  margin-left:20px;
  margin-top: 10px;
}
.ce-fieldsetcheckbox {
    margin-left: 25px;
}

.ce-fieldset {display: inline-block; vertical-align: middle;}
.ce-fieldset {display: inline !ie7; /* IE6/7 need display inline after the inline-block rule */}

td.old, td.new {
    color: #cdcdcd !important;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset !important;
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow:0 0 0 50px white inset !important;
    -webkit-text-fill-color: #333;
}

.popover-content {
    font-weight: normal !important;
}


.msg-div-inner {
    background-color: transparent;
    margin-top:6px;
    font-size: 14px !important;
    color: #474747;
}

.msg-div-wrapper {
    font: 12px/18px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.4);

    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;

    background: orange;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='orange'); /* for IE */
    background: -moz-linear-gradient(270deg, #FCFCFC, orange) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(orange));

    border-color: #E9E9E9 #E9E9E9 #F5F5F5;
    border-style: solid;
    border-width: 2px;
    display: block;
    padding: 5px 10px;
    min-height: 25px;
    text-align: center;
    position:fixed !important;
    top: -5px !important;
    z-index:20000;
    margin-left:-200px;
    left:50% !important;
    width: 250px;
}

.richtable table.small-table {
    display:none;
    clear:both;
}

table.small-table .st-head-row-main {
    display:none;
}

table.small-table .st-head-row {
    padding-top:20px;
    border:0;
}

.richtable table.small-table tr td {
    border:0;
}

.gridheader {
    clear:both;
    padding: 4px;
    float: right;
    margin-bottom: 12px;
    color: #777;
}

#checkout-social li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
}


.ce-topnavbar {
    border-radius: 4px 4px 0 0;
    border-width: 1px;
    /* to overlap the header */
    position: relative;
    top: -26px;
    margin-bottom: -13px;
}

.fa-light {
    color: #ffffff;
}

.fa-muted {
    color: #eeeeee;
}

.fa-dark {
    color: #333333;
}

.badge-important {
    background-color: #b94a48;
}

a.rich-button,
.richwindow {
    box-sizing: content-box;
    width: auto !important;
}

.richwindow .msgbox-wrapper {
    min-height: 95px;
}

.richwindow input {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.update-profile-method-frm .customfields-wrapper {
    float: left;
    margin-bottom: 15px;
}

#filter-ul .btn {
    margin-right: 2px;
    padding: 5px 20px;
    color:  white;
    background-color: rgb(208, 211, 216);
}
.btn-group .btn {
    font-size: 15.998px;
}

.ce-main .nav {
    margin-bottom: 20px;
    margin-top: 30px;
}

.ce-main-inner .well {
    background: rgb(244, 249, 252);
}

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #222222;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled] {
    color: #ffffff;
    background-color: #222222;
    *background-color: #151515;
}

.btn-inverse:active,.btn-inverse.active {
    background-color: #080808 \9;
}

.form-actions,
.file-upload {
    padding-left: 0;
}

.btn-file {
    text-align: center;
}

#checkout-social {
    padding-left: 0px;
}

.kb-search-form {
    margin-bottom: 20px;
}

/* Update style 2024 */
body {
    padding-top: 0px !important;
}

.page-header-top h1 {
    color: white;
}

.navbar {
    padding: 0 !important;
}

.navbar-collapse .navbar-nav {
    flex-direction: row;
}

.navbar-nav .caret {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 600 !important;
}

.navbar-nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    line-height: 20px;
}

.loggedin .header-user-menu .current-user>ul {
    background-color: rgb(250, 250, 250);
    padding: 0px;
}

.loggedin .header-user-menu .current-user>ul.pull {
    top: 35px;
}

.loggedin .header-user-menu .current-user>ul li a {
    font-weight: 500;
    color: #121212;
}

.loggedin .header-user-menu .current-user>ul li a:hover {
    color: #fff !important;
    background-color: #000 !important
}

.navbar .nav li.dropdown .dropdown-menu>li>a,
.collapse.show {
    display: block;
}

.header-user-menu .current-user a {
    font-size: 12px;
    font-weight: 500;
}

.navbar .nav li.dropdown .dropdown-menu {
    opacity: 0;
    visibility: hidden;
}

.navbar .nav ul li:first-child {
    border-radius: 6px 6px;
    padding-top: 3px;
}

.navbar .nav ul li:last-child {
    border-radius: 0 0 6px 6px;
}

.ce-overall-light .navbar .nav ul li {
    background-color: rgb(247, 247, 247);
}

.ce-bgcolor-blue #signup-steps .secure-connection:after {
    border-color: transparent transparent transparent #59a139;
    border-width: 22px 0 22px 16px;
    right: -15px;
}

#signup-steps {
    line-height: 1;
}

#signup-steps>div:not(.shopping_cart) {
    width: 22%;
    position: relative;
    margin-left: -4px;
    left: 4px;
    padding: 16px 0;
}

#signup-steps>div:not(.shopping_cart):after {
    content: "";
    position: absolute;
    right: -16px;
    top: 0;
}

#signup-steps>div {
    width: 10%;
    display: inline-block;
    text-align: center;
}

.ce-bgcolor-blue #signup-steps .on {
    color: white !important;
}

.ce-bgcolor-blue #signup-steps .last-on:after, 
.ce-bgcolor-blue #signup-steps .on:after {
    border-color: transparent transparent transparent #121212;
}

.ce-bgcolor-blue #signup-steps .on:after {
    border-width: 22px 0 22px 16px;
    right: -15px;
}

#signup-steps .secure-connection:after, #signup-steps .off:after, #signup-steps .on:after, #signup-steps .last-off:after, #signup-steps .last-on:after {
    border-style: solid;
    border-width: 23px 0 23px 16px;
    height: 0px;
    z-index: 999;
}

.shopping_cart {
    font-size: 28px;
}

.cart-badge {
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
    top: -49px;
    left: 4px;
}

.ce-bgcolor-blue .cart-summary-btn {
    background-image: none;
}

.cart-summary-btn {
    height: 46px;
    text-align: center;
    text-decoration: none;
    vertical-align: inherit;
    width: 46px;
    margin: 0 auto;
}

.badge {
    vertical-align: middle !important;
    border-radius: 10px !important;
}

.input-group-addon {
    padding: 14px 15px !important;
}

/*  */
.support-boxes {
    @media (min-width: 992px) {
        .col-md-3 {
            width: 25%;
        }
    }
    @media (min-width: 768px) and (max-width: 991.9px) {
        .col-md-3 {
            flex: none;
            max-width: none;
        }
        .col-sm-6 {
            width: 50%;
        }
    }
    @media (min-width: 576px) {
        .col-sm-6 {
            flex: none;
            max-width: none;
        }
    }
    @media (max-width: 767.9px) {
        .col-xs-12 {
            width: 100%;
        }
    }
}

.col-xs-12.ce-main.notcart form {
    @media (min-width: 992px) {
        .col-md-offset-4 {
            margin-left: 33.33333333%;
        }
        .col-md-4 {
            width: 33.33333333%;
        }
    }
    @media (min-width: 768px) and (max-width: 991.9px) {
        .col-md-4 {
            flex: none;
            max-width: none;
        }
        .col-sm-offset-3 {
            margin-left: 25%;
        }
        .col-sm-6 {
            width: 50%;
        }
    }
    @media (min-width: 576px) {
        .col-sm-6 {
            flex: none;
            max-width: none;
        }
    }
    @media (max-width: 767.9px) {
        .col-xs-offset-0 {
            margin-left: 0;
        }
        .col-xs-12 {
            width: 100%;
        }
    }
}
/* --------- */
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-nav {
    margin: 0px;
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 768px) and (max-width: 991.9px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: none;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: none;
    }
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: none;
    }
}

.support-boxes {
    min-width: calc(100% + 30px);
}

.panel-default {
    border-color: #ddd;
}
.panel {
    margin-top: 57px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.feature-block .panel-body {
    color: #121212;
    text-align: center;
    padding: 20px 35px;
    min-height: 273px;
}

.feature-block .feature-tab {
    font-size: 2.5em;
    height: 80px;
    text-align: center;
    text-decoration: none;
    vertical-align: inherit;
    width: 80px;
    margin: 25px auto;
}

.data-table-wrapper .cs-padding {
    @media (min-width: 992px) {
        .offset-md-3 {
            margin-left: 33.33333333%;
        }
        .col-md-6 {
            width: 33.33333333%;
        }
    }

    @media (min-width: 768px) and (max-width: 991.9px) {
        .col-md-6 {
            flex: none;
            max-width: none;
        }
        .offset-md-3 {
            margin-left: 25%;
        }
        .col-md-6 {
            width: 50%;
        }
    }
    
    @media (max-width: 767.9px) {
        .col-12 {
            flex: none;
            max-width: none;
        }
        .offset-md-3 {
            margin-left: 0%;
        }
        .col-md-6 {
            width: 100%;
        }
    }
}

.validate-form .content-page .container {
    width: auto;
}

#ce-loginbox, #ce-loginbox h4 {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
}

#ce-loginbox .row .col-12 {
    margin-top: 20px;
    flex: none;
    max-width: none;
}

.cart-status-bar .cart-status-rail {
    background: none;
    box-shadow: none;
}

.cart-pages-wrapper .cart-status-bar .cart-status-rail {
    display: inline;
}

.img-circle {
    border-radius: 50%;
}

.packages-wrapper {
    padding: 36px 28px;
    border-radius: 5px 5px 5px 5px;
}

.packages-wrapper ul, 
.packages-wrapper li,
.packages-wrapper ul li ul {
    list-style: revert;
    padding: revert;
}

.packages-wrapper .sec-head {
    text-align: left;
}

.packages-wrapper h1 {
    margin-bottom: 0px;
    color: #121212;
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch;
}

.navbar-toggle {
    gap: 5px;
    display: flex;
    flex-direction: column;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.panel .panel-heading {
    padding: 10px 15px;
}

.panel .panel-title {
    margin-bottom: 0;
}

.hosting-plan-row.item-wrapper {
    margin-bottom: 0px;
}

.panel-body .table-responsive {
    display: table;
}

.hosting-plan-row .panel-body .plan-rate {
    box-shadow: none;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

.container .navbar .nav li.dropdown .dropdown-menu {
    opacity: 1;
    margin: 0;
    visibility: visible;
}

/* Dashboard */
.dashboard-right-block .cm-holder #content-page .head h2, .dashboard-right-block .cm-holder.invoice-list-table .head h2, .dashboard-right-block .cm-holder.package-list-table .head h2, .dashboard-right-block .cm-holder.support-ticket-list-table .head h2 {
    font-weight: normal;
}

.dashboard-right-block .cm-holder .data-table-wrapper #order-table thead .width1 {
    background-color: #59a139;
}

.inner .dashboard-wraper .dashboard-main .dashboard-right-block {
    display: block;
    margin-left: 0;
}

.dashboard-right-block .cm-holder #content-page .data-table-wrapper table tr td, .dashboard-right-block .cm-holder.invoice-list-table .data-table-wrapper table tr td, .dashboard-right-block .cm-holder.package-list-table .data-table-wrapper table tr td, .dashboard-right-block .cm-holder.support-ticket-list-table .data-table-wrapper table tr td {
    background: #f9f9f9;
}

.dashboard-main .dashboard-right-block .cm-holder .data-table-wrapper table tr td, .dashboard-main .dashboard-right-block .cm-holder .data-table-wrapper table tr th {
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
}

.inner #top-messages {
    padding-top: 0;
}

.inner .dashboard-wraper .dashboard-main {
    padding: 60px 0;
}

.cart-pages-wrapper .cart-status-bar {
    max-width: none;
    padding-right: 15px;
}

.panel-body .hosting-features {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.hosting-plan-row .panel-body .plan-rate {
    border-left: none;
}

.cm-holder .data-table-wrapper .head {
    border: none;
}

.head .knowledge-base-search .knowledge-search-input {
    border: 2px solid rgb(89, 161, 57);
}

.head .knowledge-base-search .knowledge-search-submit {
    background: rgb(89, 161, 57);
}

.data-table-wrapper .table-responsive table tr th, .data-table-wrapper .table-responsive table tr td {
    background: transparent;
    font-weight: 400;
    text-transform: capitalize;
}

.table-responsive table tbody tr.odd {
    background-color: #f9f9f9;
}

.table-responsive table tbody tr.even {
    background-color: white;
}

.invoice-buttons .btn-lg {
    padding: 6px 12px;
}

ul.pagination li > a ul.pagination li > span, ul.pagination li.disabled > a, ul.pagination li.disabled > span, ul.pagination li > a:focus, ul.pagination li > span:focus, ul.pagination li.disabled > a:focus, ul.pagination li.disabled > span:focus {
    background-color: rgb(221, 221, 221) !important;
    background-image: none;
    color: white !important;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    font-size: 14px;
}

.form-group .select2-container--default .select2-selection--single {
    border: 1px solid #7d7d7d;
    height: 42px;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #121212;
    color: #fff !important;
}

tr.shown td.details-control {
    background: url(/..//templates/default/img/datatables/details_close.png) no-repeat center center !important;
}

td.details-control {
    background: url(/..//templates/default/img/datatables/details_open.png) no-repeat center center !important;
    cursor: pointer;
}

#emails-grid_length .custom-select, #account-notes-table_length .custom-select {
    appearance: auto;
    background: none;
    line-height: 1.2;
    padding: 5px 12px;
    height: 30px;
}

#alt-accounts-table tbody tr {
    background-color: #f7f7f7;
}

.validate-form .form-elem .form-control {
    border: solid 1px #7d7d7d;
    height: 44px;
}

.data-table-wrapper .select2-container--default .selection .select2-selection--single, 
.form-wrapper .form-elem input, 
.form-wrapper .select2-container--default .selection .select2-selection--single {
    border: solid 1px #7d7d7d;
    height: 44px;
}

.navbar.navbar-default .navbar-nav li a .caret {
    font-size: 15px;
}

.header-user-menu .current-user .user-toggle .user-tag {
    display: flex;
    gap: 5px;
}

footer.footer {
    display: none !important;
}

.panel-group .panel .panel-collapse .panel-body {
    border-top: 1px solid #7d7d7d;
}

.panel .hosting-plan-row {
    border: none;
    box-shadow: none;
}

#submitForm h3, #submitForm h4, #submitForm h5 {
    font-weight: 500;
}

table.table-responsive {
    display: table;
}

#signup-steps .now.active {
    background-color: #121212;
    border-color: #121212;
    color: white !important;
}

#signup-steps .now.active:after {
    border-color: transparent transparent transparent #121212;
    border-width: 22px 0 22px 16px;
    border-style: solid;
    z-index: 5;
}

#signup-steps>.cart-status-nodes-:not(.active) {
    background: #e2e2e2;
    color: #7d7d7d;
}

#signup-steps>.cart-status-nodes-:not(.active):after {
    border-color: transparent transparent transparent #e2e2e2;
    border-width: 22px 0 22px 16px;
    border-style: solid;
    z-index: 5;
}

.modal .modal-header {
    align-items: center;
    height: 30px;
    padding-block: 6px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E9E9E9));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #E9E9E9);
    background-image: -moz-linear-gradient(top, #FFFFFF, #E9E9E9);
    background-image: -ms-linear-gradient(top, #FFFFFF, #E9E9E9);
    background-image: -o-linear-gradient(top, #FFFFFF, #E9E9E9);
    background-image: linear-gradient(top, #FFFFFF, #E9E9E9);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom: 1px solid #FFF;
    color: #444;
    text-shadow: 1px 1px 1px #fff;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}

.modal .modal-body h1 {
    font-size: 36px;
    font-weight: 400;
}

.modal .modal-body h2 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.summary-row .title {
    display: flex;
    flex-direction: column;
}

.summary-row .title span {
    font-size: 14px;
    font-weight: 600;
}

.summary-row .rate-box span {
    font-weight: 400;
    font-size: 14px;
}

.dataTables_wrapper table.dataTable thead .sorting:not(.sorting_asc):not(.sorting_desc):after {
    background-image: url(/images/sort-icon.svg);
    transform: rotate(90deg) scaleX(-1) translateX(50%);
}

.dataTables_wrapper table.dataTable thead .sorting_asc:after,
.dataTables_wrapper table.dataTable thead .sorting_desc:after {
    background-image: url(/images/filter-icon.svg);
    opacity: 1;
}

.dataTables_wrapper table.dataTable thead .sorting_asc:after {
    transform: rotate(0deg) scaleX(1) translateY(-50%);
}

.dataTables_wrapper table.dataTable thead .sorting_desc:after {
    transform: rotate(180deg) scaleX(-1) translateY(50%);
}

.form-wrapper .inline-heading:before {
    top: -10px;
}

.form-elem .tool-tip {
    border-bottom: 1px solid #000;
}

.invoice-page-wraper .alert-info p {
    font-size: 16px;
    margin-bottom: 0;
}

.invoice2-top-block .invoice2-top-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-right: 45px;
}

.plan-details span.status,
.sidenav-left .sidebar .actions-header .font-actions {
    font-size: 25px;
    font-weight: 500;
}

.content-area .container .sidenav-left {
    display: flex;
    justify-content: flex-end;
}

.content-area.colum-two-wrper .container {
    flex-direction: column;
}

.white-card h3 {
    padding: 0px 30px;
}

.config-options .resp-tab-content ul li {
    font-size: 14px;
    display: inline-flex;
    gap: 15px;
    border-bottom: none;
}

body .jconfirm .jconfirm-box .jconfirm-buttons button {
    font-size: 12px;
    background-color: #121212;
    color: #fff !important;
    border: 1px solid #121212;
    padding: 12px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500 !important;
    font-style: normal;
    text-align: center;
    cursor: pointer;
    line-height: 1.2;
    text-decoration: none !important;
    text-transform: capitalize;
    height: auto;
    transition: .25s all;
}

body .jconfirm .jconfirm-box .jconfirm-buttons button:hover {
    color: #121212 !important;
}

#cancel-form .btn.btn-secondary {
    background-color: #F0F0F0;
}

.sidenav-left .sidebar .actions-header .font-actions,
.sidenav-left .sidebar .actions a {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
}

.sidenav-left .sidebar .actions-header {
    background: #F0F0F0;
}

.sidenav-left .sidebar .actions {
    background: #FAFAFA;
    border: 1px solid #F0F0F0;
}

.sidenav-left .sidebar ul li a:hover, 
.sidebar ul li.active a,
.cm-holder .data-table-wrapper table tr td .cog-drop-down {
    background-color: #121212;
    color: #fff !important;
}

.plan-details span.status,
#order-table span.status,
.dashboard-wraper .ticket-view-page .ticket-view-head span.status,
.invoice-page-wraper .invoice2-top-block .invoice2-top-btns li a.status {
    background: #F0F0F0;
    font-weight: 800;
}

.cm-holder .data-table-wrapper table tr td .action.active, 
.cm-holder .data-table-wrapper table tr td .action:hover {
    background: transparent;
    box-shadow: none;
}

.cm-holder .data-table-wrapper table tr td .cog-drop-down {
    background: #FAFAFA;
    right: 10px;
}

.cm-holder .data-table-wrapper table tr td .cog-drop-down li a:hover,
a:focus {
    text-decoration: underline;
}

.dashboard-wraper .ticket-view-page .cm-tab-accordion .resp-tabs-list li:after {
    background: #121212;
}

.ticket-view-page .cm-tab-accordion .resp-tabs-list.inline li {
    color: #909bc8;
}

.ticket-tab-box-top .ticket-avatar-ul {
    display: flex;
    justify-content: space-between;
}

.ticket-tab-box-top .ticket-avatar-ul li {
    border-left: none;
}

.ticket-tab-box-top .ticket-avatar-ul li span {
    color: #D1D1D1;
}

.feature-block i.fa {
    line-height: 80px;
}

span.label.label-important, span.label.label-important[href] {
    background-color: #121212;
}

.current-user #admin-notice-login .label {
    padding: .5em 1em;
}

.invoice-page-wraper .invoice2-top-block,
.invoice-page-wraper .invoice2-mid-block {
    background: none;
}

.invoice-page-wraper .invoice2-top-block {
    padding: 0 0 70px 0;
}

.paymentbutton2 .app-btns.primary {
    background: #121212;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #121212;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.paymentbutton2 .app-btns.primary:hover {
    outline: none;
    color: #121212 !important;
    background-color: #fff !important;
    border-color: #121212;
}

.paymentbutton1 .btn.primary {
    border-color: #121212;
    background: #121212;
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 56px;
    padding: 0 35px;
    text-transform: uppercase;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.paymentbutton1 .btn.primary.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}
.paymentbutton1 .btn.primary.disabled:hover {
    background-color: inherit !important;
    color: inherit !important;
}

.invoice-page-wraper .invoice-bottom-block ul#company-info li p a {
    text-decoration: underline;
}

.invoice-page-wraper .invoice-bottom-block ul#company-info li p a:hover {
    text-decoration: none;
}

.user-toggle .user-tag span {
    font-size: 12px;
}

.invoice-page-wraper .invoice2-top-block .invoice-from-to li {
    border-right: 1px solid #e5e5e5;
    height: 100%;
}

.resp-tabs-container h2.resp-accordion,
.collapse,
.navbar-nav .dropdown-toggle:after {
    display: none;
}

.paymentbutton2 .app-btns.primary,
.sidenav-left .sidebar .actions-header,
.sidenav-left .sidebar .actions-header .font-actions,
.sidenav-left .sidebar .actions a,
body .jconfirm .jconfirm-box .jconfirm-buttons button,
.data-table-wrapper .select2-container--default .selection .select2-selection--single, 
.form-wrapper .form-elem input,
.form-wrapper .select2-container--default .selection .select2-selection--single,
.validate-form .form-elem .form-control,
.form-group .select2-container--default .select2-selection--single {
    border-radius: 0;
}

.table-responsive.cs-padding,
.invoice-page-wraper .invoice2-mid-block,
.cm-holder .data-table-wrapper .head,
.hosting-plan-row .panel-body .plan-rate,
#ce-loginbox .row .col-12,
.ce-main.cart, .col-xs-12.ce-main-inner,
.navbar .nav li.dropdown .dropdown-menu {
    padding: 0;
}

.dashboard-right-block .cm-holder #content-page .data-table-wrapper table tr:nth-child(2n) td, 
.dashboard-right-block .cm-holder.invoice-list-table .data-table-wrapper table tr:nth-child(2n) td, 
.dashboard-right-block .cm-holder.package-list-table .data-table-wrapper table tr:nth-child(2n) td, 
.dashboard-right-block .cm-holder.support-ticket-list-table .data-table-wrapper table tr:nth-child(2n) td,
.inner .dashboard-wraper,
.cm-holder .data-table-wrapper .head,
.packages-wrapper {
    background: white;
}

#submitForm h3, 
#submitForm h4, 
#submitForm h5, 
.summary-info .summary-amount, 
.summary-info #dueToday, 
.hosting-plan-wrapper .panel .panel-body  p, 
.config-product-section .form-wrapper p 
.loggedin .header-user-menu .current-user .user-toggle .user-tag span, 
.loggedin .header-user-menu .current-user .user-toggle:after,
.form-wrapper p,
.modal-body *,
.border-btm h1,
.loggedin .header-user-menu .current-user .user-toggle .user-tag span,
#cancel-form .btn.btn-secondary,
.sidenav-left .sidebar .actions-header .font-actions, 
.sidenav-left .sidebar .actions a,
.plan-details span.status, 
#order-table span.status,
.dashboard-wraper .ticket-view-page .ticket-view-head span.status,
.cm-holder .data-table-wrapper table tr td .cog-drop-down a,
.cm-holder .data-table-wrapper table tr td .action.active, 
.cm-holder .data-table-wrapper table tr td .action:hover,
.cm-holder .data-table-wrapper table tr td .cog-drop-down li a:hover,
.dashboard-wraper .ticket-view-page .cm-tab-accordion .resp-tabs-list li.resp-tab-active,
.dashboard-wraper .ticket-view-page .cm-tab-accordion .resp-tabs-list li.resp-tab-active span,
.dashboard-wraper .ticket-view-page .cm-tab-accordion .resp-tabs-list li.resp-tab-active h5,
.ticket-view-page .cm-tab-accordion .resp-tabs-list li.resp-tab-active i,
.ticket-view-page .cm-tab-accordion .resp-tabs-list li.resp-tab-active span,
.invoice2-top-block .invoice2-top-btns li a.status,
.invoice-page-wraper .invoice2-top-block .invoice-from-to li,
.invoice-page-wraper .invoice-bottom-block ul#company-info li p a {
    color: #121212;
}

.dataTables_wrapper table.dataTable thead .sorting:not(.sorting_asc):not(.sorting_desc):before,
.dataTables_wrapper table.dataTable thead .sorting_asc:before,
.dataTables_wrapper table.dataTable thead .sorting_desc:before,
.dataTables_wrapper table.dataTable thead .sorting_asc:after,
.dataTables_wrapper table.dataTable thead .sorting_desc:after,
.dataTables_wrapper table.dataTable thead .sorting:not(.sorting_asc):not(.sorting_desc):after {
    content: "";
}

.form-wrapper .inline-heading:before,
.content-area.colum-two-wrper .container,
.content-area.colum-two-wrper .container .content-right,
.config-options .resp-tab-content ul li,
.ticket-tab-box-top .ticket-avatar-ul,
.data-table-wrapper .select2-container--default .selection .select2-selection--single, 
.form-wrapper .form-elem input, 
.form-wrapper .select2-container--default .selection .select2-selection--single,
.form-group .select2-container--default .select2-selection--single,
.invoice-buttons .btn-lg,
.hosting-plan-row .panel-body .plan-rate,
.col-xs-12 {
    width: 100%;
}

@media (max-width: 767.9px) {
    .navbar .container-fluid{
        display: block !important;
    }

    .navbar-collapse .navbar-nav {
        flex-direction: column;
    }

    .navbar .container-fluid .navbar-header {
        display: flow-root;
    }

    .header-user-menu .current-user a {
        position: relative;
        display: block;
        padding: 10px 15px;
        line-height: 20px;
    }
    #signup-steps>div:not(.shopping_cart) {
        width: 49.5% !important;
    }
    .shopping_cart.pull-right {
        margin-top: 10px;
    }
    .col-xs-offset-0 {
        margin-left: 0;
    }
    .col-12 {
        flex: none;
        max-width: none;
    }
    #support-ticket-form .row .col-12 {
        width: 100%;
    }
    #ce-loginbox .row .col-12 {
        margin-left: 0;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .navbar .nav li.dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
        top: 100%;
        visibility: visible;
        z-index: 1000;
        -webkit-transform: none;
    }
    .navbar .nav li.dropdown .dropdown-menu {
        background-color: #fff;
        border-radius: 0;
        overflow: hidden;
        -webkit-box-shadow: 0 6px 15px 0 rgb(0 0 0 / 10%);
        box-shadow: 0 6px 15px 0 rgb(0 0 0 / 10%);
    }
    .navbar-collapse .navbar-nav {
        flex-direction: row;
    }
    .dropdown-menu {
        position: absolute !important;
    }
    .container .header-user-menu {
        top: -52px;
        right: 26px;
        float: right;
        position: relative;
    }
    .navbar .container-fluid .navbar-header {
        display: none;
    }
    .header-user-menu .current-user a {
        padding: 10px 30px;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-5 {
        flex: none; 
        max-width: none;
    }
    #support-ticket-form .row .col-md-5 {
        width: 16.66666667%;
    }
    #emails-grid_wrapper .row .col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
    .inner .content-page .data-table-wrapper form .col-1th, .inner .content-page .data-table-wrapper form .col-2th, .inner .content-page .data-table-wrapper form .col-4th , .inner .content-page .data-table-wrapper form .col-5th , .inner .content-page .data-table-wrapper form .col-6th , .inner .content-page .data-table-wrapper form .col-7th {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .pull-right {
        float: right !important;
    }
    .cart-pages-wrapper .cart-status-bar {
        padding: 30px 0px;
    }
    #ce-loginbox .row .col-12 {
        margin-left: 58.33333333%;
        width: 41.66666667%;
    }
    .container, .container-md, .container-sm {
        max-width: none;
    }
    .navbar-left {
        float: left !important;
    }
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-header {
        float: left;
    }
    .navbar-toggle {
        display: none;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
    #cancel-form .col-md-6 {
        flex: none;
        max-width: none;
    }
}

@media (max-width: 991.9px) {
    .hosting-plan-row .panel-body .plan-rate {
        border: none;
    }
    .datatable-page .data-table-wrapper table {
        width: 100%;
    }
}

@media (max-width: 1199.9px) {
    .config-options .resp-tabs-container .resp-tab-content {
        padding: 0 30px;
    }
    .colum-two-wrper .container .sidebar {
        position: relative;
        height: auto;
        box-shadow: none;
        left: auto;
        padding-right: 25px;
    }
    .hosting-plan-row .panel-body .plan-rate {
        padding: 0px;
    }
}