body{
margin: 0px; 
font-family: 'Josefin Sans', sans-serif;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);	
}

html {
margin: 0px;
}


.quantity_image{
height: 14px;
position: relative;
top: 2px;
margin-right: 5px;
}


.offerimage{
	
	width:300px;
	height:auto;
	
}
.totals_delivery_text{
background-color: #f0f0f0;	
max-width:200px;
}

table {
font-size: 11px;
overflow: scroll;
overflow: auto;
}
th{
font-weight: lighter;
text-align: left;
}

td, th{
padding:5px;
	
}
tr:nth-child(2n) {
background-color: #f0f0f0;
}

@media only screen and (max-width: 650px) {
.no_show_th{
display:none;
}
}

.body-wrapper{

width: calc(100% - 200px);
margin-left: 200px;
position: absolute;
margin-top:0px;
overflow-x: hidden;
}


.menue{
top:0;
left: 0;
width:100%;
max-width: 200px;
background-color: #fff;
position: fixed;
height: 100%;
border-right-style:solid;
border-width:1px;
border-color:#ccc;
z-index: 3;
}



.navigation{
border-bottom-width: 1px;
border-bottom-style: solid;
height: 40px;
text-align: center;
font-size: 22px;
border-color: #cecece;
position: fixed;
top: 0;
width: calc(100% - 200px);
z-index: 1;
padding-top: 20px;
background-color:#fff;
}

#close_menue{
display:none;
}


.cart_item_wrap{
width: 100%;
float: right;
max-width: 450px;
border-bottom-style: none;
border-color:#d8d8d8;
border-width: 1px;
padding-bottom:20px;
margin-bottom:20px;
}


@media only screen and (max-width: 1000px) {
.cart_item_wrap{
float: initial;
max-width: 100%;

}
}

@media only screen and (max-width: 1000px) {


#refresh{
left: calc(2% + 50px) !important;
}


#close_menue{
float: right;
font-size: 30px;
color:#fff;
display: block;
text-align: right;
padding-right: 3%;
cursor: pointer;
display:inherit;
}

.body-wrapper{
margin-left:0px;
width: 100%;
}

.menue{
margin-left:-200px;
}

.navigation{
	width: 100%;
	font-size:15px;
}

}




.main-wrapper {
width:96%;
margin-left:auto;
margin-right:auto;
max-width:1000px;
margin-top:70px;
}

.links_menue_top{
display: block;
width: calc(100% - 15px);
padding-left: 15px;
padding-top: 75px;
padding-bottom: 15px;
font-size:16px;
text-decoration:none;
color:black;
}


.links_menue_top:hover{
background-color: #f0f0f0;
}



.links_menue{
display: block;
width: calc(100% - 15px);
padding-left: 15px;
padding-top: 15px;
padding-bottom: 15px;
font-size:16px;
text-decoration:none;
color:black;
}

.links_menue:hover{
background-color: #f0f0f0;
}


#show_menue{
height: 40px;
cursor: pointer;
left: 2%;
top: 10px;
position: fixed;
z-index: 2;
}


#refresh{
height: 30px;
cursor: pointer;
left: 215px;
top: 15px;
position: fixed;
z-index: 2;
}

#show_search{
height: 30px;
float: right;
right: 20px;
margin-top: 15px;
cursor: pointer;
position: fixed;
z-index:2;
}

#close_search{
font-size: 35px;
float: right;
margin-bottom: 15px;
cursor: pointer;
color:#000;
}


#search_form{
max-width: 300px;
padding: 5px 15px 15px 15px;
background-color:white;
border-style: solid;
border-width: 1px;
right: 0px;
top: -1px;
width: calc(100% - 30px);
border-color:#d8d8d8;
margin-right: -332px;
position: fixed;
z-index: 30;
}

#search_input{
height: 40px;
width:100%;
border-style: solid;
border-width: 1px;
border-radius: 5px;
border-color:#5e5e5e;
display: block;
text-align: center;
font-family: 'Josefin Sans', sans-serif;
font-size: 17px;
}

#search_submit{
height: 40px;
width:100%;
border-style: solid;
border-width: 1px;
border-radius: 5px;
border-color:#000;
display: block;
text-align: center;
font-family: 'Josefin Sans', sans-serif;
font-size: 17px;
background-color:#000;
color:#fff;
}



@media print
{    

.order-div{
margin:0px;
padding:0px;
}
.body-wrapper {

    width: 100%;
    margin-left: 0px;
    position: absolute;
    margin-top: 0px;
    overflow-x: hidden;

}

.main-wrapper {

    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-top: 0px;

}

    .noprint, .noprint *
    {
        display: none !important;
    }
}

.links_logout{
text-decoration: none;
color: #d77a7a;
margin-left:10px;
}

.links_regular{
text-decoration: none;
color: #0a71df;
}

.links_lookalike{
color: #0a71df;
cursor: pointer;
}

.active-user-div{
display: inline-block;
padding: 5px 2% 5px 2%;
border-bottom-style: solid;
border-width: 1px;
border-color:#ccc;
text-align: left;
float: left;
width: 96%;
height: 50px;
background-color:black;
color:white;
}


.order-div{
padding: 30px 2% 20px 2%;
border-radius: 5px;
border-style: solid;
border-width: 1px;
border-color:#ccc;
margin-top: 5px;
text-align: left;
width: 96%;
font-size: 14px;
}

.delivery-div{
padding: 10px 2% 10px 2%;
border-radius: 5px;
border-style: solid;
border-width: 1px;
border-color:#ccc;
margin-top: 5px;
text-align: left;
width: 96%;
}


.stats-sales-div{
padding: 10px;
border: none;
text-align: left;
width: 44%;
float:left;
}


.big-input{
	max-width:350px;
width: 100%;
height: 40px;
border-style: solid;
border-width: 1px;
border-radius: 5px;
border-color:#5e5e5e;
display:block;
text-align: center;
font-family: 'Josefin Sans', sans-serif;
font-size:17px;
}





.small-cart-button{
min-width: 30px;
height:30px;
background-color:#000;
border: none;
border-radius: 3px;
color:#fff;
font-family: 'Josefin Sans', sans-serif;
font-size: 12px;
padding: 3px;
cursor:pointer;
}



.small-black-button{
width:90px;
background-color:#000;
border: none;
border-radius: 3px;
color:#fff;
font-family: 'Josefin Sans', sans-serif;
font-size: 12px;
padding: 3px;
cursor:pointer;
}

.small-red-button{
width:90px;
background-color:red;
border: none;
border-radius: 3px;
color:#fff;
font-family: 'Josefin Sans', sans-serif;
font-size: 12px;
padding: 3px;
cursor:pointer;
}
.small-green-button{
width:90px;
background-color:green;
border: none;
border-radius: 3px;
color:#fff;
font-family: 'Josefin Sans', sans-serif;
font-size: 12px;
padding: 3px;
cursor:pointer;
}

.big-black-button{
background-color:#000;
border-style: none;
color:#fff;
height: 40px;
border-radius: 5px;
width: 100%;
max-width:350px;
cursor: pointer;
font-family: 'Josefin Sans', sans-serif;
}

.big-red-button{
background-color:#ff7979;
border-style: none;
color:#fff;
height: 40px;
border-radius: 5px;
width: 100%;
max-width:350px;
cursor: pointer;
font-family: 'Josefin Sans', sans-serif;
}

.text_13{
font-size: 13px;	
	
}

.text_header{
font-size: 19px;	
}





