:root {
       --gc_green: 20,41,29;
       --gc_spice: 226,101,38;
       --gc_herb: 54,153,70;
       --gc_pepper: 101,117,128;
       --gc_spice_light: 229,140,85;
       --gc_herb_light: 166,188,66;
       --gc_pepper_light: 175,180,190;       
       
}

@font-face {
    font-family: 'rubik';
    src: url('/fonts/rubik-medium-webfont.woff2') format('woff2'),
         url('/fonts/rubik-medium-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'rubik';
    src: url('/fonts/rubik-regular-webfont.woff2') format('woff2'),
         url('/fonts/rubik-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'green_cuisine';
    src: url('/fonts/days-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.page_container{font-size:1.7rem;}

h1 {color:rgb(var(--gc_spice)); font-family:rubik}
h2 {font-size:2rem; color:rgb(var(--gc_spice)); font-family:rubik}
h3 {font-size:1.5rem; color:#1d4b3d; font-family:rubik}
.green_link {color:#b9d533;}

.green_cuisine {font-family:green_cuisine;} 
.rubik {font-family:rubik;}

.gc_light_green {color:#b9d533;}
.gc_dark_green {color:#1d4b3d;}

.gc_light_green_background {background-color:#b9d533;}
.gc_dark_green_background {background-color:#1d4b3d;}

.range_menu_item_inner {border:2px solid #1d4b3d; background-color:#dfdfdf;}

.product_section {width:100%;}

/* 2px solid #1d4b3d; */ 
#range_list .product_section_headers {border-bottom:3px solid #1d4b3d;}
#range_list .category_section {border-top: 3px solid #1d4b3d;}

#admin_range_list .product_section_headers {border-bottom:2px solid #1d4b3d;}

.category_section {display:block; box-sizing:border-box; width:100%;}

.product_section_headers {position:relative; background-color:#fff;  display:inline-table; width: 100%;}
.product_section_fix_headers {position:fixed; top:300px;}

.product_title h2{font-size:2.5rem; padding:10px 0 0 0px;}
.product_title {}

.product_code {width:100px; padding-left:5px; vertical-align:middle;}
.product_name {vertical-align:middle;}
.product_weight, .product_units {width:150px; text-align:center; vertical-align:middle;}
.product_price {width:100px; vertical-align:middle;}
.product_offer_price {width:55px;}
.old_price { height: 10px; text-align: right; padding-right: 30px; line-height: 0.5;}
.product_qty {width:100px; text-align:center; vertical-align:middle;} 
.product_qty_input {width:21px; text-align:center; vertical-align:middle; height: 21px; padding-bottom: 3px; margin-bottom: 2px;}
.product_vatable {width:20px; display:inline-block; text-align:left; }
.delete_image {height:17px;}

.popup{display:none; bottom:40px; position:absolute;  background-color:#fff; border:1px solid black; color:#000; width:200px; font-size:1.3rem; z-index:100;}
.show_popup{cursor:pointer; color:#b9d533; position:relative; display:inline-block;}
.show_popup:hover > .popup {
    display: block;
}
.cvv_popup {left:-89px;}
.weight_popup {left:-75px;}

.shade_row:nth-of-type(odd){background-color:#efefef;}
.shade_row:nth-of-type(even){background-color:#dfdfdf;}


 .success {background-color:#08db67; }
 .fail {background-color:#ff3333;}
 
 .tick {background-color:#01bc59; border-radius:23px; width:23px; height:23px; font-size:19px; color:white; text-align:center; margin:0 10px}
 
 .form_item {font-family: arial; border-radius:2px;border: 1px solid #cfcfcf;background-color: #efefef; color:#333;}
/*select.form_item option:first-child{display: none;}*/
select.form_item option {color:#333;}