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


.menu div.desktop_menu{

margin: 10px;
    width: 1180px;
}


}

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





.sub_content{

/*min-width: 1000px;*/
}

/*
.content{
 overflow: auto;
	min-width: 100%;
	}
*/


input,select,textarea{
width:100%;
max-width: unset;
margin: 0;
}


.form label{
width:100%;
}

/*
.form label b{

width: 300px;

}

.form label span,.form label input, .form label select, .form label textarea{
width:320px;


}
*/


.menu .a span{
 /*   font-size: 22px;*/
}
.menu .a{

/*overflow:hidden;*/
text-overflow:ellipsis;
min-width: 64px;
    font-size: 11px;

    max-width: 64px;
  /*  border: 1px solid red;*/
}


}








/*
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
*/
@media (min-resolution: 192dpi){
/*
body{
zoom:1;
}

.menu{
background:#0e5d4e;

}

*/




}





@media screen and (min-width: 280px){








.order_from_items {
    min-width: 1190px !important;
}










}



















.mobile{

display:none;
}



}
@media screen and (max-width: 480px){



.cloud>div{
font-size:inherit;
text-align:left;
    width: auto;
display:block;
}

.cloud>div .title{
display:inline-block;
max-width:300px;
white-space:nowrap;
}

.cloud>div .icon{
text-align:center;
display:inline-block;
    font-size: 20px;
    height: 24px;
    width: 24px;
}





.note{
padding: 5px 10px;
}




.form label{
width:100%;
}






select,textarea{
font-size:inherit;

padding:6px 10px 5px;

}

.form label span, .form label input, .form label select, .form label textarea{
width: 100%;
margin: 5px 0;
box-sizing: border-box;
}

input.button,input[type=submit]{
width: auto;
/*
padding:6px 10px 5px;
margin:5px 2px;*/
}
.button{
margin:5px 2px;
}
input,select{
width: 100%;


max-width: 100%!important;
display:block;


}



.label{

padding:2px 0;
}










































.x2 .label input[type=checkbox]{

    display: inline-block;
width: auto;
}
.x2>div{
max-width:unset;
    width: 100%;

}


.table2 td,.table2 th{
padding: 5px 10px;
   

}









input, .button, select, textarea {
    font-size: inherit;

}

/*
.order_view .hide,
.order_view .packs,
.order_view .weight,
.order_view .volume,
.order_view .rest,
.order_view .rest2,
.order_view .quantity,
.order_view .date_of_bottle,
.order_view .date_best_before_end,
.order_view .amount


 {
    display:none;
}
*/

.xlist .note td{
max-width:150px;
}

 /* 
.xlist .status{
    width: auto;

}
 
.xlist td.status .fal{

 font-size: 24px;

}
.xlist td.status {
 font-size:60%;
}
*/
.buttons{
margin:15px 0 0;
}




.tabs{
white-space:nowrap;

}
.tabs{
overflow:auto;
border-radius:0;
border-left:0;
border-right:0;

}

.sub_content{

/*min-width: 1000px;*/
}
.content{
  /*  overflow: auto;*/
padding:0;
/*margin: 5px auto;*/
}
.content>.note{

overflow: auto;
padding: 5px;
}
.table,.table2{
    min-width: 100%;
 /*   width: auto !important;*/
/*white-space: nowrap;*/
}

body{
/*font-size:12px;*/
}
h1{
font-size: 15px;
}
h2,h3{
font-size: 12px;
}









body{
/*padding:50px 5px 5px;*/
padding:50px 0;


}
.buttons{

top: 50px;
/*
overflow:auto;
white-space:nowrap;

line-height:40px;*/
}
.menu{

height: 50px;
}
.company_list .list a span {
margin-right: 8px;
}
.menu .fa-ellipsis-v {
font-size: 32px !important;
margin: 0 !important;
}
.menu a.a,.menu .a>a {
font-size: 9px;
}
.menu .a span{
font-size: 20px;
}
.menu .a,.menu .a>a{
min-width: 46px;
height: auto;
max-width:64px;
padding: 7px 5px;

height: 100%;
}
.company_list .list a{
padding:5px 10px;

}
.company_list .list{
left:unset;
right:0;
}
/*
.menu .a span {
    font-size: 24px;
    text-align: center;
    display: block;
    margin-bottom: 5px;
    position: relative;
}
*/









	.desktop{
		display:none;
	}
/*	
	.mobile{

	display:block;
	}
*/
	.xlist td{
	overflow:hidden;
	text-overflow: ellipsis;
	}

	.page_orders .xlist,.journal{
	
	/*	width:auto;
		min-width:100%;
	
	*/
	}
	.journal .d td div{
	/*	display:block !important; */
	}
	
	
	
	
	
	
	
.form label input[type=checkbox]{

margin: 10px ;
}


.form label {
    line-height: 1.5;
margin:0;
margin-bottom:5px;
padding:0;
}
.form label b{
max-width:100%!important;
width:100%;
display: block;
text-align:left;
max-width:unset;
padding:0;
}
.form label.checkbox>input{

margin:0 5px;
}
.form label.checkbox>*{
vertical-align:middle !important;
}
.form label.checkbox{

padding: 10px 5px;
}
.form h1{



margin-left:0 !important;
}






.menu_mobile_body a span.menu_count{

    font-family: Roboto, sans-serif;
    color: #fff;

    margin: -4px 0;
float:right;
    border-radius: 100%;
    padding: 4px 0;
    display: block;
    background: #f56868;
    font-size: 14px;
    font-weight: bold;
    width: 24px;
    height: 24px;
    text-align: center;

}




.block{
/*overflow:auto;*/
}
.block .note td{
padding:10px;
}






}















































.menu_mobile,.menu .mobile_menu_button{
display:none;

}
@media screen and (max-width: 600px){



.sub_content{

min-width: unset;
}
.content{
    overflow: auto;
	min-width: 100%;
}
.block{
/*
width: fit-content;

*/
}
.traffic_table{

font-size:80%;
}


.menu .menu_count{

color: #fff;
    top: 0;
    right: 0;
    margin: 0;
    position: absolute;
    border-radius: 100%;
    padding: 4px 0;
    display: block;
    background: #dc3333;
    font-size: 13px;
    font-weight: bold;
    width: 21px;
    height: 21px;
    text-align: center;

}



.menu .menu_count:empty {
    display: none;
}



.menu_mobile.open{
right: 0 !important;
}
.menu .mobile_menu_button{
display:table;
}
.menu_mobile_bg{

display:none;
z-index: 190;
top:0;

left:0;
background:#0004;
right:0;
transition:0.2s;

bottom:0;
width:100%;
height:100%;
position: fixed;
}
.menu_mobile_bg.open{
display:block;

}
.menu_mobile{



display:block;
right: -100vw !important;
}
.menu .desktop_menu{
display:none!important;

}
.menu .mobile_menu_button .title{

width:100%;
vertical-align: top;

overflow:hidden;
text-overflow:ellipsis;

line-height: 50px;
}


.menu .mobile_menu_button{

font-size: 20px;
padding: 0 10px;
height: 100%;
z-index: 260;
position: relative;

overflow:hidden;
text-overflow:ellipsis;


}


.menu .mobile_menu_button .a {


min-width: 46px;
height: auto;
max-width: 64px;
padding: 7px 5px;
height: 100%;

}

.menu .mobile_menu_button {
text-align:center;
    table-layout: fixed;
width:100%;
background: #1565c0;
background: #777;
}

.menu a{
color:inherit;
display: inline-block;
    position: relative;
}
.menu .mobile_menu_button .mbutton {
padding: 9px;
text-align:center;
font-size: 28px !important;
margin: 0 !important;
}

}


.menu_mobile_body a{
color: inherit;
text-decoration: none;
display: block;
overflow: hidden;
text-overflow: ellipsis;
padding: 15px 20px;
white-space: nowrap;
}
.menu_mobile_body{
margin-left: 20vw;
padding:10px 0;
width:80vw;
height: 100%;
overflow:auto;

background:#555;
font-size:17px;
}
.menu_mobile{



transition: 0.2s;


color: #fff;

font-weight: normal;



z-index: 200;












padding-top:50px;
top:0;
/*
left:0;

right:0;
*/

bottom:0;
width:100%;
height:100%;
position: fixed;

}


.menu_mobile_body a span {
margin-right: 8px;


width: 22px;

display: inline-block;

font-size: inherit;
}
/*
.menu hr{
background:#fff3;
}
*/