:root {
  --primary-code: #000814;
  --secondary-code: #001D3D;
  --accent-code: #FFC300;
  --text: #ECECEC;
  --text-dark: #000814;
  --soft-accent: #284F7A;
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #336699;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Space Grotesk", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
  margin: 0;
  font-family: "Space Grotesk", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

.form-control {
    background-color: #E2E2E2 !important;
}



a.alert-link {
    color: var(--success) !important;
}

.primary-bg-color {
    background-color: var(--primary-code);
}

.card {
    background-color: var(--secondary-code);
}
.card-header {
    background-color: var(--secondary-code) !important;
    color: white;
}
.card-body {
    background-color: var(--secondary-code) !important;
    color: white;
}
.card-footer {
    background-color: var(--secondary-code) !important;
    color: white;
}

.card-title {
    color: white !important;
}

.title {
    color: white !important;
}

.card-accent-gold {
    border-top: 3px solid var(--soft-accent);
}

.card-accent-blue {
    border-top: 3px solid var(--soft-accent);
}

.card-accent-emerald {
    border-top: 3px solid var(--soft-accent);
}

.card-accent-asbestos {
    border-top: 3px solid var(--soft-accent);
}

/*PAYMENT METHODS*/
.table th {
    color: var(--text) !important;
}

/*HEADER SECTION*/

#header {
    background-color: var(--primary-code);
}

.input-group {
    border: none !important;
}

.cart-btn {
    background-color: var(--soft-accent) !important;
}

.btn.nav-link.cart-btn:hover {
    background-color: var(--success) !important;
}

.badge-info {
    background-color: var(--accent-code) !important;
    color: var(--text-dark);
}

/*RENEW DOMAINS PAGE*/
/*``````````````````*/

#no-domains {
    color: var(--text-dark) !important;
}

/*CHOOSE DOMAIN PAGE*/
/*``````````````````*/

.domain-checker-container {
    background: none !important;
    background-color: var(--secondary-code) !important;
}

.domain-checker-bg {
    background-image: none !important;
    background-color: none !important;
}

.domain-checker-container .input-group-box {
    background-color: var(--soft-accent) !important;
    padding: 5px !important;
}

.cart-body p, .cart-body h4 {
    color: var(--text) !important;
}

.cart-body .domain-promo-box {
    background-color: var(--secondary-code) !important;
    border: none !important;
}

.cart-body .domain-promo-box h3 {
    color: var(--text) !important;
}

.featured-tlds-container .featured-tld {
    border: 3px solid var(--success) !important;
}

.domain-pricing .tld-pricing-header div {
    background-color: var(--soft-accent) !important;
}

.domain-pricing .bg-white {
    background-color: var(--secondary-code) !important;
}

.domain-pricing .tld-pricing-header {
    color: var(--text) !important;
}

.domain-pricing .tld-row.highlighted {
    background-color: var(--soft-accent) !important;
}

.domain-pricing .tld-row div {
    color: var(--text) !important;

}

.domain-pricing .tld-row {
    border-bottom: 1px var(--soft-accent) !important;
}



/*CHOOSE DOMAIN PAGE*/
/*``````````````````*/
.domain-selection-options .option {
    background-color: var(--secondary-code) !important;
}

.domain-selection-options .option label {
    color: var(--text) !important;
}

.spotlight-tlds {
    background-color: var(--primary-code) !important;
}

.spotlight-tlds .spotlight-tld-container {
    background-color: var(--primary-code) !important;
}

.spotlight-tlds .spotlight-tld-container .spotlight-tld {
    background-color: var(--secondary-code) !important;
    color: var(--text) !important;
}

.spotlight-tlds .spotlight-tld-container .spotlight-tld .btn {
    background-color: var(--soft-accent) !important;
    color: var(--text) !important;
}

/*Domain's Configuration*/
/*``````````````````*/

.cart-body .panel {
    background-color: var(--secondary-code) !important;
    padding: 15px !important;
    border-radius: 5px;
}

.cart-body .panel-body {
    padding: 15px !important;

    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.cart-body .panel-price {
    background-color: var(--soft-accent) !important;
    padding: 15px !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}


/*PRODUCT ORDERING PAGES*/

/*SELECTION PAGE*/
.cart-body .header-lined {
    color: white;
}

.cart-body form {
    color: var(--text) !important;
}

.cart-body form label {
    color: var(--text) !important;
}



.product {
    background-color: var(--secondary-code) !important;
    color: white !important;
    border: none !important;    
}

.product > header {
    background-color: var(--soft-accent) !important;
    color: white !important;
    border: none !important;    
}

.product > header > span {
    color: white !important;
}

/*CONFIGURATION PAGE*/
#frmConfigureProduct .secondary-cart-body {
    background-color: var(--primary-code) !important;
    color: white !important;
}

#frmConfigureProduct .product-info {
    background-color: var(--secondary-code) !important;
    color: white !important;
    border-top: 1px solid var(--soft-accent) !important;
    border-bottom: 1px solid var(--soft-accent) !important;
}

.order-summary {
    background-color: var(--secondary-code) !important;
    color: white !important;
}

.order-summary .summary-container {
    background-color: var(--secondary-code) !important;
    border-bottom: 3px solid var(--success) !important;
    color: white !important;
}

.btn-checkout {
    margin-bottom: 10px;
}

/*REVIEW & CHECKOUT PAGE*/
/*``````````````````````*/

.tab-content {
    background-color: var(--secondary-code) !important;
}

.view-cart-items-header {
    background-color: var(--secondary-code) !important;
}

.view-cart-items .item {
    background-color: var(--secondary-code) !important;
    color: white !important;
    border-bottom: 1px solid var(--soft-accent) !important;
}

.view-cart-items .item .item-domain {
    color: grey !important;
}

/*CHECKOUT PAGE*/

.cart-body .text-muted {
    color: white !important;
}

.cart-body .radio-inline {
    color: white !important;
}

.cart-body .checkbox-inline {
    color: white !important;
    margin-top: 10px;
}

.cart-body .already-registered  {
    color: white !important;
}

.cart-body .sub-heading > span {
    color: white !important;
}

.cart-body .account-select-container {
    border: none !important;
}
.cart-body .account-select-container > div .account {
    background-color: var(--secondary-code) !important;
    color: white !important;
    border: none !important;
    border-bottom: 1px solid var(--soft-accent) !important;
}

.cart-body .account-select-container > div .account label {
    color: white !important;

}

.cc-input-container {
    background-color: var(--secondary-code) !important;
    color: white !important;  
    border: none !important;
}
    




/*LIST ITEMS INSIDE CARDS AND OTHER ELEMENTS*/
.list-group-item {
    background-color: var(--secondary-code);
    border-bottom: 1px solid var(--soft-accent) !important;
    color: white;
}

.list-group-item:hover {
    background-color: var(--soft-accent);
    color: white;
}

.list-group-item.active {
    background-color: var(--soft-accent) !important;
    color: white;
}

.list-group-item:active {
    background-color: var(--soft-accent) !important;
    color: white;
}

.list-group-item-action:focus {
    background-color: var(--soft-accent) !important;
}

/*TABLE STYLING*/

.table {
    border: 1px solid var(--soft-accent) !important;
}

label {
    color: gray !important;
}

.dataTables_info {
    color: gray !important;
}

.table > thead > tr > th {
    color: white !important;
    background-color: var(--secondary-code) !important;
    border: none !important;
}

.table > tbody > tr > td {
    color: white !important;
    background-color: var(--secondary-code) !important;
}

.page-item .page-link {
    background-color: var(--secondary-code) !important;
    color: white !important;
    border: 1px solid var(--soft-accent) !important;
}

.active .page-link {
    background-color: var(--secondary-code) !important;
    color: white !important;
    border: 1px solid var(--soft-accent) !important;
}

/*BREAD CRUMBS*/
.master-breadcrumb {
    background-color: var(--primary-code);
}

.breadcrumb {
    background-color: var(--primary-code);
}

.breadcrumb-item a {
    color: gray !important;
}

.breadcrumb-item.active {
    color: var(--success);
}

/*PRODUCT DETAILS PAGE*/
div.product-details div.product-icon {
    background-color: var(--primary-code);
}

.fa-stack .fa-circle {
    color: var(--secondary-code) !important;
}

/*TAB PANE*/
.nav-tabs {
    background-color: var(--primary-code);
    border-bottom: none;
}

.nav-item .active {
    background-color: var(--secondary-code) !important;
    border: 1px solid var(--soft-accent) !important;
}

.nav-item .nav-link {
    border: 1px solid var(--soft-accent) !important;
    border-bottom: none !important;
}

.nav-item .nav-link:hover {
    background-color: var(--secondary-code) !important;
    border: 1px solid var(--success) !important;
    border-bottom: none !important;
}

.product-details-tab-container {
    background-color: var(--primary-code) !important;
    border: 1px solid var(--soft-accent) !important;
    color: white !important;
}

/*POPOVER STYLING*/
.popover {
    background-color: var(--secondary-code);
}

.popover a:hover {
    background-color: var(--soft-accent) !important;    
}


/*TILES*/
.tile {
    background-color: var(--secondary-code) !important;
}

.tiles .tile {
    border-right: 1px solid var(--soft-accent) !important;
}

.tiles .tile:hover {
    border: 1px solid var(--success) !important;
    transition: none;
}

/*ICONS*/
.fas {
    color: white !important;
}

.fa-plus {
    color: var(--success) !important;
}

.fa-filter {
    color: var(--success) !important;
}

.fa-arrow-right {
    color: var(--success) !important;
}

.fa-comments, .fa-cube, .fa-globe, .fa-credit-card {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.fa-question-circle {
    color: var(--success) !important;
}

.fa-lock {
    color: var(--success) !important;
}






/*NAVIGATION MENUS*/
a {
    color: white !important;
}
.dropdown-menu {
    background-color: var(--secondary-code);
    color: white !important;
    border: 1px solid var(--soft-accent);
}
.dropdown-item:hover {
    background-color: var(--soft-accent);
    color: white !important;
}
/*.dropdown-item {*/
/*    background-color: var(--primary-code);*/
/*    color: white !important;*/
/*}*/


/*HIDES 'POWERED BY WHMCS'  */
div.primary-content > p[style="text-align:center;"] {
    display: none;
}




/*ALL BUTTONS*/
.btn {
    background-color: var(--soft-accent);
    color: white !important;
    border-width: 0;
}

.btn:active {
    background-color: var(--soft-accent) !important;
}

.btn-group .dropdown-toggle {
    background-color: var(--soft-accent) !important;
}

.btn:hover {
    background-color: var(--success);
    color: white !important;
    border-width: 0;
    transition: none;
}

.btn:hover > .fa-arrow-right {
    color: white !important;
    border-width: 0;
    transition: none;
}

.btn:hover > .fa-pencil-alt {
    color: white !important;
    border-width: 0;
    transition: none;
}

.btn:hover > .fa-plus {
    color: white !important;
    border-width: 0;
    transition: none;
}

/*OPEN NEW TICKET BUTTON*/
.btn.btn-default.bg-color-blue {
    background-color: var(--accent-code);
    color: var(--text-dark) !important;
}
.btn.btn-default.bg-color-blue:hover {
    background-color: var(--success);
    color: white !important;
    transition: none;
}

/*VIEW DETAILS BUTTON*/
.btn-view-details {
    background-color: var(--soft-accent);
    color: white !important;
    border: 1px solid var(--success) !important;
}

/*FOOTER SECTION*/
footer.footer {
    background-color: var(--primary-code);
 }




/*THIS MIGHT BE AN ALTERNATIVE SOLUTION TO HIDING THIS ELEMENT ON PRODUCT DETAILS PAGE*/
/*.text-center.module-client-area {*/
/*    display: none;*/
/*}*/