@CHARSET "UTF-8";

@font-face {
	font-family:"Rokkitt";
	src:url("fonts/rokkitt/Rokkitt-Regular.eot?") format("eot"),
		url("fonts/rokkitt/Rokkitt-Regular.woff") format("woff"),
		url("fonts/rokkitt/Rokkitt-Regular.ttf") format("truetype"),
		url("fonts/rokkitt/Rokkitt-Regular.svg#Rokkitt") format("svg");
	font-weight:normal;
	font-style:normal;
}

/**********************************
		reset
*************************************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td	
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

table			{border-collapse:separate;border-spacing:0;border:0;}

table,td,th		{vertical-align:middle;border:0;}

blockquote:before,
blockquote:after,
q:before,q:after{content:"";}

blockquote,q	{quotes:"" "";}

a img			{border:none;}

a				{outline:none;}

.clearfix:after,

.clearfix,
.clear			{clear:both;}

.left,.fleft{float:left;}
.right,.fright{float:right;}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.left-head {
	width: 90%;
	text-align: left;
	margin-right: 2%;
	display: table-cell;
}
.right-head {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}
.add-icon{
	background: url(images/add-icon.png) left top no-repeat;
	width: 40px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}
.add-icon:HOVER{
	background-position:left bottom;
}
/*************************************************
		elements
**************************************************/

body,html {
	background:#fff;
	font-family: Arial, Helvetica,sans-serif;
	font-size:14px;
	line-height:20px;
	color:#666;
	text-align:left;
	position:relative;
	-webkit-text-size-adjust: none;
} 

p {margin:10px 0 0 0;}
h1 {font-size:20px; font-weight: bold; color:#00A4E0;margin-top: 20px; }
h2 {font-size:14px; font-weight: bold; color:#00A4E0;}
/*h3 {font-size:12px; font-weight: bold; color:#fb7c03; margin:10px 10px 10px 10px;}*/
h3 {
margin: 10px 0px 15px 0px;
padding: 10px 13px;
font-size: 18px;
font-weight: normal;
color: #555555;
}

.formheader{
	background-color: #ddd; height: 40px;width: 100%; display: table;
}

h4 {font-size:12px; font-weight: bold; color:#fb7c03; margin:10px 10px 10px 10px;}
li {margin:0px 0 0 20px;}
hr { height: 1px; background-color: #DDDDDD; color:#DDDDDD; border-style: none; border-width: 0px;}

a:link, a:visited {color: #00a7e1;text-decoration: none;}
a:hover {color: #000;text-decoration: none;}


.hline{	width:100%;	height:1px;border-bottom:1px solid #81b4e9;clear:both;padding:5px 0 0 0;}
.vline{	height:100%;width:10px;border-left:1px solid #81b4e9;margin:10px 0px 0px 4px;float:left;}
.nowrap{white-space: nowrap;}
/**********************************************
		common
**********************************************/

.container{
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	font-family: "Roboto",Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #353E44;
}

@media only screen and (max-width: 1200px) {
	.container{width: 1170px;}
}
@media only screen and (max-width: 992px) {
	.container{width: 970px;}
}
@media only screen and (max-width: 768px) {
	.container{width: 750px;}
}


.round4{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/**************************
 	header
***************************/

#header_wrapper{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #3A3A3A;
	text-align: center;
}

#header {
	display: inline-block;
	width:100%;
}

#logo{
	color: white;
	display: inline-block;
	font-size: 20px;
	margin-left: 20px;
	float: left;
	text-align: center;
}

a#logo:HOVER{
	text-decoration: none;
}

#topnavi, #topnavi2, #topnavi3{
	font-size: 14px; 
	color:white; 
	float: right;
	margin-right: 20px;
}

#topnavi2, #topnavi3{
	display: none;
	float: right;
}

#topnavi a, #topnavi2 a, #topnavi3 a, #topnavi4 a,#topnavi4 span{
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	margin-left: 30px;
}

#topnavi a:first-child {margin-left: 0px;}

#topnavi3{
	font-size: 36px;
}

#topnavi3 i{cursor:pointer;}
#topnavi3 i:hover {color: #FF7300;}


#topnavi4{
	display: none;
	margin: 0;
	padding:0;
	font-size: 16px;
	color:white;
	background-color: #303030;
	/*  #8F8E8E  */
}

#topnavi4 a, #topnavi4 span{
	width:100%;
	line-height: 60px;
	border-bottom: solid 1px #aaa;
	text-align: center;
	margin: 0;
	margin-bottom: -5px;
	
}

#topnavi4 a:hover {color: #FF7300;}


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

	#header_wrapper{
		text-align: left;
	}

  	#topnavi2{
  		display:inline-block;;
  	}
}

@media only screen and (max-width: 750px) {
	
	#topnavi{
  		display: none;
  	}
  	#topnavi3{
  		display:inline-block;
  	}
  	#header_wrapper{
		border-bottom: none;
	}
	
}


#header_right{
	float: right; 
	padding-right: 40px;
}

#topnavi_doc{
	display: block;
	height: 40px;
	margin: 0 10px 0 0;
	text-align: right;
}

#topnavi3_white{
	color: #777;
	font-size: 36px;
	display: block;
	height: 40px;
	margin: 0 0 0 20px;
	text-align: right;
	float: right;
	display: none;
}

#topnavi3_white i{cursor:pointer;}
#topnavi3_white i:hover {color: #555;}


@media only screen and (max-width: 800px) {
	#header_right{
		margin: 0;
		padding-right: 20px;
	}
	#topnavi_doc{
  		display: none;
  	}
  	#topnavi3_white{
  		display:block;
  	}
}

.top_h1{margin: 5px 0px 5px 50px; line-height: 80px; float: left;}

@media only screen and (max-width: 400px) {
	
	#logo img{width: 100px;}
	.top_h1{line-height: 40px;margin: 10px;}
}


/**************************************
		breadcrumb
*************************************/
.breadcrumb {background-color: #eee; line-height: 30px; padding-left: 10px;}
.breadcrumb li{list-style: none;display: inline-block;padding: 0px;margin: 0px;}
.breadcrumb li .fa{margin: 0px 5px;font-size: 11px;}
.breadcrumb a{color:#6e6e6d; text-decoration: none;}
.breadcrumb a:HOVER {color:#14c0ff;}
.breadcrumb ul{display: inline-block;float: left;}

#flags {display: inline-block;float: right; margin-right: 20px; padding-top: 2px; }
#flags img {margin-right: 10px; cursor: pointer;}
/**************************************
		dasnboard
*************************************/
.tile_stat{
	width: 190px;
	height: 80px;
	padding-top:20px;
	padding-left:10px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-right:20px;
	margin-bottom:20px;
	color: white;
	cursor:pointer;
	float: left;
}
.tile_green, .green, .accepted{
	background-color:#00A65A;
}
.tile_red, .red, .rejected{
	background-color:#F56954;
}
.tile_aqua, .aqua, .undefined{
	background-color:#00C0EF;
}
.tile_blue, .blue{
	background-color:#0073B7;
}
.tile_pink, .pink{
	background-color:#E91E63;
}
.tile_purple, .purple{
	background-color:#9C27B0;
}
.tile_indigo, .indigo{
	background-color:#3F51B5;
}
.tile_cyan, .cyan{
	background-color:#00BCD4;
}
.tile_teal, .teal{
	background-color:#009688;
}
.tile_lime, .lime{
	background-color:#CDDC39;
}
.tile_yellow, .yellow{
	background-color:#FFEB3B;
}
.tile_amber, .amber{
	background-color:#FFC107;
}
.tile_orange, .orange{
	background-color:#FF9800;
}
.tile_deep_orange, .deep_orange{
	background-color:#FF5722;
}


.tile_stat .number{
	font-size: 30px;
	font-weight: bold;
}
.tile_stat .descr1{
	font-size: 15px;
}
.tile_stat .descr2{
	font-size: 10px;
}
.tile_stat .fa{
	font-size: 50px;
	position: absolute;
	margin-left: 140px;
	margin-top: 30px; 
}

.tile_green .fa{
	color:#009350;
}
.tile_red .fa{
	color:#dc5e4b;
}
.tile_aqua .fa{
	color:#00AAD4;
}
.tile_blue .fa{
	color:#0067A3;
	font-size: 44px;
}

.tile_green:HOVER, .green:HOVER{
	background-color:#008D4C;
}
.tile_red:HOVER, .red:HOVER{
	background-color:#F4543C;
}
.tile_aqua:HOVER, .aqua:HOVER{
	background-color:#00ACD6;
}
.tile_blue:HOVER, .blue:HOVER{
	background-color:#00639E;
}

/**************************************
		left menu
*************************************/
#leftmenu{
	display:table-cell;
	background-color: #333;
}

#leftmenu a, #leftmenu h5, #leftmenu span{
	display:block;
	width:280px;
	padding-left:10px;
	line-height:40px;
	border-top:solid 1px #555;
	border-bottom:solid 1px #2e2e2e;
	color: #aaa;
	cursor: pointer;
	

	
}


.formular_submenu_header_div a, .formular_submenu_header_div h5 , .formular_submenu_header_div span{
	position: relative;
	overflow: hidden;	
}



#leftmenu a:HOVER,#leftmenu span:HOVER,h5.submenu_headerl1:HOVER {
	background-color: #2e2e2e;
	border-top:solid 1px #2e2e2e;
	color: white;
	text-decoration: none;
}
#leftmenu .active{
	color: white;
}
#leftmenu a i.fa,#leftmenu h5 i.fa,#leftmenu span i.fa{
	width: 17px;
	margin-right: 8px;
	
}

.inactive_m{
	
	border-right: 10px solid #ccc;
	
	padding:0px  !important;
	border-top:0px !important;
	border-bottom:0px !important;
	
	margin:0px;
	float: right; 
	text-align: right; 
	position:absolute;
	top:0;
	right: 0;
	width:0px !important;
	display:block;
	
	color: #aaa;
	cursor: pointer;
		
}


.valid_m{
	
	border-right: 10px solid green;	
	
	padding:0px  !important;
	border-top:0px !important;
	border-bottom:0px !important;
	
	margin:0px;
	float: right; 
	text-align: right; 
	position:absolute;
	top:0;
	right: 0;
	width:25px !important;
	display:block;
	
	color: #aaa;
	cursor: pointer;
}


.invalid_m{

	border-right: 10px solid red;
	padding:0px  !important;
	border-top:0px !important;
	border-bottom:0px !important;
	
	margin:0px;
	float: right; 
	text-align: right; 
	position:absolute;
	top:0;
	right: 0;
	width:0px !important;
	display:block;
	
	color: #aaa;
	cursor: pointer;
		
}

#leftmenu .inactive_m,#leftmenu .valid_m,#leftmenu .invalid_m{
	height: 40px !important;
	line-height: 40px !important;
	
}

#topnavi4 .inactive_m,#topnavi4 .valid_m,#topnavi4 .invalid_m{
	height: 60px !important;
	line-height: 60px !important;
	
}

i.indicator{
	display: none;	
}
.invalid_m i.indicator{
	display: none;	
}
.inactive_m i.indicator{
	display: none;	
}
.valid_m i.indicator{
	display:inline-block;
	color: green;
	
}


.menu_collapsablel1 .submenul1_elem i.fa
{
	width: 17px;
	
}
@media only screen and (max-width: 750px) {
	
	#leftmenu{
  		display: none;
  	}
  	
  	
    	  	
  	
}

@media only screen and (max-width: 800px) {
	
	#leftmenu.interview_form{
  		display: none;
  	}
  	
}

@media only screen and (max-width: 850px) {
	
	#leftmenu.presview_form{
  		display: none;
  	}
  	
}


.collapsed .submenu{display: none;}
.expanded .submenu{display: block;}
.submenu{
	background-color: #444;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

h5.submenu_header{
	
}

#topnavi4 h5.submenu_header{
	width:100%;
	line-height: 60px;
	border-bottom: solid 1px #aaa;
	text-align: center;
	margin: 0;
	display:block;
	color: #aaa;
	cursor: pointer;
}

/**********************************************
 				middle block
 *********************************************/
#midblock{
	display: table;
	width: 100%;
}

#midblock.m1{
	height: 650px;
}

#rightside{
	display: table-cell;
	width: 100%;
	padding: 0;
	vertical-align: top;
	height: 400px;
}

#content{
	padding: 20px 20px 20px 20px;  
}

.content_center{
	text-align: center;
	max-width:900px;
	margin: 0 auto 40px auto;
}
.content_left{
	text-align: left; 
	max-width:900px; 
	margin: 0 auto 40px auto;
	padding-left: 40px;
}
@media only screen and (max-width: 768px) {
	.content_left{padding-left: 5px;}
}

/**********************************************
					Forms
***********************************************/

label {
	display:inline-block;
	width: 200px;
	text-align: right;
	margin-right: 10px;
	margin-left: 20px;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label .mandatory{color:#F56954;}

input, select {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

input,select,textarea, button{border: 1px solid #D1D1D1;}
input[type='text'],input[type='number'],input[type='password'],select{padding: 8px 2px 5px 6px;}
input[type='radio'],input[type='checkbox']{border: none;}
table.form_table td {height:20px;padding: 4px 12px;}
.submit_button{
	cursor: pointer; 
	color:#fff; 
	background-color: #1D90CB;
	border: 1px solid #137DBA;
	background-image: linear-gradient(#1D90CB, #0E86C4);
	padding: 10px 20px;
	border-radius: 2px;
	text-transform: none;
}

.cancel_button{
	cursor: pointer; 
	color:#fff; 
	background-color:#F6F6F6;
	color: black;
	border:solid 1px #DADADA;
	padding: 10px 20px;
	border-radius: 2px;
	text-transform: none;
	width: 120px;
	text-align: center;
}

input[type='text'],input[type='number'],input[type='password'],select {width: 250px;}
select{background-color:white;}
.input_cont {width: 250px;}
.submit_button{width: 260px;}
.input_cont{height:26px; display: inline-block; padding: 4px 0 0 0px;text-align: left; }
.label_radio1{width: 100px;text-align: left;padding-left: 5px;}
.label_radio2{width: 50px;text-align: left;padding-left: 5px;}


input.calender{
	background-image:url(images/calender.gif) !important;
	background-repeat: no-repeat !important;
	background-position: 96% 7px !important;
}

.ff_vert_100, .ff_vert_48_right, .ff_vert_48_left,.ff_vert_30_right,.ff_vert_30_left{margin-top: 20px;}
.ff_vert_100{width: 100%;float: none;}
.ff_vert_48_right,.ff_vert_48_left{width: 48%;float: left;}
.ff_vert_48_left{margin-right: 4%;}
.ff_vert_30_right,.ff_vert_30_left{width: 30%;float: left;}
.ff_vert_30_left{margin-right: 5%;}

.ffcont{width: auto; margin: 0px; padding:0 0px 0 0; }
.ffcont_select{width: auto; margin: 0px; padding:0 0 0 0; }
.ffcont label,.ffcont_select label{display: block ;text-align: left;padding: 0;margin: 0;width: 100%;}
.ffcont input[type="text"], .ffcont input[type="number"] {width: 100%; display: block ; padding: 8px 2px 5px 6px;}
.ffcont_select select {width: 100%; display: block;padding: 6px 0px 5px 6px;}

.ff_check_hor_100{margin-top:8px;margin-bottom:0px; width:100%; display:table;}
.ff_check_hor_100 label{width: 100%;display: table-cell; vertical-align:middle; padding-left: 20px;}
.ff_check_hor_100 .check_cont{display: table-cell;width: 25px;}

.docloaded .input_cont {
	height: 50px;
}


.file_input_hor{margin-top:8px;margin-bottom:0px; width:100%; display:table;}
.file_input_hor label{display: table-cell;vertical-align:middle; padding-right: 10px;  padding-left: 20px;}
.file_input_hor .input_cont{display: table-cell;width: 250px;}

.form50{float: left; padding-bottom: 20px;}

.e100{margin-top:8px;margin-bottom:0px; width:100%; display:table;}
.e100 label{display: table-cell;vertical-align:middle; padding-right: 10px; width:48%; padding-left: 20px;}
.e100 input, .e100 select{display: table-cell;width: 48%;}

@media only screen and (min-width: 1000px) {
	.e100 label{width: 400px;}
}

@media only screen and (max-width: 1200px) {
	.file_input_hor{display:block;}
	.file_input_hor label{display: block;width: 90%; padding: 0; }
	.file_input_hor .input_cont{display: block;width: 250px;}
}	


@media only screen and (max-width: 550px) {
	.form50{width: 100%;}
	label{text-align:left; width: 90%;margin: 0px;}
	input[type='text'],input[type='password'],input[type='number'],.submit_button,.input_cont,select,textarea{width: 100%;}
	.submit_button{width: 92%;}
	select{width: 100%;}
	fieldset{width: 100%;}
	
	.ff_vert_48_right,.ff_vert_48_left,.ff_vert_30_right,.ff_vert_30_left{width: 100%;}
}

@media only screen and (min-width: 630px) and (max-width: 1200px) {
	.form50{width: 48%;}
}

@media only screen and (min-width: 600px) and (max-width: 1200px) {
	label{text-align:left; width: 90%;}
}

.form50vertical{float: left; padding-bottom: 20px;}
@media only screen and (min-width: 1100px) {
	.form50vertical{width: 48%;}
}
@media only screen and (max-width: 1099px) {
	.form50vertical{width: 99%;}
}

.selector {margin:0 -2px 5px 0; border-left: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; overflow: auto;}
.notice, .success {padding:.8em;margin-bottom:1em;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border:1px solid #C6D880;}
.notice a {color:#514721;}
.success a {color:#264409;}


.error a {color:#8a1f11;}
.error ul li{list-style-type:disc;}
p.error {padding:.8em;margin-bottom:1em;border:1px solid #ddd;background:#FBE3E4;border-color:#FBC2C4;color: #c03;}
form p.error{padding:0;background:none;border:none;}
p.error input, div.error input, p.error select, div.error select, p.error textarea, div.error textarea{border:solid 1px red;}
p.error label, div.error label, div.error label{color:red;}

div.errormsg {color: #d92222 ;background:#FBE3E4;border-color:#FBC2C4;border:1px solid #ddd; padding-left: 20px; padding-top: 5px;padding-bottom: 5px;}
div.errormsg ul{margin: 0;}
div.errormsg ul li{list-style-type:disc;}

.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }



.form_frame_center{width: 1000px; margin-left: auto;margin-right: auto; border: 1px solid #ccc; padding: 0px 20px;}
.form_frame_center .ff_hor_100 {margin-bottom: 10px; clear: both; }
.form_frame_center .ff_hor_100 label{width: 25%;margin-right: 30px; float: left;text-align:right;  padding-top: 5px;}
.form_frame_center .label_space {width: 25%;margin-right: 49px; float: left;text-align:right; line-height: 30px;}
.form_frame_center .ff_hor_100 input{width: 45%;float: left;}
.form_frame_center .ff_hor_100 .input_cont{width: 45%;float: left;}
.form_frame_center .ff_hor_100 #cke_messagebody{width: 45%;float: left;}
.form_frame_center .ff_hor_100 select{width: 45%;float: left;}
.form_frame_center .ff_hor_100 .psinput{width: 44%;float: left;border: 1px solid #D1D1D1;padding: 8px 2px 5px 6px; background-color: #eee; }

@media only screen and (max-width: 1000px) {
	.form_frame_center{width: 80%;}
}

@media only screen and (max-width: 550px) {
	.form_frame_center{width: 80%;}
	.form_frame_center .ff_hor_100 label{width: 95%; float: none;text-align:left;}
	.form_frame_center .label_space {width: 95%; float: none;text-align:left;}
	.form_frame_center .ff_hor_100 input {width: 100%; float: none;}
	.form_frame_center .ff_hor_100 .input_cont {width: 100%; float: none;}
	.form_frame_center .ff_hor_100 #cke_messagebody {width: 100%; float: none;}
	.form_frame_center .ff_hor_100 select{width: 100%;float: none;}
	.form_frame_center .ff_hor_100 .psinput{width: 100%;float: none;}
}

@media only screen and (max-width: 420px) {
	.form_frame_center .ff_hor_100 .psinput{width: 95%;}
	.g-captcha-wrapper{width: 280px;overflow: hidden; }
	.g-captcha-wrapper .g-recaptcha{transform:scale(0.9);-webkit-transform:scale(0.9);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

#interview_form{font-size: 14px;}
#interview_form input[type='text'],#interview_form select{font-size: 16px;}

/************************************************************
			wideform
*************************************************************/
.wideform	label{width: 30%;text-align: right;}
.wideform	input[type='text']{width: 30%;}
.wideform	select{width: 30%;}
.wideform .file_input_hor{width: 60%; margin-left: 34px; }
.wideform .file_input_hor label{width: 50%;}
.wideform .file_input_hor select{width: 100%;}

@media only screen and (max-width: 1200px){
	.wideform .file_input_hor { display: table; }
	.wideform .file_input_hor label{ display: table-cell; }
	.wideform .file_input_hor select{display:table-cell;}
}

/************************************************************
			tbl_form
*************************************************************/
.tbl_input{ display: table; margin-bottom: 10px;}
.cell_label{ display: table-cell; width: 300px; padding:0 20px 0 0;text-align: right;}
.cell_input{ display: table-cell; padding: 0;}
.cell_input input[type='text']{margin: 0;}
.cell_input select{margin: 0;}
.top_label .cell_label { vertical-align: top; }

.short_label .cell_label {width: 100px;}
.spec_cont{width: 100%;}
.spec_cont input[type='text']{width: 330px;}

@media only screen and (max-width: 600px){
	.tbl_input{ display: block; margin-bottom: 10px;}
	.cell_label{ display: block; width: 100%; padding:0;margin: 0;text-align: left;}
	.cell_input{ display: block; padding: 0;}
	.spec_cont input[type='text']{width: 100%;}
}

.spec_chk_cont{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #eee;
	width: 40px;
	height: 28px;
	border: solid 1px #aaa; 
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

/************************************************************
			Form small
*************************************************************/

.small_list_cont{
	float: left; margin-bottom: 40px; margin-right: 80px; width: 300px;
}

.small_form	label{width: 80px;text-align: left; }
.small_form	input[type='text']{width: 180px;}
.small_form	select{width: 189px;}

.form2col{float: left;width: 45%;max-width: 500px; }

@media only screen and (max-width: 600px) {
	.small_list_cont{
		margin-bottom: 40px; margin-right: 0px; width: 100%;
	}
	
}
@media only screen and (max-width: 700px) {
	.form2col{float: none;width: 100%;}
}
@media only screen and (max-width: 500px) {
	.small_form	{width: 100%;}
	.small_form	input[type='text']{width: 97%;}
	.small_form	select{width: 100%;}
}


/************************************************************
			Form large
*************************************************************/
/*
fieldset.large input,fieldset.large select, fieldset.large textarea{
	display:inline-block; 
	width: 200px;
	height: 25px;
	padding: 0px 5px;
	background-color: white;
}
fieldset.large input:FOCUS ,fieldset.large select:FOCUS, fieldset.large textarea:FOCUS{
	border-color: #333;
}

fieldset.large select{
	width: 212px;
	padding-left: 0px;
}
fieldset.large .control-group{
	margin-bottom: 15px;
}
fieldset.large label{
	display:inline-block;
	width: 150px;
	text-align: right;
	margin-right: 10px;
}

.control-group.error {
	padding:.8em;
	margin-bottom:1em;
	border:1px solid #ddd;
	background:#FBE3E4;
	border-color:#FBC2C4;
	color: #c03;
}
fieldset .control-group.error{
	padding:0;
	background:none;
	border:none;
}
.control-group.error input, .control-group.error select{
	border-color:red;
}

*/


/************************************************************
			Search Form
*************************************************************/

#form_search{
	margin-left: 10px;
}

/*********************************************************
					buttons
**********************************************************/
.btn, a.btn, .btn_save{
	display:inline-block;
	padding: 10px;
	cursor: pointer;
	white-space: nowrap;
	font-family: Arial, Helvetica,sans-serif;
	font-size:13px;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn, a.btn {
	border:solid 1px #DADADA;
	background-color:#F6F6F6;
	color: black;
}
.btn:HOVER{
	border-color:#C6C6C6;
	background-color:#F6F6F6;
}
a.btn:HOVER, a.btn_save:HOVER{text-decoration: none;}
.btn i.fa, .btn_save i.fa {padding-right:8px;}


.btn_mini{display: inline-block;width: 40px;height: 25px;color:white;line-height: 25px;text-align: center;cursor: pointer;}
.btn_mini .fa{color: white;line-height: 25px;}


.btn_save, a.btn_save{
	border:solid 1px #1F6EF0;
	background-color:#4B8DF9;
	color: white;
}
button.btn_save, button.btn{line-height: 20px;}
.btn_save:HOVER{
	border:solid 1px #0e449b;
	background-color:#4286F4;
}
.btn-bar .btn, .btn-bar a.btn, .btn-bar .btn_save{
	margin-right: 10px;
	margin-bottom: 20px;
}

.btn .nextid, .btn .previd{width: 30px; padding: 0px; margin:0px ; text-align: center; line-height: 40px; font-size: 12px;color: #0088cc;}

.next_btns_cont{
	display: inline-block;
}

@media only screen and (max-width: 400px) {
	.next_btns_cont{
		display: block;
		float: left;
		margin-right: 10px;
	}
}

/****************************
		details page
*****************************/
.tab_buttons, .tab_buttons_short, .tab_buttons_small{
	margin-bottom: -6px;
}

.tab_button{
	/*background: url(images/incomplete.jpg) right top no-repeat;*/
	width: 180px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-top: solid 6px #ccc;
	overflow:hidden;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	background-color: #eee;
	height: 52px;
}

.tab_buttonP{
	/*background: url(images/incomplete.jpg) right top no-repeat;*/
	width: 180px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-top: solid 6px #ccc;
	overflow:hidden;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	background-color: #eee;
	height: 52px;
}
.tab_button.tab_button_short{
	width: 120px;
}
.tab_button:HOVER {
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}

.tab_buttonP:HOVER {
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}

.tab_buttons .active, .tab_buttons_short .active, .tab_buttons_small .active{
	border-bottom: none;
	background-color: white;
}


.tab_buttons .activeP, .tab_buttons_short .activeP, .tab_buttons_small .activeP{
	border-bottom: none;
	background-color: white;
}

.tab_button .fa{
	margin-left: 10px;
	margin-right: 10px;
}

.tab_label,.tab_icon{
	display: table-cell;
	vertical-align: middle;
	height: 52px;
}

.tab_icon{
}
.tab_label{
	width:100%;
}

.tab_incomplete{
	border-top: solid 6px #F56954;
}

.tab_complete{
	border-top: solid 6px green;
}

.tab_contents{
	border: solid 1px #ccc;
	margin-top:-1px;
	min-height: 400px;
	padding: 20px 10px;
	overflow: hidden;
}


@media only screen and (max-width: 1350px) {
	.tab_buttons{
		margin-bottom: 10px;
	}
	.tab_buttons .active{
		border-bottom: solid 1px #ccc;
	}
	.tab_buttons .activeP{
		border-bottom: solid 1px #ccc;
	}
	.tab_buttons .tab_button{
		margin-bottom: 5px;
	}
	.tab_buttons .tab_buttonP{
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 520px) {
	.tab_buttons{
		width: 100%;
		margin-bottom: 10px;
	}
	.tab_buttons .tab_button{
		width: 100%;
	}
	.tab_buttons .tab_buttonP{
		width: 100%;
	}
	.tab_buttons .active{
		border-bottom: solid 1px #ccc;
	}
	.tab_buttons .activeP{
		border-bottom: solid 1px #ccc;
	}
}

@media only screen and (max-width: 650px) {
	.tab_buttons_short{
		margin-bottom: 10px;
	}
	.tab_buttons_short .active{
		border-bottom: solid 1px #ccc;
	}
	.tab_buttons_short .activeP{
		border-bottom: solid 1px #ccc;
	}
	.tab_buttons_short .tab_button{
		margin-bottom: 5px;
	}
	.tab_buttons_short .tab_buttonP{
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 520px) {
	.tab_buttons_short{
		width: 100%;
		margin-bottom: 10px;
	}
	.tab_buttons_short .tab_button{
		width: 100%;
	}
	.tab_buttons_short .active{
		border-bottom: solid 1px #ccc;
	}
	.tab_buttons_short .tab_buttonP{
		width: 100%;
	}
	.tab_buttons_short .activeP{
		border-bottom: solid 1px #ccc;
	}
}

.persphoto{width: 400px; padding-left: 20px;}
.persphoto2{width: 200px; }

@media only screen and (max-width: 520px) {
	.persphoto{width: 100%;padding-left: 0px;}
	.persphoto2{width: 100%;padding-left: 0px;}
}

/**************************
 	footer
***************************/

#footer_wrapper{
	width: 100%;
	background-color: #303030;
	border-bottom: solid 20px #4A4A4A;
	text-align: center;
}

#footer {
	font-size: 12px; 
	padding-top: 20px;
	padding-bottom: 20px;
	display: inline-block;
	text-align: center;
}

#footer, #footer a {
	color:#bbb;
}
#footer a:HOVER {
	text-decoration: underline;
}

.footer_block{
	width: 250px;
	float: left;
	text-align:left;
	padding: 0 20px;
}

/************************************************************
			Normal table
*************************************************************/
.table {font-size: 13px; color: #333333;padding:0px;margin:0px;width:100%;border-collapse:collapse;}
.table td, .table th {height:20px;padding:5px; text-align:left;  border-collapse:collapse;border: 1px solid #ccc;}
.table th {font-weight: bold;}
.table th a {color: black; font-weight: bold;}
.table td.clickable{cursor: pointer;}
.table tr.hoverable:HOVER{background-color: #eee;}
.table .tablefooter{border-top: 2px solid #c9c9c9;font-weight: bold;}
.sort_asc {background: url(../img/arrow-down.gif) no-repeat right; padding: 0px 10px 0px 0px; margin: 0px;}
.sort_desc {background: url(../img/arrow-up.gif) no-repeat right; padding: 0px 10px 0px 0px; margin: 0px;}
.sort_ {background: none; padding: 0px 10px 0px 0px; margin: 0px;}

@media only screen and (max-width: 750px) {
	.nomobile{
  		display: none;
  	}
}
@media only screen and (min-width: 750px) {
	.mobile1{
  		display: none;
  	}
}

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

@media only screen and (min-width: 500px) {
	.mobile2{
  		display: none;
  	}
}
/************************************************************
			CV table
*************************************************************/
.cvtable {font-size: 13px; color: #333333;padding:0px;margin:0px;width:100%;border-collapse:collapse;border-top: 2px solid #c9c9c9;}
.cvtable td, .cvtable th {height:30px;padding:5px; text-align:left;  border-collapse:collapse;border: 1px solid #ccc; }
.cvtable th {background-color: #eee;font-size: 14px;}

/************************************************************
			simple table
*************************************************************/

.normtable {font-size: 12px; color: #333333;border:1px solid #cccccc;border-collapse:collapse;padding:0;margin:0;}
.normtable th {height:20px;padding:5px;font-size: 13px;font-weight: bold;color: #333333;text-align:left; background-color: #E2DDCF;border: 1px solid #C9C9C9;}
.normtable td {height:20px;padding:5px; vertical-align: text-top; border-collapse:collapse;border: 1px solid #cccccc;}
.normtable .tablefooter{border-top: 2px solid #C9C9C9;font-weight: bold;}
.normtable td.clickable{cursor: pointer;}
.normtable tr.hoverable:HOVER{background-color: #eee;}
.normtable td.deleted{text-decoration: line-through;}

/************************************************************
			borderless table
*************************************************************/
.borderless { border: none;}
.borderless td{ border: none;}

/************************************************************
			expertable
*************************************************************/

.expertable td{ padding-top: 10px; }

/************************************************************
			pagination
*************************************************************/
.pagination{display:inline-block; height: 36px;width:150px; margin:0px 0px; }
.pagination ul{list-style: none;}
.pagination ul li{margin: 0px;}
.pagination ul a{display: inline-block;float:left; height: 34px;line-height: 34px;padding:0px 14px; margin:0px; border:solid 1px #ddd; color:#0088cc;}
.pagination ul a:HOVER{text-decoration: none;}
.pagination .active a{background-color: #f5f5f5;color: #999;}
.pagination_descr{display: inline-block; clear:both; line-height: 36px;margin-right: 10px;float: left; }

/************************************************************
			popup
*************************************************************/

.shield{position:fixed;display:none; left: 0px;top: 0px; width: 100%; height: 100%; z-index:100; background-color:#CCC; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
#popup_container, #popup_progress, #popup_wait{position: fixed;display:none; left:50%;top:20%;  z-index:3000; width: 400px; margin-left:-200px;height:auto;padding:20px;background-color:white;border:solid 1px gray;}
#popup_container h3, #popup_progress h3, #popup_wait h3{text-align:center;margin-top: 0px;margin-bottom: 30px;}

#popup_propsaveform{position: fixed;display:none; left:50%;top:20%; z-index:3000; width: 300px; margin-left:-150px;height:auto;padding:20px;background-color:white;border:solid 1px gray;}

@media only screen and (max-width: 750px) {
	#popup_container, #popup_progress, #popup_wait {
		margin-left:0px;
		left:5%;
		width: 80%;
	}
}

#mail_popup #progress_bar_cont{width:100%;height:15px;border:solid 1px blue;}
#mail_popup #progress_bar{width:30%;height:15px;background-color:blue;}
#mail_popup #infotext1{width:100%;text-align:center;}
#mail_popup .mail_buttons, #print_popup .print_buttons, #import_popup .import_buttons{width:100%;text-align:center;}
#mail_popup label, #print_popup label {width:100px; text-align: left;}
#import_popup label{width:100%; text-align: left;}
#import_popup label{width:100%; text-align: left;}
#import_popup input[type='file']{width:100%; }
#mail_popup select, #print_popup select{width:180px;}
#mail_popup #mail_proc_div{display:none;margin-top: 10px;} 
#mail_popup #mail_guests_noselected, #print_popup #print_guests_noselected{display:none;text-align: center;}
#mail_popup #mail_guests_selected, #print_popup #print_guests_selected{display:none;}


#import_popup{position: fixed;display:none;  left:50%;top:20%;  z-index:3000; width: 300px; margin-left:-150px;height:auto;padding:20px;background-color:white;border:solid 1px gray;}
#import_popup .import_buttons{width:100%;text-align:center;}
#import_popup label{width:100%; text-align: left;}
#import_popup input[type='file']{width:100%; }
#import_popup h3{text-align:center;margin-top: 0px;margin-bottom: 30px;}




div.ind-scale{
	
	min-height: 80px;
	padding-top: 5px;
	padding-left:5px;
	position: relative;
	margin-top: 20px;
}

.ind-scale div.ind{
	border-radius:50%;
	width: 70px;
	height: 70px; 
	text-align: center;
	color: white;
	display: table;
	float: left;
	margin: -5px;
	top:0px;
	position:absolute;  
	z-index: 2;
}

.ind-scale .ind div.ind-content{
	height: 100%;
	font-size:35pt;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}

.ind-scale div.ind-text{

	top:70px;
	width:70px;
	position:absolute;  
	z-index: 2;
	text-align: center;


}

div.ind:HOVER{
z-index: 500;
box-shadow:0px 0px 5px 5px  #1F6EF0;
}
div.ind-current{
box-shadow:0px 0px 5px 10px  #1F6EF0;
}

div.ind-green{
	background: #00A65A;
}
div.ind-blue{
	background: #4B8DF9;
}
div.ind-red{
	background: #F56954;
}
div.ind-orange{
	background: #FF9800;
}

div.ind-gray{
	background: #cccccc;
}

.ind-scale div.connector{
	margin-top:20px;
	width: 100%;
	position:absolute;
	left:0px;
	top: 0px;
	height:20px;
	background: #1F6EF0;
	z-index: 0;

}

#formular_content{
	
	display:none;
}

#leftmenu .submenu .submenul1_elem :FIRST-CHILD{
	margin-left: 35px;
}

#leftmenu .submenu .submenul1_elem .indicator{
	margin-left: -20px;
}


.history{}

.footer_wrapper_fixed{
	position: fixed;
	 bottom: 0px;
}