﻿/* ========================= */
/* DGrey - #404041 ========= */
/* ========================= */
body, input, select, textarea, .recent_order_item, .order_history_item,
.full_width_icons a, .account_address_item, .modal_close, .account_address_item_default, .account_address_item_content{
    color: var(--sbs-text, #404041) !important;
}

header, .recent_order_status_closed, .order_history_status_closed{
    background-color: #404041;
}

header{
    border-bottom: 1px solid #404041;
}

/* ========================= */
/* White - #FFFFFF ========= */
/* ========================= */
body, input, select, textarea, .modal, .double-bounce1, .double-bounce2,
.checked .checkbox::after, .account_notifications_item, #recent_orders,
.full_width_icons a, .account_address_item_default{
    background-color: var(--sbs-surface, #FFF) !important;
}

button, input[type="button"], .button, .button_red, header, .store_name a,
.account_notifications_item_alert, .recent_order_status,.order_history_item_selected .order_history_number,
.recent_order_item:hover .recent_order_number, .order_history_item:hover .order_history_number,
.account_address_item_primary, .account_newsletter_subscription_manage_item a,
.wishlist_spoilers_info:hover .wishlist_spoilers_details, #account_wishlist_manage table i,
.order_history_status, .account_order_history_pagination li a.selected, .account_login_register_which_register_prompt, .account_login_register_forgotten_prompt, .buy_again, .write_review,
.buy_again_disabled span, .write_review_disabled span, .account_address_item_primary a{
    color: #FFF;
}

/* ========================= */
/* LGrey - #DDD ============ */
/* ========================= */
input, select, textarea, .modal, .account_notifications_item, .welcome_message,
#account_order_history_container, .recent_order_number, .order_history_number,
.full_width_icons a, .account_address_item, .account_order_history_pagination li a,
.account_order_history_pagination li span{
    border: 1px solid var(--sbs-border, #ddd);
}

.recent_order_item, .order_history_item, th, td, #account_orders_item_details_delivery, #account_orders_item_details_info{
    border-bottom: 1px solid var(--sbs-border, #ddd);
}

.full_width_icons a:hover{
   -moz-box-shadow: inset 0 0 10px #ddd;
   -webkit-box-shadow: inset 0 0 10px #ddd;
   box-shadow: inset 0 0 10px #ddd;
}

.account_newsletter_subscription_manage_item{
    border-bottom: 1px solid var(--sbs-border, #ddd);
    border-left: 1px solid var(--sbs-border, #ddd);
    border-right: 1px solid var(--sbs-border, #ddd);
}

.account_newsletter_subscription_manage_item:first-child{
    border-top: 1px solid var(--sbs-border, #ddd);
}

.faq_item{
    border: 1px solid var(--sbs-border, #ddd);
    border-bottom: none;
}

.faq_item:last-child{
    border: 1px solid var(--sbs-border, #ddd);
}

/* ========================= */
/* LLGrey - #F5F5F5 ======== */
/* ========================= */

#side, .recent_order_item:hover, .order_history_item:hover, .order_history_item_selected,
.recent_order_number, .order_history_number, .account_newsletter_subscription_manage_item,
.account_order_history_pagination li a:hover, .faq_item:hover, .faq_item_selected, .welcome_message{
    background-color: var(--sbs-surface-alt, #F5F5F5);
}

#welcome{
    border-bottom: 3px solid var(--sbs-surface-alt, #f5f5f5);
}

.account_address_item:hover{
    box-shadow: 0px 0px 3px 2px #f5f5f5;
}

/* ========================= */
/* OGrey - #CCC ============ */
/* ========================= */

.checkbox{
    background-color: #CCC;
}

#side{   
    border-left: 1px solid var(--sbs-border, #ccc);
}

.account_notifications{
    border-bottom: 1px solid var(--sbs-border, #ccc);
}

#breadcrumbs li::after, .account_order_history_pagination li span{
    color: var(--sbs-text-muted, #ccc);
}

#recent_orders{
    border-bottom: 1px solid var(--sbs-border, #ccc);
}

/* ========================= */
/* Random ================== */
/* ========================= */

label, .write_review_stars_container i.fa-star-o{ color: #afafaf; }

.recent_order_status_open, .order_history_status_open{ background-color: #30A23A; }

.modal_overlay{
    background-color: rgba(0,0,0,0.25);
}

.modal{
    box-shadow: 1px 1px 15px -3px #060606;
}

.modal_header{
    border-bottom: 1px solid var(--sbs-border, #e4e4e4);
}

.modal_body{
    border-bottom: 1px solid var(--sbs-border, #e4e4e4);
}
