body {width:100%; height:100%; font-family:Verdana; font-size:12px; background-color:#ffffff; padding:0px; margin:0px; color:#333333;}

@media (max-width: 1366px){
    html { height: 100%; zoom:80%;}    
}
@media (max-width: 1600px) and (min-width: 1367px){
    html { height: 100%; zoom:90%;}    
}
@media (max-width: 1920px) and (min-width: 1601px){
    html { height: 100%; zoom:100%;}    
}


/* login_info layer */

#page {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}


#login_info {
	background-color:rgba(0,0,0,1.00);
	font-size:0.8em;
	text-align:right;
	margin:0;
}


#login_info a,visited {
	color:rgba(255,225,28,0.4);
	text-decoration:none;
	text-transform:capitalize;
	padding:0px 2% 0px 0px;
}

#login_info a:hover {
	color:rgba(255,225,28,1.00);
}

/* end of  login_info layer */



/* navigation  menu layer */


#navWrapper {
	/*background-color:rgba(24,237,0,1.00);*/
	    background-color: #3F8FD2;
	
}

nav ul {
	padding:0;
	margin:0px;
	margin-left: 1%;
	/*border-left: 1px solid rgba(255,182,0,1.00);*/
}

nav ul li {
	margin:0;
	width:16.45%;
	float:left;
}


nav ul li a  {
	text-align:left;
	font-size:1.3em;
	text-decoration:none;
	text-transform:uppercase;
	list-style:none;
	display:block;
	color:rgba(0,0,0,1.00);
	font-weight:bold;
	background-color:rgba(0,0,0,0.1);
	/*border: 1px solid rgba(89,255,0,1.00);*/
	border: 1px solid #66A1D2;
	margin:0;
	padding: 0.2em 1.2em 0.2em 0.3em;
}

nav ul li:hover  {
	/*background-color:rgba(255,232,22,1.00);*/
	background-color:#66A1D2;
}

nav ul li:hover a{
	color:rgba(0,0,0,1.00);
	text-shadow:1px 1px 1px rgba(255,255,255,1.00);
}

nav li {
	margin: 0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
}

nav ul ul {
	position:absolute;
	visibility:hidden;
	background-color:#eeeeee;
}

nav ul li:hover ul {
	visibility:visible;
	/*background-color:rgba(24,237,0,1.00);*/
	/*background-color:#66A1D2;*/
	left:-1px;

}

nav ul ul li {
	padding:0em;
	text-align:center;
	width:100%;
}

nav ul li a {
	text-transform:capitalize;
	color:rgba(0,0,0,0.71);
		
}
/* end of  menu layer */




/* parametrs layer */


#parameters {
	/*background-color:rgba(255,248,86,1.00);*/
	background-color:#61829E

}

#kiosks_selector {
	margin:0 0 0 1%;
	width:32%;
	float:left;
	border:0px solid rgba(124,255,104,1.00);
}

#date_selector {
	margin:0 0 0 0.4%;
	position:relative;
	width:32%;
	float:left;
	border:0px solid rgba(124,255,104,1.00);
}

#date_selector img{
	width:16px;
	height:16px;
	left:0;
	margin:0px 0px 0px 3px;
}

#x_selector {
	margin:0 0 0 0.4%;
	width:32%;
	float:left;
	border:0px solid rgba(124,255,104,1.00);
	
}
		
.select_kiosk {
	width:98%;
	font-size:1.3em;
	float:left;
	clear:right;
	margin:2px;
}

.select_date {
	width:80%;
	float:right;
	margin:2px 0px 0px 0px;
	clear:right;
	font-size:1.3em;	
}

.select_x {
	width:98%;
	clear:right;
	font-size:1.3em;
	float:left;
	margin:2px;
}


.select_actions {
	float:right;
	margin: 2px 5px 0px 0px;
}

.select_chart{
	margin:0px 10px 0px 0px;

}

.select_print{
	margin:0px 2px 0px 0px;

}

.select_xls{
	margin:0px 10px 0px 5px;

}

.select_submit{
	margin:0;
}


div.date_type {
	display:block; 
	height:40px; 
	vertical-align:top;
	float:left;
	width:140px;
	text-align:left;
	color:#000;
	margin-left:10px;
	}
div.date_type input {
	float:left;
	margin-top:3px;
	margin-right:10px;
}
/* end of parametrs layer */


/* pages layer */

#pages {
	margin:0;
	background-color:rgba(70,137,208,1.00);
	padding:0;
	font-size:1.0em;
	font-weight:bold;
	color:rgba(255,255,255,1.00);
}

#pages p{
	margin:0;
	background-color:rgba(70,137,208,1.00);
	padding:0;
	font-size:1em;
}

#pages a{
	color:rgba(255,255,255,1.00);
}
/*Khakhulin*/
#pages #selected_page{
	color:rgba(255,248,86,1.00);
}

.pages{
	padding:0em 1.5em 0em 1.5em;
}

/* end of pages layer */

/* tables layer */


#tables table{
}

#tables th{
	width:auto;
	padding:0.4em 0em 0.4em 0em;
	/*color:rgba(44,101,255,1.00);*/
	color:#333333;
	background-color:#bbbbbb;
	font-size:1.0em;
	font-weight:bold;
	text-align:center;	
}

#tables caption{
	height:0;
	margin:0;
	opacity:0;
}

#tables th:first-child {
	width:auto; 
}

#tables th:nth-child{
}

#tables th, td {
	vertical-align:middle;
	border-left: 1px solid rgba(0,0,0,0.2)
}

#tables td {
	padding: 5px;
}

/* #tables tr:nth-of-type(3):before{ 
	width:auto;
} */

#tables td:nth-child(even) {
	color:rgba(0,69,209,1.00);
}

#tables tr {
	background-color:rgba(158,220,255,0.3);
	font-size: 1.3em;
}

#tables tr.alert-row{
	background-color:rgba(255,255,0,0.3);
}
#tables tr.alert-row-sale{
	background-color:rgba(255,0,0,0.3);
}

#tables tr:nth-child(even) {
	background-color:rgba(158,220,255,0.4);
}

#tables tr.alert-row:nth-child(even) {
	background-color:rgba(255,255,0,0.3);
}
#tables tr.alert-row-sale:nth-child(even) {
	background-color:rgba(255,0,0,0.3);
}
/* end of tables layer */


#page_table{
    width:100%;
    height:100%;
    border:0px;
}

    #page_table #marker {height:10px;}
    #page_table .left_td{width:auto;}
    #page_table .menu_td{ width:1000px;}
    #page_table .center_td{ width:1000px; vertical-align: top; text-align: left;}
    #page_table .right_td{width:auto;}    
    
    
    #page_table #logo {height:1.5em;}
    
    #page_table #main_menu {height:45px; background-color: #828282; font-size:18px; color:#99cc33;}
    #page_table #sub_menu {height:30px; background-color: #ff2d47; font-size:14px; color:#ffffff;}
    #page_table #content {height:auto;}
    #page_table #footer {height:10px; background-color: #666666;}
    
    
    
    
/*Sections*/
.section_title{font-size: 18px; font-weight: normal; text-decoration: underline;}
    
/*Items list*/    
a.screw_btn, a:link.screw_btn, a:active.screw_btn, a:visited.screw_btn, a:hover.screw_btn{
    display:block;
    width:25px;
    height:25px;
    border-left:1px solid #dddddd;
    border-top:1px solid #dddddd;
    border-right:1px solid #bbbbbb;
    border-bottom:1px solid #bbbbbb;
    text-align: center;
    text-decoration: none;
    background-color: #f0fff0;
    background-image: url(/imgs/btn_screw.png);
    background-position: center center;
    background-repeat: no-repeat;
}

a.cashbox_btn, a:link.cashbox_btn, a:active.cashbox_btn, a:visited.cashbox_btn, a:hover.cashbox_btn{
    display:block;
    width:25px;
    height:25px;
    border-left:1px solid #dddddd;
    border-top:1px solid #dddddd;
    border-right:1px solid #bbbbbb;
    border-bottom:1px solid #bbbbbb;
    text-align: center;
    text-decoration: none;
    background-color: #f0fff0;
    background-image: url(/imgs/btn_cashbox.png);
    background-position: center center;
    background-repeat: no-repeat;
}

a.edit_btn, a:link.edit_btn, a:active.edit_btn, a:visited.edit_btn, a:hover.edit_btn{
    display:block;
    width:25px;
    height:25px;
    border-left:1px solid #dddddd;
    border-top:1px solid #dddddd;
    border-right:1px solid #bbbbbb;
    border-bottom:1px solid #bbbbbb;
    text-align: center;
    text-decoration: none;
    background-color: #f0fff0;
    background-image: url(/imgs/btn_edit.png);
    background-position: center center;
    background-repeat: no-repeat;
}
    
a.delete_btn, a:link.delete_btn, a:active.delete_btn, a:visited.delete_btn, a:hover.delete_btn{
    display:block;
    width:25px;
    height:25px;
    border-left:1px solid #dddddd;
    border-top:1px solid #dddddd;
    border-right:1px solid #bbbbbb;
    border-bottom:1px solid #bbbbbb;
    text-align: center;
    text-decoration: none;
    background-color: #f0fff0;
    background-image: url(/imgs/btn_delete.png);
    background-position: center center;
    background-repeat: no-repeat;
}

a.copy_btn, a:link.copy_btn, a:active.copy_btn, a:visited.copy_btn, a:hover.copy_btn{
    display:block;
    width:25px;
    height:25px;
    border-left:1px solid #dddddd;
    border-top:1px solid #dddddd;
    border-right:1px solid #bbbbbb;
    border-bottom:1px solid #bbbbbb;
    text-align: center;
    text-decoration: none;
    background-color: #f0fff0;
    background-image: url(/imgs/btn_copy.png);
    background-position: center center;
    background-repeat: no-repeat;
}

a.left_money_btn, a:link.left_money_btn, a:active.left_money_btn, a:visited.left_money_btn, a:hover.left_money_btn{
    display:block;
    width:25px;
    height:25px;
    border-left:1px solid #dddddd;
    border-top:1px solid #dddddd;
    border-right:1px solid #bbbbbb;
    border-bottom:1px solid #bbbbbb;
    text-align: center;
    text-decoration: none;
    background-color: #f0fff0;
    background-image: url(/imgs/left-money.png);
    background-position: center center;
    background-repeat: no-repeat;
}


a.button, a:link.button, a:active.button, a:visited.button{
    display:block;
    width:150px;
    height:25px;
    padding-top:10px;
    border-left:1px solid #dddddd;
    border-top:1px solid #dddddd;
    border-right:1px solid #bbbbbb;
    border-bottom:1px solid #bbbbbb;
    text-align: center;
    text-decoration: none;
    background-color: #f0fff0;
    color:#000000;
    float:right;
    margin-left:20px;
}
    
a:hover.button{text-decoration: underline; font-weight: bold;}

button{
    display:block;
    width:150px;
    height:37px;
    border-left:1px solid #dddddd;
    border-top:1px solid #dddddd;
    border-right:1px solid #bbbbbb;
    border-bottom:1px solid #bbbbbb;
    text-align: center;
    text-decoration: none;
    background-color: #f0fff0;
    color:#000000;
    float:right;
    margin-left:20px;
}


.items_table{
    width:auto;
	margin-left:auto;
	margin-right:auto;
}

.edits_table{
    width:600px;
}


.param_name{width:150px; height:30px;}

.items_table th{background-color: #e0efe0;}


/*Item edit*/
.item_form{width:600px; margin-left: 300px;}

.small_control{float:left; width:70px;}
.large_control{float:left; width:450px;}


/*Reports*/
.items_table .total_row{background-color: #dddddd;font-weight:bold;}
.page{margin:5px;}
.page_{margin:10px;}

.page a:link, .page a:visited, .page a:active{color:#000000;}
.page a:hover{color:#ff2d47;}

.page_ a:link, .page_ a:visited, .page_ a:active{color:#ff2d47;font-size:14px;font-weight:bold;}
.page_ a:hover{color:#ff0000;font-size:14px;font-weight:bold;}

.sort_btn a{margin-left:5px;padding-left:5px;padding-right:5px;text-decoration:none;color:#333333;border:1px solid #cccccc;}


/*Print reports*/
.items_table_print {
    width:1000px;
	border:1px solid #666666;
	border-collapse: collapse;
}
.items_table_print td{border:1px solid #999999;}
.items_table_print th{background-color: #e0efe0;border:1px solid #666666;}
.items_table_print .total_row  {background-color: #dddddd;font-weight:bold;}

/*Chart*/
.chart{
	display:block;
	width:99%; 
	margin-left:auto;
	margin-right:auto;
	height:1000px; 
	border:1px solid #666666;
	margin-bottom:40px;
}