@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&family=Oxanium:wght@700&display=swap');

:root {
    --title-font: "Oxanium", Helvetica, Arial, sans-serif;
    --body-font: "Manrope", Helvetica, Arial, sans-serif;
    --gradient-text: linear-gradient(0deg, #888888 0%, #ffffff 75%);
    --main-font-color: #ffffff;
    --main-font-color-rgb: 255, 255, 255;
    --main-background: #010314;
    --main-header-background: #01020b;
    --main-header-background-rgb: 1, 2, 11;
    --main-background-rgb: 1, 3, 20;
    --primary-color: #5623d8;
    --primary-color-rgb: 86, 35, 216;
    --tertiary-color: #e615af;
    --tertiary-color-rgb: rgba(230, 21, 175, 1.0);
    --secondary-color: #6a79fa;
    --secondary-color-rgb: 106, 121, 250;
    --main-shadow: 0 0 40px 0px rgba(var(--primary-color-rgb), 1);
    --main-menu-hover: rgba(255, 255, 255, .1);
    --main-menu-active: rgba(255, 255, 255, .1);
    --main-card-background: rgba(255, 255, 255, .025);
    --main-card-border: rgba(255, 255, 255, .1);
    --main-card-title-background: rgba(255, 255, 255, .1);
    --main-dropdown-background: rgba(1, 3, 20, 0.95); /* couleur de fond du menu déroulant et select */
    --main-input-background: #010314; /* couleur de fond des inputs */
    --main-imput-background-focus: #020735; /* couleur de fond des inputs en rgb */
}

/* Background général */

h1, h2, h3, h4, h5, h6 {
    font-family: var(--title-font);
    font-weight: bold;    
}

.card-body p a {
    color: var(--tertiary-color);
    text-decoration: none !important;
}

h1, h2, h4, h5, h6 {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

body {
    background: var(--main-background) !important;
    color: var(--main-font-color) !important;
    font-family: var(--body-font);
}

header.header .topbar    {
    background: var(--main-header-background) !important;
    position: relative;
    z-index: 1001;
}

/* Header / topbar */
header.header,
header.header .navbar {
    background-color: var(--main-header-background) !important;
}

/* Logo texte HostMyHive à côté du logo */
.logo-text-hostmyhive {
    font-family: var(--title-font);
    font-weight: bold;
    color: var(--main-font-color);
    font-size: 2rem;
    margin-left: 0.5rem;
}

.logo-text-hostmyhive::first-letter {
    color: var(--primary-color);
    font-size: 2.5rem;
}

.logo-img {
    height: 70px;
}

/* Style des titres */
h1::first-letter,
h2::first-letter,
h3::first-letter {
    color: var(--primary-color);
}

header.header .navbar a {
    color: var(--main-font-color) !important;
  }

  header.header li::first-letter {
    color: var(--primary-color) !important;
    font-size: 17px;
    text-transform: uppercase;
  }

.master-breadcrumb {
background: linear-gradient(to bottom, #01020b, #010314);
border: none; /* si tu veux enlever une éventuelle bordure */
box-shadow: none; /* au cas où une ombre par défaut traîne */
}

footer.footer {
    background: linear-gradient(to top, #01020b, #010314);
    color: var(--main-font-color) !important;
    border: none;
}

footer.footer .btn {
    background: var(--primary-color) !important;
    color: var(--main-font-color) !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: var(--title-font);
    padding: 3px 20px 2px 20px;
    border: none;
    text-transform: uppercase;
}

.breadcrumb {
    background-color: transparent;
}

.breadcrumb-item {
    color: var(--main-font-color) !important;
}

.dropdown-menu {
    background-color: var(--main-dropdown-background) !important;
    border: 2px solid var(--main-card-border) !important;
}

.dropdown-divider {
    border: 1px solid var(--main-card-border) !important;
}

.dropdown-item:hover {
    text-decoration: none;
    background-color: var(--main-menu-hover) !important;
}

.dropdown-item.px-2.py-0:hover {
    background-color: transparent !important;
}

.card {
    background-color: var(--main-card-background);
    border: 2px solid var(--main-card-border);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.card-title {
    margin-top: 10px;
    text-align: center;
    min-width: 100%;
    font-size: 22px;
    margin-bottom: 10px;
    display: inline-block;
    background: var(--main-card-title-background);
    padding: 5px 20px 5px 20px !important;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.breadcrumb-item a {
    color: var(--tertiary-color) !important;
}

.form-control {
    background-color: var(--main-input-background);
    border: 2px solid var(--main-card-border);
    color: var(--main-font-color);
}

.form-control:focus {
    background: var(--main-input-background-focus) !important;
    color: var(--main-font-color) !important;
    border-color: var(--primary-color) !important;
}

header.header .search {
    border: solid 2px var(--primary-color);
}

.btn-default {
    background: transparent;
    border-radius: 0;
    color: var(--main-font-color);
}

.btn-default.btn-block {
    background: transparent;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid var(--primary-color);
    color: var(--main-font-color);
}

.btn-default.btn-block:hover {
    background: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    color: var(--main-font-color);
    box-shadow: var(--main-shadow);
}

.btn-default:hover {
    background: var(--primary-color);
    color: var(--main-font-color);
}

header.header .toolbar .nav-link{
    border: solid 2px var(--primary-color);
}

header.header .toolbar .nav-link:hover{
    background-color:  var(--primary-color);
    color: var(--main-font-color);
}

i .fa-shopping-cart {
    color: var(--primary-color);
}

.card .btn {
    background: var(--primary-color);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: var(--main-font-color);
    font-family: var(--title-font);
    padding: 3px 20px 2px 20px;
    border: none;
    text-transform: uppercase;
}

.card .btn:hover {
    background: var(--secondary-color);
    color: var(--main-font-color);
    box-shadow: var(--main-shadow);
}

.btn:hover {
    background: var(--secondary-color);
    color: var(--main-font-color) !important;
    box-shadow: var(--main-shadow);
}

.btn-primary {
    background: var(--primary-color);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: var(--main-font-color);
    font-family: var(--title-font);
    padding: 3px 20px 2px 20px;
    border: none;
    text-transform: uppercase;
}

.btn-primary a {
    color: white;
}

.btn-info {
    background-color: transparent;
    border-color: var(--primary-color);
}

.btn-info:hover {
    border-color: var(--secondary-color);
}

.form-group .btn-default {
    background: red;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: none;
    padding: 3px 20px 2px 20px;
    color: var(--main-font-color);
    font-family: var(--title-font);
    text-transform: uppercase;
}

#btnTicketAttachmentsAdd.btn-default {
    background: var(--primary-color) !important;
    
}

#btnTicketAttachmentsAdd.btn-default:hover {
    background: var(--secondary-color) !important;
    color: var(--main-font-color) !important;
}

.card-body p a.host-cancel {
    color: var(--main-font-color) !important;
}

.md-editor .btn-toolbar .btn-default {
    background: var(--primary-color);
}

.md-editor .btn-toolbar .btn-default:hover {
    background: var(--secondary-color);
}

/* a.btn-manage-permissions,
a.btn-remove-user
.btn.a {
    color:#ffffff !important;
} */

#Primary_Sidebar-Account-Email_History.list-group-item.active,
#Primary_Sidebar-Account-Email_History.list-group-item:hover {
    border-radius: 0 0 20px 20px;
}

.list-group-item:focus {
    background-color: var(--main-menu-active);
}

.list-group-item.active {
    background-color: var(--main-menu-active) !important;
}

.page-item.disabled .page-link {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color);
    color: #ffffff;
    font-family: var(--title-font);
}

.table {
    color: var(--main-font-color);
}

.action-icon-btns a {
    background: linear-gradient(135deg, rgba(184, 148, 251, 0.4) 0%, rgba(66, 17, 179, 0.4) 30%, rgba(29, 15, 62, 0.4) 70%,rgba(10, 10, 42, 0.5) 100%);
    color: var(--main-font-color) ;
}

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

/* ESPACE CLIENT */

.list-group-item {
    background-color: transparent;
    padding: .75rem 1.25rem !important;
}

.list-group-item:hover {
    background-color: var(--main-menu-hover) !important;
    color: var(--main-font-color);
}

.list-group-item-action {
    color: var(--main-font-color);
}

#Secondary_Sidebar-Client_Shortcuts-Logout.list-group-item.list-group-item-action:hover,
#Secondary_Sidebar-Client_Shortcuts-Logout.list-group-item.list-group-item-action.active,
#Primary_Sidebar-My_Services_Status_Filter-Cancelled.list-group-item.list-group-item-action:hover,
#Primary_Sidebar-My_Services_Status_Filter-Cancelled.list-group-item.list-group-item-action.active,
#Secondary_Sidebar-My_Services_Actions-View_Available_Addons.list-group-item.list-group-item-action:hover,
#Secondary_Sidebar-My_Services_Actions-View_Available_Addons.list-group-item.list-group-item-action.active,
#Secondary_Sidebar-Categories-Addons.list-group-item.list-group-item-action:hover,
#Secondary_Sidebar-Categories-Addons.list-group-item.list-group-item-action.active,
#Secondary_Sidebar-Actions-View_Cart.list-group-item.list-group-item-action:hover,
#Secondary_Sidebar-Actions-View_Cart.list-group-item.list-group-item-action.active,
#Primary_Sidebar-My_Invoices_Status_Filter-Refunded.list-group-item.list-group-item-action:hover,
#Primary_Sidebar-My_Invoices_Status_Filter-Refunded.list-group-item.list-group-item-action.active,
#Secondary_Sidebar-Billing-Quotes.list-group-item.list-group-item-action:hover,
#Secondary_Sidebar-Billing-Quotes.list-group-item.list-group-item-action.active,
#Primary_Sidebar-My_Quotes_Status_Filter-Accepted.list-group-item.list-group-item-action:hover,
#Primary_Sidebar-My_Quotes_Status_Filter-Accepted.list-group-item.list-group-item-action.active,
#Primary_Sidebar-Ticket_List_Status_Filter-Closed.list-group-item.list-group-item-action:hover,
#Primary_Sidebar-Ticket_List_Status_Filter-Closed.list-group-item.list-group-item-action.active,
#Secondary_Sidebar-Support-Open_Ticket.list-group-item.list-group-item-action:hover,
#Secondary_Sidebar-Support-Open_Ticket.list-group-item.list-group-item-action.active,
#Primary_Sidebar-Announcements_Months-RSS_Feed.list-group-item.list-group-item-action:hover,
#Primary_Sidebar-Announcements_Months-RSS_Feed.list-group-item.list-group-item-action.active,
#Primary_Sidebar-Support_Knowledgebase_Categories-No_Support_Knowledgebase_Categories.list-group-item.list-group-item-action:hover,
#Primary_Sidebar-Support_Knowledgebase_Categories-No_Support_Knowledgebase_Categories.list-group-item.list-group-item-action.active,
#Primary_Sidebar-My_Products_Status_Filter-Active.list-group-item.list-group-item-action:hover,
#Primary_Sidebar-My_Products_Status_Filter-Active.list-group-item.list-group-item-action.active,
#Primary_Sidebar-Network_Status-View_RSS_Feed.list-group-item.list-group-item-action:hover,
#Primary_Sidebar-Network_Status-View_RSS_Feed.list-group-item.list-group-item-action.active,
#Primary_Sidebar-Profile-Logout.list-group-item.list-group-item-action:hover,
#Primary_Sidebar-Profile-Logout.list-group-item.list-group-item-action.active,
#Secondary_Sidebar-Actions-View_Cart.list-group-item.list-group-item-action:hover,
#Secondary_Sidebar-Actions-View_Cart.list-group-item.list-group-item-action.active,
#Primary_Sidebar-Service_Details_Overview-Information.list-group-item.list-group-item-action:hover,
#Primary_Sidebar-Service_Details_Overview-Information.list-group-item.list-group-item-action.active,
#Primary_Sidebar-Service_Details_Actions-Change_Password.list-group-item.list-group-item-action:hover,
#Primary_Sidebar-Service_Details_Actions-Change_Password.list-group-item.list-group-item-action.active {
    border-radius: 0 0 20px 20px !important;
    background-color: var(--main-menu-hover) !important;    
}

.tiles .tile {
    background-color: transparent;
    border-right: 2px solid var(--main-card-border);
}

.tiles .tile:hover {
    background-color: transparent;
    color: var(--main-font-color);
}

.tiles .no-gutters {
    border: 2px solid var(--main-card-border);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: var(--main-card-background) !important;
}

.client-home-cards .card-header {
    background-color: transparent;
}

/* GESTION DES CONTACTS */

.alert-info {
    background-color: var(--main-card-background) !important;
    border: 2px solid var(--main-card-border) !important;
    color: var(--main-font-color) !important;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.dataTables_wrapper .dataTables_filter label .form-control {
    background-color: var(--main-card-background);
    border: 2px solid var(--main-card-border);
    color: var(--main-font-color);
    background: url(../../../assets/img/search.png) transparent no-repeat 8px 5px;
    background-size: 28px 28px;
}

.dataTables_wrapper table.table-list {
    background-color: var(--main-card-background);
    border: 2px solid var(--main-card-border);
    color: var(--main-font-color);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

table.table-list thead th {
    background-color: var(--main-card-background);
    border: 2px solid   var(--main-card-border);
    color: var(--main-font-color);
}

.dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: transparent;
    color: var(--main-font-color);
}

.dataTables_wrapper table.table-list thead th.sorting_asc {
    background-color: transparent;
    color: var(--main-font-color);
}

.table-list > tbody > tr > td {
    background-color: var(--main-card-background);
    border: 2px solid var(--main-card-border);
    color: var(--main-font-color);
}

.dataTables_wrapper table.table-list thead th {
    border-bottom: 0;
}

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

.cart-body .btn-default {
    background: transparent;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid var(--primary-color);
    color: var(--main-font-color);
}

.cart-body .btn-default:hover {
    background: var(--primary-color);
    color: var(--main-font-color);
}

/* CONFIG PRODUIT */

.product-info {
    background-color: var(--main-card-background) !important;
    border: 2px solid var(--main-card-border) !important;
    color: var(--main-font-color) !important;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-family: var(--title-font);
    font-weight: bold;
    display: inline-block;
}

 p.product-title::first-letter {
    color: var(--primary-color) !important;
    font-size: 25px !important;
}


#order-standard_cart .product-info .product-title {
    text-align: center;
    width: 100%;
    display: block;    
}

#order-standard_cart .product-info {
    display: flex;
    justify-content: center; /* centrer horizontalement */
    align-items: center;     /* centrer verticalement */
    flex-direction: column;
    text-align: center;
    padding: 14px 15px 15px 15px !important;
    
}

#order-standard_cart .product-info p:empty {
    display: none;
}

#order-standard_cart .field, #order-standard_cart .form-control {
    background-color: var(--main-card-background);
    border: 2px solid var(--main-card-border) !important;
    color: var(--main-font-color) !important;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

#order-standard_cart label {
    color: var(--main-font-color) !important;
    font-family: var(--title-font);
    font-weight: bold;
}

#order-standard_cart label::first-letter {
    color: var(--primary-color) !important;
    font-size: 17px !important;
}

#order-standard_cart .summary-container {
    background-color: var(--main-card-background) !important;
    border: 2px solid var(--main-card-border) !important;
    color: var(--main-font-color) !important;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

#order-standard_cart .order-summary {
    background-color: var(--main-card-background) !important;
    border: 2px solid var(--main-card-border) !important;
    color: var(--main-font-color) !important;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

#order-standard_cart .field-help-text {
    color: var(--tertiary-color) !important;
}

#order-standard_cart .view-cart-promotion-code {
    background-color: var(--main-background) !important;
    border-color: var(--primary-color) !important;
    border-radius: 5px;
}


.custom-select {
    position: relative;
    display: inline-block;
    background-color: var(--main-card-background) !important;
    border: 2px solid var(--main-card-border) !important;
    margin-bottom: 20px;
    display: none;
}

.custom-select select{ 
    display: block;
    background: var(--main-dropdown-background) !important;
    background-image: none !important;
    border: none !important;
}

select,
select option {
    border: none !important;
    background-color: var(--main-dropdown-background) !important;
    color: var(--main-font-color) !important;
}

.custom-select select:hover, .custom-select select:focus {
    background-color: var(--main-menu-hover) !important;
    color: var(--main-font-color) !important;
}

#order-standard_cart .field,
#order-standard_cart .form-control {
    background-color: var(--main-dropdown-background);
    border: 2px solid var(--main-card-border) !important;
}

#order-standard_cart .field {
    background-color: var(--main-dropdown-background) !important;
    border: 2px solid var(--main-card-border) !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: var(--main-dropdown-background) !important;
    border: 2px solid var(--main-card-border) !important;
    color: var(--main-font-color) !important;
}

#inputSubject.form-control {
    background-color: var(--main-dropdown-background) !important;
    border: 2px solid var(--main-card-border) !important;
    color: var(--main-font-color) !important;
}

.md-editor > .btn-toolbar {
    background-color: var(--main-card-border) !important;
    color: var(--main-font-color) !important;
}

.md-editor > textarea.markdown-editor, .md-editor > .md-preview {
    background-color: var(--main-dropdown-background) !important;
    color: var(--main-font-color) !important;
    border-bottom: 2px solid var(--main-card-border) !important;
    border-top: 2px solid var(--main-card-border) !important;
}

.md-editor .md-footer, .md-editor > .md-header {
    background-color: rgba(255, 255, 255, 0.025) !important;
    color: var(--main-font-color) !important;
}

.md-editor {
    border: 2px solid var(--main-card-border) !important;
}

.custom-file-label {
    background-color: var(--main-dropdown-background) !important;
    border: 2px solid var(--main-card-border) !important;
    color: var(--main-font-color) !important;
    font-family: var(--body-font) !important;
}

.custom-file-label::first-letter{
    color: var(--main-font-color) !important;
    font-weight: 400 !important;
}
.custom-file-label::after {
    background-color: var(--primary-color) !important;
    border-top: 2px solid var(--primary-color) !important;
    border-bottom: 2px solid var(--primary-color) !important;
    color: var(--main-font-color) !important;
    font-family: var(--title-font);
    font-weight: bold;
    text-transform: uppercase;;
}

.input-group-append .btn {
    border: 2px solid rgba(var(--primary-color-rgb)) !important;
}

.input-group-append .btn:hover {
    border-color: var(--secondary-color) !important;
}

.card label {
    color: var(--main-font-color) !important;
    font-family: var(--title-font);
    font-weight: bold;
}

.card label::first-letter {
    color: var(--primary-color) !important;
    font-size: 17px !important;
}

.text-muted {
    color: var(--tertiary-color) ;
}

.table-list > tbody > tr:hover > td {
    background-color: var(--main-menu-hover);
    border: none;
    
}

table tr:last-child:hover td:first-child {
    
    border-bottom-left-radius: 18px !important;
}

table tr:last-child:hover td:last-child {
    border-bottom-right-radius: 18px;
}

table tr:last-child td:first-child {
    border-bottom-left-radius: 18px !important;
}

table tr:last-child td:last-child {
    border-bottom-right-radius: 18px !important;
}


table.dataTable td.dataTables_empty {
    border-top: 2px solid rgba(255, 255, 255, .1) !important;
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important;
    background-color: transparent !important;
}

.dataTables_wrapper table.table-list thead th {
    border: none;
    border-right: 2px solid rgba(255, 255, 255, .1) !important;
    background-color: transparent !important;
}

.dataTables_wrapper table.table-list thead th:last-child {
    border-right: none !important;
}

.intl-tel-input .country-list {
    background-color: var(--main-dropdown-background) !important;
    border: 2px solid var(--main-card-border) !important;
    color: var(--main-font-color) !important;
}

.primary-bg-color {
    
}

#order-standard_cart .sub-heading {
    margin-top: 30px !important;
    margin-bottom: 40px !important;
}

.sub-heading span.primary-bg-color {
    top: -20px !important;
    border: 2px solid var(--main-card-border) !important;
    background-color: #1b1d2c;
    color: var(--main-font-color) !important;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-family: var(--title-font);
    font-weight: bold;
    padding: 5px 20px 5px 20px !important;
    font-size: 15px !important;
}

#order-standard_cart .view-cart-items-header {
    background-color: var(--main-card-title-background) !important;
    border: 2px solid var(--main-card-border) !important;
    color: var(--main-font-color) !important;
    
}

#order-standard_cart .view-cart-items .item {
    background-color: var(--main-card-background) !important;
    border: 2px solid var(--main-card-border) !important;
    color: var(--main-font-color) !important;
}

#order-standard_cart .view-cart-items {
    border-bottom: 2px solid var(--primary-color) !important;
}

#order-standard_cart .empty-cart .btn {
    background-color: var(--primary-color) !important;
}

#order-standard_cart .empty-cart .btn:hover {
    background-color: var(--secondary-color) !important;
    color: var(--main-font-color) !important;
}

.item-title .btn-link {
    color: var(--tertiary-color) !important;
}

.btn-link:hover {
    color: var(--main-font-color) !important;
}

#order-standard_cart .view-cart-tabs .tab-content {
    background-color: var(--main-card-background) !important;
    border: 2px solid var(--tertiary-color) !important;
    color: var(--main-font-color) !important;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.nav-tabs {
    border-bottom: none !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
    background-color: var(--tertiary-color) !important;
    color: var(--main-font-color) !important;
    border: 2px solid var(--tertiary-color) !important;
}

#applyPromo .btn-default {
    background: var(--primary-color) !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: var(--main-font-color) !important;
    font-family: var(--title-font);
    padding: 3px 20px 2px 20px;
    border: none;
    text-transform: uppercase;
    margin-top: 10px;
}

#order-standard_cart .order-summary .btn-continue-shopping {
    color: var(--main-font-color) !important;
    margin-top: 10px;
}

#order-standard_cart .account-select-container {
    border-right: 0 !important;
}

#order-standard_cart .account-select-container div.account {
    background: var(--main-card-background) !important;
    border: 2px solid var(--main-card-border) !important;
    border-right: 2px solid var(--main-card-border) !important;
}

#order-standard_cart .account-select-container div.account:hover {
    background: var(--main-menu-hover) !important;
    color: var(--main-font-color) !important;
}

#order-standard_cart .account-select-container div.account.active {
    background: var(--main-menu-hover) !important;
    color: var(--main-font-color) !important;
}

#order-standard_cart .cc-input-container {
    background-color: var(--main-card-background) !important;
    border-radius: 20px !important;
}

.announcements .announcement article {
    background-color: var(--main-input-background);
    border-left: var(--tertiary-color) 4px solid;
}

.btn-default.px-4 {
    border: none;
    border-radius: 5px;
    background-color: var(--primary-color);

}

.btn-default.px-4:hover {
    background-color: var(--secondary-color);
    box-shadow: var(--main-shadow);
}

.btn-reveal-pw {
    background-color: var(--primary-color) !important;
}

.btn-reveal-pw:hover,
.btn-reveal-pw.active {
    background-color: var(--secondary-color) !important;
}

.bootstrap-switch {
    background-color: var(--main-background);
    border: 2px solid var(--main-card-border);
}

.label-info {
    background-color: var(--tertiary-color);
}

.badge-info {
    background-color: var(--tertiary-color);
}

div.product-details div.product-icon {
    background-color: #202230;
}

.fa-inverse {
    color: black;
}

div.product-details-tab-container {
    background-color: var(--main-card-background) !important;
    border: 2px solid var(--main-card-border) !important;

}

.nav-tabs .nav-link {
    background-color: var(--main-card-title-background);
    color: var(--main-font-color);
}

.nav-tabs .nav-link.active {
    background-color: var(--primary-color);
    color: var(--main-font-color);
    border: none;
}

.nav-tabs .nav-link:hover {
    background-color: var(--secondary-color) !important;
    border: none;
}

.modal-content .modal-header {
    background-color: var(--main-card-title-background) !important;
    border-bottom: 2px solid var(--main-card-border) !important;
}

.modal-content{
    background-color: var(--main-background);
    border: 3px solid var(--main-card-border) !important;
}

.modal-content .modal-body {
    background-color: var(--main-card-background) !important;
}

.modal-content .modal-footer {
    background-color: var(--main-card-title-background) !important;
    border-top: 2px solid var(--main-card-border) !important;
}

.login-form .input-group-text {
    color: var(--main-font-color);
    background-color: var(--primary-color);
    border: solid 1px var(--primary-color);
}

.float-right {
    -webkit-text-fill-color: white !important;
}

.kb-category a:hover {
    background-color: var(--main-menu-hover);
    -webkit-border-radius: 18px;
}

.paymethod-info.selected {
    background: var(--secondary-color) !important;
    color: white !important;
}

.paymethod-info {
    background: transparent !important;
    color: white !important;
}


.paypal-button.paypal-button-number-0 {
    background: #5623d8 !important;
}

.invoice-summary-table td.total-row {
    background-color: transparent;
}


 
#stripeElements .form-control {
    background-color: white !important;
    border-radius: 5px !important;
}

.paypal_ppcpv-payment-form {
    background-color: transparent !inportant;
    color: white;
}

.paypal_ppcpv-payment-form .selected {
    background-color: var(--secondary-color) !important;
}

.verification-banner.email-verification .btn.btn-action, 
.verification-banner.email-verification .btn.btn-action[disabled] {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}


.verification-banner.email-verification .btn.btn-action:hover, 
.verification-banner.email-verification .btn.btn-action[disabled]:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

#btnEmailVerificationClose.btn.close {
    background-color: var(--tertiary-color) !important;
    color: white !important;
}

#btnEmailVerificationClose.btn.close:hover {
    background-color: var(--secondary-color) !important;
    color: white !important;
}

#order-standard_cart .apply-credit-container {
    background-color: var(--main-card-background) !important;
}

#alertUnpaidInvoice .btn-default {
    background: var(--primary-color) !important;
}

.alert-warning {
   color: white !important;
   background-color: var(--main-card-background) !important;
   
   border: solid 2px var(--main-card-border) !important;
}