@charset "utf-8";
/* CSS Document */




html{
	 height:100%;
	 min-height:100%;
	 font-size:10px;
}
	
body{
	margin:0px;
	font-family: 'Open Sans', sans-serif;
	color:#777;
	/*background-color:#f1f1f1;*/
	background-color:#ddd;
}
	

.main{
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.minwidth{
	min-width:1200px;
}
	


img{
	max-width:100%;
	height:auto;
}

div{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
	
.blok{
	float:left;
	clear:both;
	width:100%;
	
	box-sizing:border-box;
    -moz-box-sizing: border-box;
}

.columns{
	float:left;
	text-align:center;
	box-sizing:border-box;
    -moz-box-sizing: border-box;
	
	}

.columns.one		{ width:8.33% }
.columns.two		{ width:16.66% }
.columns.three		{ width:25% }
.columns.four		{ width:33.33% }
.columns.five		{ width:41.66% }
.columns.six		{ width:50% }
.columns.seven		{ width:58.33% }
.columns.eight		{ width:66.66% }
.columns.nine		{ width:75% }
.columns.ten		{ width:83.33% }
.columns.eleven		{ width:91.66% }
.columns.twelve		{ width:100% }


.clearfix:after,
.main:after, main2.after{
	content:'';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	clear:both;
}

.main{
	zoom:1;
	}

<!--

.boxsize{box-sizing:border-box; -moz-box-sizing:border-box;}
.nopointer{pointer-events:none}

.back_color{ background-color:#FF8B3F; }

.krug{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.oval{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.oval_right{

	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.shadow{
	-webkit-box-shadow: rgba(0,0,0,.1) 0px 0px 5px;
	-moz-box-shadow: rgba(0,0,0,.1) 0px 0px 5px;
	box-shadow: rgba(0,0,0,.1) 0px 0px 5px;
	
	behavior: url(/PIE.htc);
}

.fade{ opacity:1;
	   transition: opacity .3s;
}
.fade:hover{ opacity:.8}

.inner_shadow {
   -moz-box-shadow:    inset 0 0 5px rgba(0,0,0,.1);
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1);
   box-shadow:         inset 0 0 5px rgba(0,0,0,.1);
}

/*MODAL*/
.curtain{ display:block; pointer-events:none; opacity:0; text-align:center; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(102,102,153,.7); z-index:1000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.curtain2{ display:block; pointer-events:none; opacity:0; text-align:center; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(102,102,153,.7); z-index:1000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#modal_field{display:inline-block; background-color:#FFF; position:relative; top:20%;}
#modal_field2{display:inline-block; background-color:#FFF; position:relative; top:20%;}
/*MODAL*/

/*FOG*/
.fog{ display:block; opacity:0; pointer-events:none; text-align:center; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:2000; background-image:url(images/fog_preloader.svg); background-repeat:no-repeat; background-position:center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/*FOG*/



.button_standard{display:inline-block; padding:5px 12px 5px 12px; font-size:1.2rem; background-color:#FF8B3F; color:#fff; text-decoration:none; letter-spacing:1px; box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: background-color .3s;
}

.button_standard:hover{ background-color:#E27B38}

.little_link{ color:#39C }
.little_link:hover{ color:#999; text-decoration:none}

/*tables*/
tbody tr:nth-child(odd) {
   background-color: #f9f9f9;
}
.table_row_clickable {
    background-color: #eee;
}

.zebra_row {
    background-color: #eee;
}

.table_row_clickable:hover {
    background-color: #ddd;
	cursor: pointer;
}





.table_cell{ font-size:12px; color:#000; padding:5px 10px 5px 10px;}
.table_cell_description{ font-size:10px;}
.table_cell.table_header{ color:#FFF; background-color:#F93}

/*tables.*/

/*menies*/
.side_menu{background-color:#222; padding:15px; margin-top:20px; text-align:left}
.side_menu_label{text-transform:uppercase; color:#fafafa; font-size:18px}

.app_menu_header{ font-size:14px; padding-top:20px; text-transform:uppercase; text-decoration:none; color:#3CF; display:block}
.app_menu_header:hover{ color:#39C}
.app_menu_header:active{color:#FF0}

.app_menu_page{ font-size:12px; padding:5px; padding-left:10px; text-decoration:none; color:#fafafa; display:block}
.app_menu_page:hover{ color:#CCC}
.app_menu_page:active{color:#FF0}
/*menies.*/

/*field and form*/
.screen_field{background-color:#FFF; margin-bottom:10px}
.field_label{text-align:left; padding: 10px 20px; font-size:19px;}

.form_shell{padding:10px; padding-top:0px; text-align:left;}
.form_column{ padding:10px}
.form_section{margin-bottom:20px; padding-bottom:20px; border-bottom: #F93 3px solid}
.form_section_label{text-align:left; font-size:14px; color:#F93; text-transform:uppercase}
.form_element{}
.form_label{padding-top:1rem; padding-bottom:.3rem; font-size:1.1rem; text-align:left;}
.form_field{width:100%; padding:5px; background-color:transparent; border:1px rgba(0,0,0,.2) solid; letter-spacing:.1rem; font-size:1.2rem}
/*field and form*/

/*fonts and titles*/

.fh1{ font-size:1.9rem; }
.fh2{ font-size:1.7rem; }
.ftext{ font-size:1.4rem; }

.fsegment { padding:6px; } 

/*fonts*/

@media only screen and (max-width:980px){
	
	
}
		
		
@media only screen and (max-width:750px){
	
	/*.columns.one		{ width:100% }
	.columns.two		{ width:100% }
	.columns.three		{ width:100% }
	.columns.four		{ width:100% }
	.columns.five		{ width:100% }
	.columns.six		{ width:100% }
	.columns.seven		{ width:100% }
	.columns.eight		{ width:100% }
	.columns.nine		{ width:100% }
	.columns.ten		{ width:100% }
	.columns.eleven		{ width:100% }
	.columns.twelve		{ width:100% }*/
	
	
}

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

	
}

@media print{
	a:link:after, a:visited:after {  
      display: none;
      content: "";    
    }
	.side_menu{display:none}
	.noprint{display:none !important}
	.button_standard{display:none}
	.columns.ten.print_content{width:100%}
	
	.table_cell{ font-size:16px; color:#000; padding:5px 10px 5px 10px; border-bottom:1px #000 solid}
	.table_cell.table_header{ color:#000; background-color:#ccc; border-bottom:1px #000 double}
	
	
}

@page { size: auto;  margin: 0mm 5mm 0mm 5mm; }