.user_box	{
	padding:1% 0.5% 250px 0.5%;
	background-color: #666666;
}
.admin_box	{
	padding:1% 0.5%;
	background-color: #000001;
}


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

}

.new_select_button	{
	display:inline-block;
	margin:1%;
	padding:2% 10%;
	color:#FFFFFF;
	background-color:#0033CC;
	font-family:'Roboto', sans-serif;
	font-size:1.5em;
	font-weight:400;
	border:0px #FFFFFF solid;
	cursor:pointer;
}
.new_select_button:hover	{
	background-color:#003399;
}

.submit-windows
{
	margin:1%;
	padding:1%;
	background-color:#004400;
}
.select-windows
{
	margin:1%;
	padding:1%;
	background-color:#004400;
}

input.submit_button	{
	display:inline-block;
	margin:1%;
	padding:2% 5%;
	color:#FFFFFF;
	background-color:#0033CC;
	font-family:'Roboto', sans-serif;
	font-size:1.5em;
	font-weight:400;
	border:0px #FFFFFF solid;
	cursor:pointer;
	text-decoration:none;
}
input.submit_button:hover	{
	color:#FFFFFF;
	background-color:#003399;
	text-decoration:none;
}
input.submit_button:visited	{
	color:#FFFFFF;
	background-color:#003399;
	text-decoration:none;
}
.reject_button	{
	display:inline-block;
	margin:1%;
	padding:2% 5%;
	color:#FFFFFF;
	background-color:#990000;
	font-family:'Roboto', sans-serif;
	font-size:1.5em;
	font-weight:400;
	border:0px #FFFFFF solid;
	cursor:pointer;
}
.reject_button:hover	{
	background-color:#CC0000;
}

.code_field	{
	width:70%;
	padding:0.5%;
	color:#003300;
	background-color:#F0F0F0;
	font-family:'Roboto', sans-serif;
	font-size:1.5em;
	border:0px #FFFFFF solid;
}

.enter_button	{
	display:inline-block;
	margin:1%;
	padding:1% 5%;
	color:#FFFFFF;
	background-color:#009900;
	font-family:'Roboto', sans-serif;
	font-size:1.5em;
	font-weight:400;
	border:0px #FFFFFF solid;
	cursor:pointer;
	text-decoration:none;
}
.enter_button:visited	{
	color:#FFFFFF;
	background-color:#009900;
}
input.login_field	{
	width:30%;
	margin:1%;
	padding:0.5%;
	color:#003300;
	background-color:#F0F0F0;
	font-family:'Roboto', sans-serif;
	font-size:1.5em;
	border:0px #FFFFFF solid;
}
input.num_of_lots	{
	width:10%;
	margin:1%;
	padding:0.5%;
	color:#003300;
	background-color:#F0F0F0;
	font-family:'Roboto', sans-serif;
	font-size:1.5em;
	border:0px #FFFFFF solid;
}
.error_message	{
	margin:1%;
	padding:1%;
	font-size:1.5em;
	text-align:center;
	color: #CC0000;
}
.warning_message	{
	margin:1%;
	padding:1%;
	font-size:1.5em;
	text-align:center;
	color: #CCCC00;
}


#footer-box	{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:240px;  
}
#submit-windows-box
{
	margin:0px;
	padding:5px 20px;
	height:230px;  
	background-color: rgba(0, 0, 0, 0.8);
}
#select-windows-box
{
	margin:0px;
	padding:50px 20px;
	height:140px;  
	background-color: rgba(0, 0, 0, 0.75);
/*	opacity: 0.7;
    filter: alpha(Opacity=70);
*/
}
#price-box
{
	background-color:#FFFCCC;
}
.item_str_title
{
	margin: 1px 0px 0px 0px;
	text-align:left;
	background-color:#FFFEEE;
	border-bottom:1px #FFF000 solid;
}
.item_str_box
{
	margin: 1px 0px 0px 0px;
	background-color:#FFFFFF;
	text-align:left;
	border-bottom:1px #FFF333 solid;
}
.item_str_box:hover
{
	background-color:#FFF666;
}
.item_article_box
{
	float:left;
	width:7%;
}
.item_name_box
{
	float:left;
	width:48%;
}
.item_name_box_active
{
	float:left;
	width:48%;
	cursor:pointer;
}
.item_name_box_admin
{
	float:left;
	width:48%;
	cursor:pointer;
}
.item_name_box_admin:hover	
{
	background-color:#CCFF66;
}

.item_factory_box
{
	float:left;
	width:20%;
}
.item_price_box
{
	float:left;
	width:10%;
}
.item_measure_box
{
	float:left;
	width:7%;
}
.item_life_box
{
	float:left;
	width:8%;
}
.item_title
{
	padding: 10px 10px 5px 10px;
	color:#333333;
	font-family:'Roboto', sans-serif;
	font-size:.9em;
	font-weight:700;
	border:0px #FFFFFF solid;
}
.item_article
{
	padding: 5px 10px 5px 10px;
	color:#999999;
	font-family:'Roboto', sans-serif;
	font-size:.8em;
	border:0px #FFFFFF solid;
}
.item_article_active
{
	padding: 5px 10px 5px 10px;
	color:#CC3333;
	font-family:'Roboto', sans-serif;
	font-size:.8em;
	border:0px #FFFFFF solid;
}
.item_section
{
	margin-left:7%;
	padding: 10px 10px 5px 10px;
	color:#CC0000;
	font-family:'Roboto', sans-serif;
	font-size:1.20em;
	font-weight:700;
	border:0px #FFFFFF solid;
}
.item_name
{
	display:block;
	padding: 10px 10px 5px 10px;
	color:#333333;
	font-family:'Roboto', sans-serif;
	font-size:1.1em;
	font-weight:400;
	border:0px #FFFFFF solid;
	text-decoration:none;
}
.item_factory
{
	padding: 10px 10px 5px 10px;
	color:#666666;
	font-family:'Roboto', sans-serif;
	font-size:1.0em;
	border:0px #FFFFFF solid;
}
.item_price
{
	padding: 10px 10px 5px 10px;
	color:#333333;
	font-family:'Roboto', sans-serif;
	font-size:1.1em;
	font-weight:400;
	border:0px #FFFFFF solid;
}
.item_measure
{
	padding: 10px 10px 5px 10px;
	color:#666666;
	font-family:'Roboto', sans-serif;
	font-size:1.0em;
	border:0px #FFFFFF solid;
}
.item_life
{
	padding: 10px 10px 5px 10px;
	color:#666666;
	font-family:'Roboto', sans-serif;
	font-size:1.0em;
	border:0px #FFFFFF solid;
}


div.closed {
	display:none;
	transition: all 0.2s ease-out;
}
div.opened {
	display:block;
	transition: all 0.2s ease-out;
}
#ITEM-PIC-BOX
{
    position:fixed;
    top: 5%;
	left:5%;
	width:80%;
	height:70%;
	padding:5%;
	background-color: rgba(16, 0, 0, 0.5);
	text-align:center;
	border-radius: 20px;
}
#ITEM-PIC
{
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size: contain;
	background-image:url(imgs/none.jpg);
	padding: 2%;
	color:#FFFEEE;
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:1.5em;
	border: solid 0px #FFFEEE;
	text-align:center;
}
#ITEM-WINDOW-PIC
{
	min-height:600px;
	height:100%;
	background-repeat:no-repeat;
	background-position:left;
	background-size: contain;
	background-image:url(imgs/none.jpg);
	padding: 2%;
	color:#CC0000;
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:1.5em;
	border: solid 0px #FFFEEE;
	text-align:center;
}
#ITEM-PIC-NONE
{
	height:20%;
	padding: 2%;
	background-color:#990000;
	color:#FFFEEE;
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:1.5em;
	border: solid 0px #FFFEEE;
}
#ADD-ITEM-PIC-BOX
{
    position:fixed;
    top: 15%;
	left:15%;
	width:60%;
	height:10%;
	padding:5%;
	background-color: rgba(16, 0, 0, 0.75);
	text-align:center;
	border-radius: 20px;
}
#load-file-box
{
	padding:10px;
	background-color:#FFFFFF;
}
.load_box
{
	padding:5px;
	color:#100000;
	font-family:'Roboto', sans-serif;
	font-size:1.5em;
}
.close_windows
{
	float:right;
	padding: 10px 20px;
	background-color:#FF0000;
	color:#FFFFFF;
	font-family:'Roboto', sans-serif;
	font-size:1.5em;
	cursor:pointer;
}