:root {
  --darkBlue: #070d19;
  --midBlue: #0c1427;
  --lightBlue: #00adef;
  --textPrimary: #d0d6e1;
  --borderPrimary: 1px solid #172340;
  --borderPrimaryColor: #172340;
}

a {
    color: var(--lightBlue);
}

a:hover {
    color: var(--textPrimary);
}

.primary-bg-color, .bg-dark  {
    background-color: var(--darkBlue) !important;
}


body {
    color: var(--textPrimary);
}

.card, .mc-promo-login, .mc-promo-manage {
    background-color: var(--midBlue);
    border: var(--borderPrimary);
    border-radius: 0.25rem;
}

.client-home-cards .card-header {
    background-color: var(--midBlue);
}

.alert-default {
    color: var(--textPrimary);
    background-color: var(--midBlue);
    border-color: var(--borderPrimaryColor);
}

body .card-header {
    border-bottom: var(--borderPrimary);;
}

.text-primary {
    color: var(--lightBlue) !important;
}

.text-muted {
    color: #b2b3b5!important;
}

.btn-default {
    background-color: var(--darkBlue);
    color: #fff;
    border-color: var(--darkBlue);
}

.btn-default:hover {
    color: #000;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #d4d4d4;
}

.btn-primary {
    color: #fff;
    background-color: var(--lightBlue);
    border-color: var(--lightBlue);
}

.btn-primary:hover {
    color: #fff;
    background-color: #018abf;
    border-color: #018abf;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #192b57;
    border-color: #192b57;
}

.btn-outline-primary {
    color: var(--lightBlue);
    border-color: var(--lightBlue);
}

.btn-outline-primary:hover {
    color: #fff;
    border-color: var(--lightBlue);
    background-color: var(--lightBlue);
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--lightBlue);
    border-color: var(--lightBlue);
}

.btn-link, .btn-link:hover {
    color: var(--lightBlue);
}


.modal-content {
    background-color: var(--midBlue);
    border: var(--borderPrimary);
}

.modal .modal-header, .modal-header.bg-primary {
    background-color: var(--midBlue) !important;
}

body .list-group-item {
    background-color: var(--midBlue);
    border: var(--borderPrimary);
}

body .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: var(--lightBlue);
    border-color: var(--lightBlue);
}

body .list-group-item-action:active, body .list-group-item-action:focus, body .list-group-item-action:hover {
    color: #fff;
    background-color: var(--lightBlue);
}

body .list-group-item-action {
    color: var(--textPrimary);
}

table.table-list tbody td, table.table-list thead th {
    padding: 10px 12px;
    background-color: var(--midBlue);
}

.table-list>tbody>tr>td {
    background-color: var(--midBlue);
}

.table-list>tbody>tr:hover>td {
    background-color: var(--darkBlue);
}

.table, table.table-list thead th {
    color: var(--textPrimary);
}

.table thead th {
    border-bottom: 2px solid var(--borderPrimaryColor);
}

.dataTables_wrapper table.table-list {
    border: var(--borderPrimary);
}

.table td, .table th {
    border-top: var(--borderPrimary);
}

.page-item.disabled .page-link {
    color: var(--textPrimary);
    background-color: #fff;
    border-color: #dee2e6;
}

.dropdown-item {
    color: var(--textPrimary);
}

body .domain-renewals {
    border-top: var(--borderPrimary);
    background-color: var(--midBlue);
}

body .domain-renewals .domain-renewal {
    border-bottom: var(--borderPrimary);
}

.form-control, .select2-container--default .select2-search--dropdown .select2-search__field, .typeahead.tt-hint, .typeahead.tt-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: var(--midBlue);
    border: var(--borderPrimary);
    border-radius: 0.25rem;
    color: var(--textPrimary);
    display: block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.469rem 0.8rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
}

.form-control:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus, .typeahead.tt-hint:focus, .typeahead.tt-input:focus,  #order-standard_cart form .form-control:focus {
    background-color: var(--midBlue);
    border-color: #243866;
    box-shadow: none;
    color: var(--textPrimary);
    outline: 0;
    
}

.form-control::placeholder {
    color: #a8aeb4;
}

#order-standard_cart .field, #order-standard_cart form .form-control {
    background-color: var(--midBlue);
    border: var(--borderPrimary);
    border-radius: 0.25rem;
    color: var(--textPrimary);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.469rem 0.8rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:disabled, .form-control[readonly] {
    background-color: var(--darkBlue);
    opacity: 1;
}

#registration .field, #registration .form-control {
    border: var(--borderPrimary);
    color: var(--textPrimary);
    background: var(--midBlue);
}

.md-editor {
    border: var(--borderPrimary)!important;
}

.md-editor>.md-preview, .md-editor>textarea.markdown-editor {
    border-top: var(--borderPrimary)!important;
    border-bottom: var(--borderPrimary)!important;
    background-color: var(--midBlue)!important;
}

.md-editor>.btn-toolbar, .md-editor .md-footer, .md-editor>.md-header {
    background-color: var(--midBlue)!important;
}

.custom-file-label {
    color: var(--textPrimary);
    background-color: var(--midBlue);
    border: var(--borderPrimary);
}

.input-group-text {
    background-color: var(--midBlue) ;
    border: var(--borderPrimary);
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 0.875rem;
    color: var(--textPrimary);
}

.input-group-prepend .input-group-text {
    border-radius: 0.25rem 0 0 0.25rem;
}

.input-group-prepend + input, #order-standard_cart .input-group-prepend + input {
        border-radius: 0 0.25rem 0.25rem 0;
}

body #order-standard_cart .spotlight-tlds {
    background-color: var(--midBlue);
    border: var(--borderPrimary);
}

body .spotlight-tld {
    background-color: var(--midBlue);
    border: var(--borderPrimary);
    color: var(--textPrimary);
}

.datepicker.datepicker-dropdown, .dropdown-menu, .tt-menu {
    background-clip: padding-box;
    background-color: #060c17;
    border: var(--borderPrimary);
    border-radius: 0.25rem;
    color: #7987a1;
    display: none;
    font-size: .8125rem;
    list-style: none;
    margin: 0;
    min-width: 10rem;
    padding: 0.5rem 0;
    position: absolute;
    text-align: left;
    z-index: 1000;
}

.dropdown-divider {
    border-top: var(--borderPrimary);
}

.dropdown-item:not(.dropdown-item:active,.dropdown-item.active):hover, 
.dropdown-item:not(.dropdown-item:active,.dropdown-item.active):hover i,
.dropdown-item:not(.dropdown-item:active,.dropdown-item.active):hover svg,
.tt-menu .tt-suggestion:not(.dropdown-item:active,.dropdown-item.active):hover,
.tt-menu .tt-suggestion:not(.dropdown-item:active,.dropdown-item.active):hover i, 
.tt-menu .tt-suggestion:not(.dropdown-item:active,.dropdown-item.active):hover svg {
    color: var(--lightBlue);
}

.dropdown-item:not(.dropdown-item:active,.dropdown-item.active):hover, .tt-menu .tt-suggestion:not(.dropdown-item:active,.dropdown-item.active):hover {
    background-color: rgba(101,113,255,.1);
}

body .dropdown-item a.dropdown-item:hover {
    background: none !important;
}

header.header {
    background-color: var(--darkBlue);
}

header.header .main-navbar-wrapper .navbar-collapse {
    padding: .5rem 0;
}

header.header .navbar a {
    color: var(--textPrimary);
}

header.header .search {
    background-color: var(--midBlue);
    border: var(--borderPrimary);
    border-radius: 0.25rem;
}

header.header .search:focus-within {
    border: var(--borderPrimary);
    border-radius: 0.25rem;
}

header.header .toolbar .nav-link {
    border: var(--borderPrimary);
    color: var(--textPrimary);
}

header.header .dropdown-item.active, header.header .dropdown-item:active {
    background-color: var(--lightBlue);
}

header.header .topbar {
    background-color: var(--midBlue);
    border-bottom: var(--borderPrimary);
}

footer.footer {
    padding: 30px;
    background-color: var(--darkBlue);
    border-top: var(--borderPrimary);
    
}

footer.footer .copyright {
    margin: 0;
}

.master-breadcrumb, .breadcrumb {
    background-color: var(--midBlue);
}

.master-breadcrumb {
    border: var(--borderPrimary);
}

.breadcrumb-item.active {
    color: #a8aeb4;
}

.spotlight-tld .btn:not(.domain-contact-support):not(.unavailable) {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.domain-pricing table.table-list thead th {
    text-align: left;
}

.home-domain-search .input-group-wrapper {
    background-color: var(--midBlue);
    border: var(--borderPrimary);
    border-radius: 0.25rem;
}

.home-domain-search .tld-logos {
    color: var(--textPrimary);
}

.tiles .tile{
    background-color: var(--midBlue);
    border-right: var(--borderPrimary);
}

.tiles .tile .title {
    font-weight: 700;
    color: var(--textPrimary);
    text-transform: uppercase;
    font-size: 12px;
}


.tiles .tile:hover {
    background-color: var(--lightBlue);
}

.tiles .tile:hover i {
    color: #fff;
}

.announcements .announcement article {
    background-color: transparent;
    border-left: 4px solid #fff;
}

#tableDomainPricing tr td:first-child {
    font-weight: 700;
}

#order-standard_cart .domain-checker-bg {
    background-image: none;
    padding: 0;
}

#order-standard_cart .domain-checker-container {
    background: none;
}

#order-standard_cart .domain-checker-container .input-group-box {
    background-color: transparent;
}

#order-standard_cart .domain-promo-box {
    background-color: var(--midBlue);
    border: var(--borderPrimary);
    border-radius: 0.25rem;
    color: var(--textPrimary);
}

#order-standard_cart .domain-promo-box .small, #order-standard_cart div label, #order-standard_cart div p.domain-renewal-desc {
    color: var(--textPrimary);
}

body .featured-tld .price.coza {
    background-color: #007a4d;
    color: #fff;
}

body .domain-pricing .tld-pricing-header div:nth-child(odd), body .domain-pricing .tld-pricing-header .col-xs-4 {
    border-color: var(--lightBlue);
    background-color: var(--midBlue);
}

body .domain-pricing .tld-pricing-header .col-xs-4:not(:last-child), body .domain-pricing .tld-pricing-header > .col-md-4 {
    border-right: var(--borderPrimary) !important;
}

body .domain-pricing .two-row-center {
    border-right: 2px solid var(--borderPrimaryColor);
}

body .domain-pricing .tld-row.highlighted {
    background: var(--midBlue);
}

body .domain-pricing .tld-row {
    border-bottom: var(--borderPrimary);
}

.action-icon-btns a {
    background-color: var(--midBlue);
    color: var(--textPrimary);
}

.action-icon-btns a:hover {
    color: var(--textPrimary);
}

body #order-standard_cart .products .product {
    background: var(--midBlue);
    border: var(--borderPrimary);
}

body #order-standard_cart .products .product header {
    background: var(--midBlue);
    border-bottom: var(--borderPrimary);
}

body #order-standard_cart .products .product header span {
    color: var(--textPrimary);
}

body .sidebar .list-group-item.active, body .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
    background-color: var(--lightBlue);
}

body #order-standard_cart .domain-selection-options .option-selected, body #order-standard_cart .domain-selection-options .option {
    background: none;
}

.dataTables_wrapper .dataTables_filter label .form-control {
    background: url(../../../assets/img/search-26242.png) var(--midBlue) no-repeat;
    padding: 7px 10px 7px 45px !important;
    background-size: auto 60%;
    background-position: 0.5em 0.5em;
}

.page-item.disabled .page-link {
    color: var(--textPrimary);
    background-color: var(--darkBlue);
    border-color: var(--borderPrimaryColor);
}

.page-item.active .page-link, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff;
    background-color: var(--lightBlue);
    border-color: var(--borderPrimaryColor);
}

.pagination>li>a, .pagination>li>span {
    color: var(--textPrimary);
    background-color: var(--midBlue);
    border-color: var(--borderPrimaryColor);
}

.page-link:hover {
    color: #fff;
   background-color: var(--lightBlue);
    border-color: var(--borderPrimaryColor);
}

.dataTables_wrapper table.table-list thead th.sorting_asc, .dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: var(--midBlue);
}

body #order-standard_cart .product-info {
    background-color: var(--midBlue);
    border-top: var(--borderPrimary);
    border-bottom: var(--borderPrimary);
}

body .spotlight-tld-container-8 {
    width: 25%;
}

@media (min-width: 960px) {
    body .spotlight-tld-container-8 {
        width: 20%;
    }
}

body #order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span {
    color: var(--lightBlue);
}

body #order-standard_cart .order-summary {
    background-color: var(--midBlue);
    border-bottom: 3px solid var(--borderPrimaryColor);
}

body #order-standard_cart .summary-container {
    background-color: var(--midBlue);
}

body #order-standard_cart .order-summary .summary-totals {
    border-top: var(--borderPrimary);
    border-bottom: var(--borderPrimary);
}

body #order-standard_cart .view-cart-items-header {
    background-color: var(--midBlue);
    color: var(--text-primary);
}

body #order-standard_cart .view-cart-items .item {
    background-color: var(--midBlue);
}

body #order-standard_cart .view-cart-items .item:nth-child(even) {
    background-color: var(--darkBlue);
}

body #order-standard_cart .view-cart-items .item-domain {
    color: #fff;
    font-size: 14px;
    display: inline-block !important;
    margin: 10px 0;
}

/*#order-standard_cart .view-cart-items .item span:not(.caret):not(.renewal-price) {*/
/*    display: inline-block;*/
/*}*/

body #order-standard_cart .view-cart-items, body #order-standard_cart .view-cart-items-header, body #order-standard_cart .order-summary {
    border: var(--borderPrimary);
}

body #order-standard_cart .view-cart-items {
    border-top: none;
    border-bottom: 2px solid var(--borderPrimaryColor);
}

body #order-standard_cart .btn-remove-from-cart {
    color: var(--textPrimary) ;
}

body #order-standard_cart .empty-cart .btn {
    background-color: #c00;
}

body #order-standard_cart .order-summary .btn-continue-shopping,
body #order-standard_cart .order-summary .recurring-charges {
    color: var(--textPrimary);
}

body #order-standard_cart .view-cart-items .item-price .cycle,
body #order-standard_cart .summary-container,
body #order-standard_cart .order-summary .recurring-charges {
    font-size: 14px;
}

body .intl-tel-input .country-list {
    background-color: var(--midBlue);
    border: var(--borderPrimary);
}

body .intl-tel-input .flag-container {
    position: relative;
}

body .intl-tel-input {
    display: flex;
}

.select-account a:hover {
    background-color: var(--lightBlue);
    color: #fff;
}

body #order-standard_cart .account-select-container div.account.active {
    background: var(--midBlue);
}

body #order-standard_cart .account-select-container {
    border-right: var(--borderPrimary);
}

body #order-standard_cart .account-select-container div.account {
    background: var(--midBlue);
    border: var(--borderPrimary);
}

.border-bottom {
    border-bottom: var(--borderPrimary )!important;
}

@media (max-width: 767px) {
    body .domain-pricing .two-row-center {
        text-align: center;
        font-size: 20px;
    }
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:focus-within,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:focus-within,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:focus-within,
select:-webkit-autofill:active
{
  border: var(--borderPrimary) !important;
  -webkit-text-fill-color: var(--textPrimary) !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--midBlue) inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
  color: var(--textPrimary) !important;
}

select:-webkit-autofill option,
select:-webkit-autofill:hover option,
select:-webkit-autofill:focus option,
select:-webkit-autofill:focus-within option,
select:-webkit-autofill:active option {
    color: var(--textPrimary) !important;
}