/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/**

* HayKer, © 2024
* All Rights Reserved
* www.hosthonest.de
  -
* Template: twenty-one

**/

@font-face {
  font-family: 'ACME';
  font-style: normal;
  font-weight: normal;
  src: local(''),
  url('/assets/fonts/acme--v21-normal-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  src: local(''),
  url('/assets/fonts/Lato-Regular.ttf') format('truetype');
}

a, p, div, select, input, ul, li {
  font-family: 'Lato', sans-serif !important;
  color: #ffffff;
}

body {
  font-family: 'Lato', sans-serif !important;
  background-color: #E7E7E7 !important;
  margin-right: 0px !important;
}

html {
  font-family: 'Lato', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'ACME', sans-serif !important;
  color: #ffffff;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1400px;
}

.cart-body {
  width: 100% !important;
}

header.header, .master-breadcrumb, .breadcrumb, .card, .list-group-item, .navbar-nav .dropdown-menu, .dropdown-menu.show {
  background-color: #000000;
}

.form-control, .prepend-icon .field, .field, .form-control, .intl-tel-input .country-list {
  background-color: #000000;
  color: #ffffff;
}

.custom-file-input {
  opacity: unset;
  background-color: #1A1C1C;
}

.md-editor>.btn-toolbar, .md-editor .md-footer, .md-editor>.md-preview, .md-editor>textarea.markdown-editor, .products .product {
  background-color: #000000 !important;
  color: #ffffff;
}

.products .product header {
  background-color: #0036D6 !important;
}

.products .product header span {
  color: #ffffff !important;
}

.order-summary {
  background-color: #0036D6 !important;
}

div.product-details div.product-icon, .invoice-summary-table td.total-row {
  background-color: #000000;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  background-color: #082069;
  color: #ffffff;
}

.responsive-tabs-sm .nav-item a.active {
  background-color: #082069 !important;
}

.responsive-tabs-sm {
  background: #0A0C11;
}

.nav-tabs:hover .nav-link:hover {
  background-color: #0036D6;
}

div.product-details-tab-container, .bg-white, .bg-light, .domain-pricing .tld-row.highlighted, .domain-pricing .tld-pricing-header div:nth-child(odd), .domain-pricing .tld-pricing-header .col-sm-2, .domain-pricing .tld-pricing-header .col-sm-4, .domain-pricing .tld-pricing-header .col-xs-2, .domain-pricing .tld-pricing-header .col-xs-4 {
  background-color: #0A0C11 !important;
}

.domain-promo-box {
  background-color: #000000 !important;
}

.fa-inverse {
  color: #000000;
}

.sidebar .list-group-item .badge {
  background-color: #0A0C11;
  color: #a7a7a7;
}

.list-group-item:hover, .list-group-item:focus, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active, .kb-category a:hover, .form-control:focus {
  background-color: #1A1C1C;
  color: #ffffff;
}

header.header .navbar a, .card-title, .mc-promo-login .panel-heading h3, .mc-promo-manage .panel-heading h3, .promo-container .header h3, .small, small, .kb-article-item small, .list-group-item-action, .dropdown-item {
  color: #ffffff;
}

.table, .table-list>tbody>tr>td, .dataTables_wrapper table.table-list thead th{
  color: #ffffff;
  background-color: #00000000 !important;
}

.page-link {
  color: #ffffff !important;
  background-color: #00000000 !important;
}

.alert-info {
  color: #ffffff;
  background-color: #082069;
}

.alert-warning {
  color: #ffffff;
  background-color: #573c00;
}

.alert-danger {
  color: #ffffff;
  background-color: #571319;
}

.tiles .tile, .client-home-cards .card-header, tr.masspay-total td {
  background-color: #000000;
}
.tiles:hover .tile:hover {
  background-color: #1A1C1C;
}

.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 {
  background-color: #0036D6 !important;
}

.btn:not(:disabled):not(.disabled) {
  color: #ffffff;
}

.view-cart-tabs {
  background-color: #0A0C11;
}

.view-cart-tabs .tab-content, .summary-container, .product-info, .view-cart-items .item {
  background-color: #0A0C11 !important;
}

.prepend-icon .field {
  background-color: #0A0C11;
  color: #ffffff;
}

.popover-user-notifications ul {
  background-color: #000000;
}

.popover-user-notifications ul li a:hover {
  background-color: #1A1C1C;
}

.view-cart-tabs .nav-tabs a[aria-expanded=true], .view-cart-tabs .nav-tabs a[aria-selected=true], .field, .form-control, .account-select-container div {
  background-color: #0A0C11 !important;
  color: #ffffff !important;
}

.order-summary .btn-continue-shopping {
  color: #ffffff !important;
}

.modal-body, .modal-footer, .modal-header {
  background-color: #0A0C11 !important;
}

body {
  background-color: #0A0C11 !important;
}

footer.footer {
  background-color: #1A1C1C;
}

a {
  color: #0036D6;
}

.fal, .far, .password-strength-meter p {
  color: #ffffff !important;
}

.progress {
  background-color: #1A1C1C;
}

#frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields, .cc-input-container, .apply-credit-container, #frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields .paymethod-info, #frmPayment.paypal_ppcpv-payment-form .paymethod-info[data-paymethod-id] {
  background-color: #0A0C11 !important;
}

#frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields ul, #frmPayment.paypal_ppcpv-payment-form .paymethod-info:not([data-paymethod-id]) {
  background-color: #082069;
}

#order-standard_cart label, #order-standard_cart p.domain-renewal-desc, .service-renewals .div-renewal-period-label {
  color: #ffffff !important;
}

.view-cart-items-header, .empty-cart .btn {
  background-color: #0036D6 !important;
}

.btn-primary, .btn-info, .btn-default, .list-group-item.active, .sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
  background-color: #0036D6;
  border-color: #ffffff;
}

.list-group-item.disabled, .list-group-item:disabled {
  background-color: #4d4d4d;
}

.btn-primary:hover, .btn-primary:focus, .btn-info:hover, .btn-default:hover {
  background-color: #082069;
  border-color: #ffffff;
}

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

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text, #registration label {
  color: #ffffff;
}