/*@import "https://fonts.googleapis.com/css?family=Fauna+One";

@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600";*/

body{
	margin: 0px;
	overflow-y: scroll; 
	font-size: 14px;
	font-family: arial;
	/*font: 13px/1.55 'Open Sans',Helvetica,Arial,sans-serif;*/
	/*background-color: #dedede;*/
	background-color: #222;
}




.center{
	margin-left: -500px;
	left: 50%;
	width: 1000px;
}

@media only screen and (min-width: 1400px){
	.center{
			margin-left: -690px;
			left: 50%;
			width: 1380px;
	}
}



#app_area_in{
	position: relative;
	background-color: #ffffff;
	min-height: 550px;
}

@media only screen and (min-height: 860px){
	#app_area_in{
			position: relative;
			background-color: #ffffff;
			min-height: 750px;
	}
}





.scheduler_meeting_point_list{
			float: left; 
			margin-top: 1px; 
			margin-bottom: 0px; 
			margin-left: 5px; 
			border: 1px solid #cecece;" 
}

.scheduler_meeting_point_item_color{
			float: left; 
			padding: 8px 4px 8px 4px; 
			height: calc(100% - 18px); 
}

.scheduler_meeting_point_item_name{
			float: left; 
			padding: 5px; 
			margin-top: 2px; 
			/*min-width: 89px; 
			max-width: 89px;*/

}

.scheduler_meeting_point_item_name_mp_count_1{
			min-width: 890px; 
			max-width: 890px;
}

.scheduler_meeting_point_item_name_mp_count_2{
			min-width: 423px; 
			max-width: 423px;
}

.scheduler_meeting_point_item_name_mp_count_3{
			min-width: 268px; 
			max-width: 268px;
}

.scheduler_meeting_point_item_name_mp_count_4{
			min-width: 189px; 
			max-width: 189x;
}

.scheduler_meeting_point_item_name_mp_count_5{
			min-width: 143px; 
			max-width: 143px;
}

.scheduler_meeting_point_item_name_mp_count_6{
			min-width: 111px; 
			max-width: 111px;
}

.scheduler_meeting_point_item_name_mp_count_7{
			min-width: 89px; 
			max-width: 89px;
}


@media only screen and (min-width: 1400px){
		.scheduler_meeting_point_item_name{
					float: left; 
					padding: 5px; 
					margin-top: 2px; 
					/*min-width: 143px; 
					max-width: 143px;*/
		
		}
		
		.scheduler_meeting_point_item_name_mp_count_1{
					min-width: 1274px; 
					max-width: 1274px;
		}
		
		.scheduler_meeting_point_item_name_mp_count_2{
					min-width: 613px; 
					max-width: 613px;
		}
		
		.scheduler_meeting_point_item_name_mp_count_3{
					min-width: 393px; 
					max-width: 393px;
		}
		
		.scheduler_meeting_point_item_name_mp_count_4{
					min-width: 284px; 
					max-width: 284px;
		}
		
		.scheduler_meeting_point_item_name_mp_count_5{
					min-width: 218px; 
					max-width: 218px;
		}
		
		.scheduler_meeting_point_item_name_mp_count_6{
					min-width: 174px; 
					max-width: 174px;
		}
		
		.scheduler_meeting_point_item_name_mp_count_7{
					min-width: 143px; 
					max-width: 143px;
		}
		.masterdiv1{
					min-height: 35px;
					display: -webkit-flex;
					display: flex;
					-webkit-align-items: stretch;
					align-items: stretch;
					font-size: 12px;
					width: 1380px !important;
		
		}
}


.masterdiv1{
			min-height: 35px;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: stretch;
			align-items: stretch;
			font-size: 12px;
			width: 1000px;
}



.col-pic{
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			min-width: 45px;
			max-width: 45px;

			padding: 2px;
}

.col-name{
			min-width: 210px;
			max-width: 210px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			overflow: auto;
			padding: 2px;
}

.col-grade{
			min-width: 160px;
      max-width: 450px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;

			overflow: auto;
			padding: 2px;
}

.col-mobile{
			min-width: 110px;
			max-width: 110px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			overflow: auto;
			padding: 2px;
}


.col-space{
			min-width: 1px;
			-webkit-flex-basis: 1%;
			flex-basis: 1%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;

}



.col-state{
			min-width: 20px;
			max-width: 20px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 10px 2px 10px 2px;
			overflow: auto;
}





.col-state-btn {
			min-width: 32px;
			max-width: 32px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 10px 2px 10px 2px;
			overflow: auto;
}


.col-message{
			min-width: 25px;
			max-width: 25px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			overflow: auto;
			padding: 10px 0px 10px 0px;
}





.col-product-priority {
			min-width: 100px;
			max-width: 100px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 2px;
			overflow: auto;
}


@media only screen and (min-width: 1400px){
.col-product-priority {
			min-width: 200px;
			max-width: 200px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 2px;
			overflow: auto;
			font-size: 12px !important;
}

}


.col-loader{
			min-width: 30px;
      max-width: 30px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			overflow: auto;
			padding: 10px 0px 10px 0px;
}


.col-btn{
			min-width: 220px;
			max-width: 220px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 10px 4px 10px 0px;
			overflow: auto;
}

.col-btn-2{
			min-width: 160px;
			max-width: 160px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 10px 4px 10px 0px;
			overflow: auto;
}






.reservation_overview_col_0 {
			min-width: 100px;
			max-width: 100px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 4px;
			overflow: auto;
			font-size: 14px;
}



.reservation_overview_col_1 {
			min-width: 5px;
			max-width: 5px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 2px;
			overflow: auto;
			
}

.reservation_overview_col_2 {
			min-width: 150px;
			max-width: 150px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 4px;
			overflow: auto;
			font-size: 14px;
}

.reservation_overview_col_3 {
			min-width: 150px;
			max-width: 150px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 4px;
			overflow: auto;
			font-size: 14px;
}

.reservation_overview_col_4 {
			min-width: 200px;
			max-width: 200px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 4px;
			overflow: auto;
}

.reservation_overview_col_5 {
			min-width: 100px;

			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 4px;
			overflow: auto;
}

.reservation_overview_col_6 {
			min-width: 50px;
			max-width: 50px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 4px;
			overflow: auto;
}

.reservation_overview_col_7 {
			min-width: 100px;
			max-width: 100px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 4px;
			overflow: auto;
}

.reservation_overview_line{

	border-bottom: 1px solid #aaa;
	height: 1px;
	
}






.meetingpoint_col_1 {
			min-width: 20px;
			max-width: 20px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 4px;
			overflow: auto;
}


.meetingpoint_col_2 {
			min-width: 150px;
			max-width: 150px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 2px;
			overflow: auto;
}

.meetingpoint_col_3 {
			min-width: 100px;

			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 2px;
			overflow: auto;
}

.meetingpoint_col_4 {
			min-width: 50px;
			max-width: 50px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 2px;
			overflow: auto;
}

.meetingpoint_col_5 {
			min-width: 180px;
			max-width: 180px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 2px;
			overflow: auto;
}




.reservation_col_0 {
			min-width: 20px;
			max-width: 20px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 4px;
			overflow: auto;
}

.reservation_col_1 {
			min-width: 100px;
			max-width: 100px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 4px;
			overflow: auto;
}


.reservation_col_2 {
			min-width: 150px;
			max-width: 150px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 2px;
			overflow: auto;
}

.reservation_col_3 {
			min-width: 200px;
      max-width: 200px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 2px;
			overflow: auto;
}

.reservation_col_4 {
			min-width: 50px;

			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 2px;
			overflow: auto;
}

.reservation_col_5 {
			min-width: 100px;
			max-width: 100px;
			-webkit-flex-basis: 20%;
			flex-basis: 20%;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-basis: auto;
			flex-basis: auto;
			padding: 2px;
			overflow: auto;
}





h1 {
    font-size: 50px;
    font-weight: 300;
    line-height: 50px;
    text-shadow: 3px 3px rgba(0, 0, 0, 0.1);
}
h2 {
    font-size: 50px;
    font-weight: 300;
    line-height: 50px;
    margin-bottom: 50px;
    text-align: center;
}
h3 {
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 10px;
}


input:focus {outline: none; }

form { margin-top: 0; margin-bottom: 0; }


a {
	text-decoration: none;
	color: #E4ECF4;
}

a:hover {
	text-decoration: underline;
	color: #fff;
}

a .grey {
	color: #555555;
	text-decoration: none;
}

a:hover .grey{
	color: #000000;
	text-decoration: underline;
}

a .white {
	color: #fff;
	text-decoration: none;
}

a:hover .white{
	color: #fff;
	text-decoration: underline;
}


.btn {
	color: #000;
	text-decoration: none;
	background: url("../images/sprite_grey_3.png");	
	border: 1px solid #ccc;
  -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin: 1px;
}


.btn:hover {
	color: #000;
	text-decoration: none;
	background-color: #FF6600;
  background: url("../images/sprite_grey.png");
  border: 1px solid #ccc;
  -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin: 1px;
}




.btn_red {
	color: #000;
	text-decoration: none;
	background: url("../images/sprite_grey_3.png");	
	border: 1px solid #ccc;
  -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin: 1px;
}


.btn_red:hover {
	color: #fff;
	text-decoration: none;
  background-color: #F00;
  background: url("../images/sprite_red.png");	
  border: 1px solid #F00;
  -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin: 1px;;
}


.btn_green {
	color: #000;
	text-decoration: none;
	background: url("../images/sprite_grey_3.png");	
	border: 1px solid #ccc;
  -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin: 1px;
}


.btn_green:hover {
	color: #000;
	text-decoration: none;
  background-color: #6C0;
  background: url("../images/sprite_green.png");
  border: 1px solid #6C0;
  -moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin: 1px;
}


.loginInputFields{

   /*padding: 5px;*/
   margin: 1px;
   width: 200px;
   font-size : 16px; 
   -moz-border-radius: 0px;
	 -webkit-border-radius: 0px;
	 border-radius: 0px;

}


.signInInputFields{

   /*padding: 5px;*/
   margin: 0px;
   width: 270px;
   font-size : 16px; 
   -moz-border-radius: 0px;
	 -webkit-border-radius: 0px;
	 border-radius: 0px;

}


.signIn{
	
	font-size: 30px;
}

#signin{
	background-color: #F5F5F5;
	border: 1px solid #ddd;
	width: 300px;
	height: 240px;
	left: 50%;
	margin-left: -150px;
	margin-top: 100px;
	padding: 4px;
	position: relative;

}

#login{
	/*background-color: #F5F5F5;
	border: 1px solid #ddd;*/
	width: 300px;
	height: 240px;
	padding: 10px;
	position: relative;
	float: left;
	margin: 5px;
}


#signin div {
	padding: 5px;
}



.loginBoxes{

   margin: 5px 2px 5px 2px;
   
}
#loginAuthorization{
	height: 25px;
}

.loginAuthorizationMessage{
	background-color: #FDD7D8;
	color: #F00;
	height: 15px;
	border: 1px solid #F00;
	text-align: center;
	width: 260px;
}


#login input{
	background-position:right center;
	padding-right: 20px;
	border:1px solid #ccc; 
	padding:5px;
}




.shadow {
 
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=120, Strength=3);
	/*-moz-border-radius: 6px;*/
	/*-webkit-border-radius: 6px;*/
	/*border-radius: 6px;*/
	border: 1px solid #ccc;
}



.sex_icon {
 

	border: 1px solid #ccc;
	
}

.pic_icon {
 

	border: 1px solid #ccc;
	
}

.type_icon {
 

	border: 1px solid #ccc;
	
}




.opacity {   
    opacity: 0.1;       /* modern browser */  
    -moz-opacity: 0.1;  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=50); /* IE5.x -7.0 */  
}  


.overlay1{
     	background-color: #fff;
	 width: 100%;
	 height: 40px;

}

#app_line{
	position: relative;
	background-color: #333;
  height: 10px;
	width: 100%;
}

#app_header{
	position: relative;
	background: url("../images/yellow-stipe.gif") repeat-x;
	width: 100%;
	background-color:#FF0;
}


#app_header_in{
	position: relative;
    height: 40px;
}

#app_header_in_logo{
    position: absolute;
    left: 20px;
	top: 8px;
	width: 200px;
	height: 25px;
	font-size: 24px;
	color: #fff;
}

#app_header_in_fair_name{
  position: absolute;
  left: 200px;
	top: 10px;
	width: 600px;
	height: 25px;
	font-size: 18px;
	color: #000;
	
}

.user_info{
	
	color: #fff;
	font-size: 11px;
	padding-right: 10px;
	margin-top: -3px;
	
	
}


#app_header_in_language{
	position: absolute;
	/*background-color: #ffffff;*/	
	right: 10px;
	top: 7px;
	min-width: 120px;
	float: right;
}

#app_area{
	position: relative;
	background-color: #ededed;
	width: 100%;
	background: url("../images/LLL.jpg");
}




#app_area_in_navi{
	position: relative;
	width: 100%;
}

#app_area_in_content{
	position: relative;
	width: 100%;
}


#app_footer{
	position: relative;
	width: 100%;
}

#app_footer_in{
	position: relative;
	background-color: #333;
	min-height: 60px;
	color: #777;
	text-align: center;
}

#app_footer_in_imprint{
	
}

#app_dev{
	position: relative;
	width: 100%;
}

#app_dev_in{
	position: relative;
	min-height: 0px;
	color: #000;
	text-align: left;
	font-size: 10px;
}






#loader{
		display: none; 
		margin-top: 2px; 
		right: 0px; 
		float: right; 
		width: 20px;
}


.bold{
	
	font-weight: bold;
}

	

/* NAVIGATION ******************************************************************************/



#navi{
       position: relative;
	     width: 100%;
       height: 32px;
       /*border-top: 1px solid #222; */
       border-bottom: 1px solid #ccc;  
       margin: 0px;
       background-color: #efefef;
}


#navi a{
		margin: 1px 0px 0px 1px;  

}

#loader_system{
		
		display: none; 
		margin-top: 8px; 
		margin-right: 20px; 
		float: right; 
		width: 20px;
	
}





/* HEADER LANGUAGE ******************************************************************************/


.header_box{
	
	/*background-color: #fff;*/
	min-height: 32px;
	margin-left: 10px;
	float: left;	
	padding: 2px;
	margin-top: -5px;
}


.header_box div{

	float: left;	
}


#user_info{

	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 11px;
	min-width: 110px;
	
}
#user_logout{
padding-right: 2px;
}

#user_logout div{

	border: 1px solid #ddd; 
	padding: 4px;
	font-size: 12px;
}


#language_icon{
       background-position:right center;
	     padding: 2px;

}

#language_select div{

	border: 1px solid #ddd; 
	padding: 4px;
	font-size: 12px;
	margin-left: 5px;
}



/* ACCOUNT_CONFIGURATION ******************************************************************************/

/*ACCOUNT_CONFIGURATION STYLES */


#account_configuration input ,textarea{
	background-position:right center;
	padding-right: 20px;
	border:1px solid #ccc; 
	padding:5px;
}

.notEditable{
	background-color: #efefef;
}

.accountConfigurationGroup{
	border: 1px solid #999; 
	min-height: 40px; 
	margin-bottom: 5px;
}
.accountConfigurationGroupDescription{
	background-color: #efefef; 
	width: 250px; 
	padding: 5px; 
	margin-bottom: 5px; 
	font-weight: bold;
}

.accountConfigurationGroupContent{
	padding: 5px;
}

.accountConfigurationLineBox{
	min-height: 34px; 
	padding: 2px; 
	margin-bottom: 2px; 
	background-color: #efefef; 
	line-height: 32px;
}

.accountConfigurationLineBox div{
	float: left; 
	padding: 2px
}




/* REPORTS ******************************************************************************/

/*REPORTING STYLES */

#account_configuration input ,textarea{
	background-position:right center;
	padding-right: 20px;
	border:1px solid #ccc; 
	padding:5px;
}

.notEditable{
	background-color: #efefef;
}

.accountConfigurationGroup{
	border: 1px solid #999; 
	min-height: 40px; 
	margin-bottom: 5px;
}
.accountConfigurationGroupDescription{
	background-color: #efefef; 
	width: 250px; 
	padding: 5px; 
	margin-bottom: 5px; 
	font-weight: bold;
}

.accountConfigurationGroupContent{
	padding: 5px;
}

.accountConfigurationLineBox{
	min-height: 34px; 
	padding: 2px; 
	margin-bottom: 2px; 
	background-color: #efefef; 
	line-height: 32px;
}

.accountConfigurationLineBox div{
	float: left; 
	padding: 2px
}


.reportRow{

	width: 100%;
	background: #efefef;	
	min-height: 64px;
	margin-top: 10px;
}

.reportBox{
	height: 64;
	width: 100%;
}


.PDF{
	background: url(/images/w8_pdf_icon.png) no-repeat;	
	float: left;
	cursor: pointer;
}

.Excel{
	background: url(/images/w8_excel_icon.png) no-repeat;	
	float: left;
	cursor: pointer;
}

.reportHeadline{
  font-size: 16px;
	padding: 5px;
	margin-left: 70px;
}

.reportDescription{
	padding: 0px 5px;
	margin-left: 70px;

}





/* ASSISTANT DATA FORM ******************************************************************************/


#assistantDataFormular{
	
min-width: 750px;
min-height: 450px;	
background-color: #fff;
padding: 0px;
}



#assistantDataFormular input, checkbox, select{
	background-position:right center;
	padding-right: 20px;
	border:1px solid #ccc; 
	padding:5px;
	font-size: 16px;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
	border-radius: 0px;

}

#assistantDataFormular select{
	 -webkit-appearance:none;
	 /*-webkit-appearance:caret;*/

	}




.inputSex{
	width: 60px;
}

.inputName{
	width: 258px;
}

.inputFirstName{
	width: 258px;
}

.inputLastName{
	width: 258px;
}



.inputCompany{
	width: 320px;
}

.inputDepartment{
	width: 258px;
}

.inputGrade{
	width: 750px;
}

.inputMobile{
	width: 160px;
}


.inputEmail{
	width: 400px;
}

.inputCountry{
	width: 250px;
}

.inputCity{
	width: 295px;
}

.selectionPriority{
  max-height: 85px;
  min-height: 85px;
	overflow-y: scroll;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 450px;
 background-color: #efefef;
}

.selectionSalesAreaCountry{
  max-height: 85px;
  min-height: 85px;
	overflow-y: scroll;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 290px;
 background-color: #efefef;
}

.selectionDeployment{
  max-height: 95px;
	overflow-y: scroll;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 300px;
	background-color: #efefef;
}


.selectionLanguageSkills{
	min-height: 30px;
	padding: 10px 5px 0px 5px; 
	clear: left;
 background-color: #efefef;
 border: 1px solid #ccc;
}




/* ASSISTANT HISTORY CONVERSATION  ******************************************************************************/


.history_line{
	
	font-size: 12px;
	padding: 2px 5px 2px 5px;
}


.history{
	padding-top: 0px;
	padding-right: 16px;
	border-bottom: 1px solid #aaa;
	color: #aaa;
	}

.history_content{
	max-height: 200px;
	overflow-y: scroll;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #aaa;
}



.btnDelete { 
	

	width: 35px; 
	padding: 5px;
	margin: 1px;

}


.history .table {
    display:table;
    width: 100%;
}
.history .table div {
    display:table-row;
}
.history .table div div {
    display:table-cell;
    width:50%;
}


/* ASSISTANT DELETE FORM ******************************************************************************/

.assistantDeleteFormular{
	
		min-width: 350px;
		min-height: 100px;	
		background-color: #fff;
		padding: 0px;
}

.assistantDeleteFormular input, checkbox, select{
	background-position:right center;
	padding-right: 20px;
	border:1px solid #ccc; 
	padding:5px;
	font-size: 16px;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
	border-radius: 0px;

}

.assistantDeleteFormular select{
	 -webkit-appearance:none;
	 /*-webkit-appearance:caret;*/

	}

.attention{
	
	font-size: 20px;
}


/* ASSISTANT SEND MESSAGING FORM ******************************************************************************/



#assistantMessagingFormular{
	
min-width: 800px;
min-height: 250px;	
background-color: #fff;
padding: 0px;
}



#assistantMessagingFormular input, checkbox, select{
	background-position:right center;
	padding-right: 20px;
	border:1px solid #ccc; 
	padding:5px;
	font-size: 16px;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
	border-radius: 0px;

}

#assistantMessagingFormular select{
	 -webkit-appearance:none;
	 /*-webkit-appearance:caret;*/

	}





.inputMessage{
	min-width: 780px;
	max-width: 780px;
	min-height: 125px;
	max-height: 125px;
	
	border: 1px solid #ccc;
	font-size: 16px;
	font-family: arial;
	padding:5px;
	-webkit-appearance:none;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
	border-radius: 0px;
}



.selectionNotification{
min-height: 30px;
padding: 10px 5px 0px 5px; 
}



/***
	.k-multiselect {
    font-style: normal;
    /opacity: 0.6;/
    /color: grey;/
    opacity: 1.0;
    color: #000;
    font-size: 16px;
    
    	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	padding: 2px;
	margin: 2px;
}
**/
.k-multiselect-wrap{
    /*height: 35px;*/
}

.k-multiselect-wrap>.k-input {
   color: #000; /* specify the focused input color */

}







/* ASSISTANT SEND MESSAGE FORM ******************************************************************************/


#assistantMessageFormular{
	
min-width: 500px;
min-height: 250px;	
background-color: #fff;
padding: 0px;
}


#assistantMessageFormular input, checkbox, select{
	background-position:right center;
	padding-right: 20px;
	border:1px solid #ccc; 
	padding:5px;
	font-size: 16px;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
	border-radius: 0px;

}

#assistantMessageFormular select{
	 -webkit-appearance:none;
	 /*-webkit-appearance:caret;*/

	}




.inputMessage{
	min-width: 480px;
	max-width: 480px;
	min-height: 160px;
	max-height: 160px;
	
	border: 1px solid #ccc;
	font-size: 16px;
	font-family: arial;
	padding:5px;
	-webkit-appearance:none;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
	border-radius: 0px;
}



.selectionNotification{
min-height: 30px;
padding: 10px 5px 0px 5px; 
}





/* ASSISTANT AVAILABILITY  FORM ******************************************************************************/

#assistantAvailabilityFormular{
	
min-width: 350px;
min-height: 150px;	
background-color: #fff;
padding: 0px;
}


#assistantAvailabilityFormular input, checkbox, select{
	background-position:right center;
	padding-right: 20px;
	border:1px solid #ccc; 
	padding:5px;
	font-size: 16px;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
	border-radius: 0px;

}

#assistantvailabilityFormular select{
	 -webkit-appearance:none;
	 /*-webkit-appearance:caret;*/

	}





.selectionAvailability{
		min-height: 30px;
		padding: 10px 5px 0px 5px; 
		font-size: 14px;
}



.availabilityBox {
		clear: left; 
		border: 1px solid #dedede; 
		height: 30px; 
		margin: 2px;
}
.availabilityBoxCol1 {
		float: left; 
		padding: 8px 2px 8px 2px; 
		background-color: #dedede; 
		margin-right: 10px;
}

.availabilityBoxCol2 {
		float: left;
}
.availabilityBoxCol3 {
		float: left; 
		padding: 8px 5px 0px 5px;
}



/* ASSISTANT ******************************************************************************/

/*ASSISTANT TABLE STYLE */
.assistant_table_row{
	
	border-top: 1px solid #aaa;
	overflow: hidden;
  position: relative;
}


.assistant_table_row_col_1{
		float:left;
		width: 40px;
		height: 100%;
		min-height:15px;
		position: absolute;

}

.assistant_table_row_col_2{
		float:left;
		width: 190px;
		min-height:15px;
		margin-left: 50px;

}

.assistant_table_row_col_3{
		float:left;
		width: 150px;
		min-height:15px;

}

.assistant_table_row_col_4{
		float:left;
		width: 120px;
		min-height:15px;

}

.assistant_table_row_col_5{
		float:left;
		width: 20px;
		min-height:15px;

}

.assistant_table_row_col_10{
		float:left;
		width: 35px;
		min-height:15px;

}

.assistant_table_row_col_6{
		float:left;
		width: 35px;
		min-height:15px;

}

.assistant_table_row_col_7{
		float:left;
		width: 90px;
		min-height:15px;

}

.assistant_table_row_col_8{
		float:left;
		width: 25px;
		min-height:15px;

}

.assistant_table_row_col_9{
		float: left;
		width: 175px;
		text-align: center;
		min-height:15px;

}

.assistant_table_row_col_9 a{
		float: right;
		min-height:15px;

}


.assistant_table_row_col_12{
		float: left;
		width: 385px;
		text-align: center;
		min-height:15px;
}





.assistant_table_row_message{
width: 980px;
/*background-color: #987;*/
clear: both;
}

.assistant_table_row_history{
width: 980px;
/*background-color: #789;*/
clear: both;
}

.assistant_table_row_line{
	
	/*border-bottom: 1px solid #aaa;
	height: 1px;
	width: 1000px;*/
	
}



.pos_middle{
	margin-top: 10px; 
	margin-bottom: 10px;
}

.btnEditSaveAssistant { 

}

.btnDeleteAssistant { 
	
}

.btnNewAssistant { 

	margin-top: 2px;
	position: absolute;
	right: 10px;
}

.btnMessaging { 

	margin-top: 2px;
	position: absolute;

}

.deployment{
	
	font-size: 14px;
	padding: 4px;
	min-width: 200px;
	text-align: left;
	margin: 1px;
}







.assistantSalesAreaSearch{
		background-color: #f8f619;
	  height: 30px;
	  padding: 5px;
	
}

.searchCustZipCode{
		font-size: 16px;
		padding: 4px;
		text-align: left;
		width: 70px;
}

.searchCustCity{
		font-size: 16px;
		padding: 4px;
		text-align: left;
		width: 150px;
}

.searchCustCountry{
		font-size: 16px;
		padding: 4px;
		text-align: left;
		width: 150px;
}

.searchCustButtom{
	  margin-bottom: 0px;
	  bottom: 0px;
	  line-height: 14px;
}





.lastUpdate{
	
		float:left;
		font-size: 10px; 
		padding: 2px 10px 0px 10px; 
		min-height: 30px; 
		text-align: center;
		background-color: #dedede;
}


.availabilityStatistic{
	
		margin-left: 1px;
		float:left; 
		font-size: 10px; 
		padding: 2px 10px 0px 10px; 
		min-height: 30px; 
		width: 165px; 
		text-align: left; 
		background-color: #dedede;
}


.deplomentDependency{

		float:left; 
		font-size: 10px; 
		padding: 0px 5px 0px 5px; 
		min-height: 31px; 
		background-color: #dedede;
		margin: 1px;
}













#search input{
	background-position:right center;
	padding-right: 20px;
	border:1px solid #ccc; 
	padding:5px;
}


#assistant{
	margin-left: 0px;
	margin-right: 0px;
}

.orange{
	color: #FF6600;	
}

.yellow{
	color: #ffe700;	
}

.black{
	color: #000;	
}

.text_center{
	text-align: center;	
}

.bold{
	font-weight: bold;
}

.bg_orange{
	background-color: #FF6600;	
}

.headline{
	font-size: 20px;
	padding: 12px 10px 2px 12px;
	border-bottom: 1px solid #000;	
}


.grid_line{
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	/*line-height: 30px;*/
	vertical-align:middle;
	
	
}

.grid_line_co{
	padding: 4px 5px 2px 5px;
	font-size: 9px;
	vertical-align:middle;
	
	
}


.grid_headline{
	padding: 10px 2px 10px 2px !important;
	font-size: 12px;	
	background-color: #dedede;
	border-bottom: 1px solid #000;
	bottom: 0px;	
	text-align: left;


}

.btnHistory { 

	/*width: 75px; */
	/*padding: 5px;*/
	margin: 1px;
}

.btnMessaging { 
	
	/*width: 75px; */
	/*padding: 5px;*/
	margin: 1px;
	
}



.assistant{
	border-bottom: 1px solid #aaa;
	color: #aaa;
	
}
	
.assistant_rows{
	border-bottom: 1px solid #aaa;
}

.message_icon{
margin-top: -2px;
margin-bottom: -2px;
}

.status_icon{
margin-top: 8px;
}




/* SEND MESAGE */


.bowMessage{
	min-width: 976px;
	max-width: 976px;
	min-height: 53px;
	max-height: 53px;
	border: 1px solid #ccc;
	font-size: 16px;
	font-family: arial;
	padding:5px;
}


textarea:focus {outline: none; }

.btnSendMessage { 

	width: 165px; 
	padding: 5px;
	margin: 1px;

}

.statusMessage{

	font-size: 12px;
}



/* LOGIN */


.bg_blue{
	background-color: #FF6600;	
}

.white{
	color: #fff;	
	
}



#register{
	/*background-color: #F5F5F5;
	border: 1px solid #ddd;*/
	width: 240px;
	height: 240px;
	padding: 10px;
	position: relative;
	float: left;
	margin: 5px;
}


.no_link{
	text-decoration:none;	
}


#btn_search{
	background-position:right center;
	border: 1px solid #ccc; 
	padding: 5px;
	min-width: 35px;
	font-size: 14px;
  background: url("../images/sprite_grey_3.png");	
  margin: 1px;  
}


#btn_search:hover{
  background-position:right center;
	border: 1px solid #ccc; 
	padding: 5px;
	min-width: 35px;
	font-size: 14px;
	color: #fff;
	background-color: #FF6600;
  background: url("../images/sprite_orange.png");
  margin: 1px; 
}



/* -- MEETING POINT  ---------------------------------------------------------------------  */

/* system_meeting_map_overview.html*/
#meetingpointMapFormular{
	
min-width: 1000px; 
background-color: #fff;
padding: 0px;
}




/* system_meeting_point.html*/

.txt_center{
	
	text-align: center;
	
}


.meetingpoint_table_row_col_1{
float:left;
width: 30px;
/*background-color: green;*/
}


.meetingpoint_table_row_col_2{
float:left;
width: 170px;
/*background-color: green;*/
}

.meetingpoint_table_row_col_3{
float:left;
width: 560px;
/*background-color: blue;*/
}

.meetingpoint_table_row_col_4{
float:left;
width: 25px;
/*background-color: blue;*/
}

.meetingpoint_table_row_col_5{
float:left;
width: 160px;
/*background-color: orange;*/
}

.meetingpoint_table_row_col_6{
float:left;
width: 25px;
/*background-color: yellow;*/
}

.meetingpoint_table_row_col_7{
float:left;
width: 25px;
/*background-color: #456;*/
}

.meetingpoint_table_row_col_8{
float:left;
width: 25px;
/*background-color: #456;*/
}

.grid_lines{
	padding: 0px 5px 0px 5px;

}

.meetingpoint_table_row_line{

	border-bottom: 1px solid #aaa;
	height: 1px;
	/*width: 1000px;*/
	
}


.meetingpoint_table_row_reservation{
  /*width: 980px;*/
  /*background-color: #987;*/
  clear: both;
}


.meetingpoint_name{


  padding: 5px 5px 0px 5px;
	font-size: 16px;
	line-height: 25px;

}

.meetingpoint_description{

  padding: 0px 5px 0px 5px;
	font-size: 10px;
}




.btn_new_reservation { 

	position: absolute;
	right: 10px;
}

.btn_new_meetingpoint { 

	

}


/* system_meeting_point_form_data.html*/

#formMeetingPoint{
	
		min-width: 400px;
		min-height: 200px;	
		background-color: #fff;
		padding: 0px;
}

#formMeetingPoint input, checkbox, select{
	background-position:right center;
	padding-right: 20px;
	border:1px solid #ccc; 
	padding:5px;
	font-size: 16px;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
	border-radius: 0px;

}

#formMeetingPoint select{
	 -webkit-appearance:none;
	 /*-webkit-appearance:caret;*/

	}


.smpfd_btnSaveMeetingPoint { 

	width: 75px; 
	padding: 5px;
	margin: 1px;
	display: inline-block;
	text-align: center;

}

.smpfd_btnCancelSaveMeetingPoint { 

	width: 75px; 
	padding: 5px;
	margin: 1px;
	display: inline-block;
	text-align: center;

}







/* system_meeting_point_form_delete.html*/

#formMeetingPoint{
	
		min-width: 400px;
		min-height: 160px;	
		background-color: #fff;
		padding: 0px;
}


#formMeetingPoint input, checkbox, select{
	background-position:right center;
	padding-right: 20px;
	border:1px solid #ccc; 
	padding:5px;
	font-size: 16px;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
	border-radius: 0px;

}

#formMeetingPoint select{
	 -webkit-appearance:none;
	 /*-webkit-appearance:caret;*/

	}




.smpfd_btnDeleteMeetingPoint { 

	min-width: 75px; 
	padding: 5px;
	margin: 1px;
	display: inline-block;
	text-align: center;

}

.smpfd_btnCancelDeleteMeetingPoint { 

	min-width: 75px; 
	padding: 5px;
	margin: 1px;
	display: inline-block;
	text-align: center;

}


/* system_meeting_point_list.html*/

/* system_meeting_point_reservation_form_data.html*/

#meetingpointReservationDataFormular{
	
		min-width: 600px;
		min-height: 200px;	
		background-color: #fff;
		padding: 0px;
}

#meetingpointReservationDataFormular input, checkbox, select{
	background-position:right center;
	padding-right: 20px;
	border:1px solid #ccc; 
	padding:5px;
	font-size: 16px;
	-moz-border-radius: 0px;
  -webkit-border-radius: 0px;
	border-radius: 0px;

}

#meetingpointReservationDataFormular select{
	 -webkit-appearance:none;
	 /*-webkit-appearance:caret;*/

	}
	
	

 /*-.btnSaveReservation { 

	width: 125px; 
	padding: 5px;
	margin: 1px;
	display: inline-block;
	text-align: center;

}

.btnCancelSaveReservation { 

	width: 85px; 
	padding: 5px;
	margin: 1px;
	display: inline-block;
	text-align: center;

}*/



.smprfd_meetingpoint{
	
	width: 360px; 
}

.smprfd_text{
	font-size: 15px;
}

.smprfd_start{
	width: 60px;
}

.smprfd_end{
	width: 60px;
}

/* system_meeting_point_reservation_form_delete.html*/

#meetingpointReservationDeleteForm{
		min-width: 400px;
		min-height: 160px;	
		background-color: #fff;
		padding: 0px;
}

/* .smprfd_btnDeleteReservation { 
	min-width: 75px; 
	padding: 5px;
	margin: 1px;
	display: inline-block;
	text-align: center;
}

.smprfd_btnCancelDeleteReservation { 
	min-width: 75px; 
	padding: 5px;
	margin: 1px;
	display: inline-block;
	text-align: center;
}
*/




/*system_meeting_point_reservation_list.html*/

.reservation{
	padding-top: 0px;
	padding-right: 16px;
	border-bottom: 1px solid #aaa;
	color: #aaa;
	}
	
.reservation_line{
	font-size: 14px;
	padding: 2px 5px 2px 5px;
}

.reservation_content{
	max-height: 160px;
	overflow-y: scroll;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #aaa;
}

/* 
.btnDeleteReservation { 

}

.btnEditSaveReservation { 
	
}*/

.table {
    display:table;
    width: 100%;
}
.table div {
    display:table-row;
}
.table div div {
    display:table-cell;
    width:50%;
}




/* system_meeting_point_reservation_overview.html*/
/* system_meeting_point_reservation_overview_list.html*/

.reservation_overview_table_row_col_1{
float:left;
width: 90px;
/*background-color: green;*/
}

.reservation_overview_table_row_col_2{
float:left;
width: 120px;
text-align: left;
/*background-color: green;*/
}

.reservation_overview_table_row_col_3{
float:left;
width: 160px;
text-align: left;
/*background-color: blue;*/
}

.reservation_overview_table_row_col_4{
float:left;
width: 160px;
/*background-color: yellow;*/

}

.reservation_overview_table_row_col_5{
float:left;
width: 270px;
text-align: left;
/*background-color: blue;*/
}

.reservation_overview_table_row_col_6{
float:left;
width: 50px;
/*background-color: orange;*/
}

.reservation_overview_table_row_col_7{
float:left;
width: 80px;
/*background-color: yellow;*/

}



.reservation_overview_table_row_line{
	border-bottom: 1px solid #aaa;
	height: 1px;
	width: 1000px;
	clear: both;
}






/* MODAL */

.modal-header {
	border-bottom: 1px solid #E5E5E5;
	padding: 12px;
	background-color: #efefef;
	font-size: 16px;
	color: #666;
	height: 18px;
}

.modal-content{
    padding: 15px;
}

.modal-footer {
    border-top: 1px solid #E5E5E5;
    padding: 10px;
    text-align:  right;
    background-color: #efefef;
}

.modal-content-row{
	padding: 5px;
}

button.close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
.close {
    color: #000000;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 18px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}


.notification{

	/*background-color: #FDD7D8;
	color: #F00;
	border: 1px solid #F00;
	padding: 10px;*/
}
 

.attention{
	background-color: #FDD7D8;
	color: #F00;
	border: 1px solid #F00;
	padding: 10px;
	font-size: 14px;
	text-align: center;

}

.success{
	background-color: #E9FFD2;
	color: #6C3;
	border: 1px solid #6C3;
	padding: 10px;
	font-size: 14px;
  text-align: center;

}

.waiting{
	background-color: #efefef;
	color: #666;
	border: 1px solid #666;
	padding: 10px;
	font-size: 14px;
  text-align: center;

}