: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_dark_green {color:rgb(var(--gc_green));}
.gc_dark_green {color:rgb(var(--gc_green));}
.gc_light_green {color:rgb(var(--gc_herb_light));}
.gc_green {color:rgb(var(--gc_herb));}
.gc_light_orange {color:rgb(var(--gc_spice_light));}
.gc_orange {color:rgb(var(--gc_spice));}
.gc_light_blue {color:rgb(var(--gc_pepper_light));}
.gc_blue {color:rgb(var(--gc_pepper));}


.gc_dark_green_background {background-color:rgb(var(--gc_green));}
.gc_light_green_background {background-color:rgb(var(--gc_herb_light));}
.gc_green_background {background-color:rgb(var(--gc_herb));}
.gc_light_orange_background {background-color:rgb(var(--gc_spice_light));}
.gc_orange_background {background-color:rgb(var(--gc_spice));}
.gc_light_blue_background {background-color:rgb(var(--gc_pepper_light));}
.gc_blue_background {background-color:rgb(var(--gc_pepper));}


.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;}


#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;}
 
 
 
 .purchase_form {margin:20px auto; text-align:center; width:850px;}
.purchase_form input[type=text], .purchase_form select {font-size:1.6rem; width:200px;}
.purchase_form button {background-color:#102D1C; color:#fff; font-weight:bold; padding:5px; border:0px;}

.payment_method {height:195px; width:850px; background-color:#efefef; box-sizing:border-box;}
.opayo {background-color:rgb(12,32,116); color:#fff; }
.cvv {margin-left:2px; font-weight:bold; display:inline-block; text-align:center; background-color:#b9d533; color:#fff; width:24px; height:24px; border-radius:12px;}

.highlight {background-color:#FBFFAB; padding:5px; border:2px solid #000; border-radius:5px; }