body{ background-color: #f3f3f3; }

#login_container{	margin:50px auto; 
					padding:15px;  
					width:500px; 
					max-width:500px; 
					border:1px solid #f4f4f4; 
					background-color:#ffffff; 
					overflow:hidden; 
					-webkit-box-shadow : 4px 4px 3px 0px rgba(50, 50, 50, 0.4); 
					-moz-box-shadow : 4px 4px 3px 0px rgba(50, 50, 50, 0.4); 
					box-shadow : 4px 4px 3px 0px rgba(50, 50, 50, 0.4);
 }
#login_container img 					{ width:40%; }

#login_left								{ float:left; width:99%; border:0px solid red; }
#login_right							{ float:right; width:1%; border:0px solid blue; }

#header									{ width:100%; height:70px; background-color:#2a3f54; text-shadow:none; color:#ffffff;}
#panel									{ color:#ffffff; text-shadow:none; }
#panel_right							{ color:#ffffff; text-shadow:none; }
#panel_close							{ float:right;	margin-top:10px; margin-right:10px;}
#tpp_footer								{ background-color:#2a3f54; width:100%; height:50px;  }
#content								{ border:0px solid red; 	margin:0 auto; }

.panel_header							{ width:17em;  background-color:#377ba2; height:70px; position:absolute; top:0px; left:0px; }
.heading_panel_titel h1					{ display:block; margin-top:15px; font-style:italic; }
#projectH1								{ position:absolute; top:0px; left:17.5em; padding:0.9em; padding-bottom:0px; text-shadow:2px 2px 0px #377ba2; font-style:italic; }
#projectH1 H1							{ display:inline; }


#panel_right .right_panel_header 		{ color:#29343a; }	
#panel_right							{ color:#29343a; }

#panel ul, #panel ul li 				{ list-style:none; margin:0px; padding: 0px; }
#panel ul 								{ margin-top:70px; }
#panel ul li							{ margin-left:10px; border-bottom:1px solid #29343a; margin-top:10px; }
#panel ul li a							{ display:block; padding:5px; color:white; text-decoration:none; }

.tp-popup								{ max-width:300px; padding:10px; }
.right									{ float:right; margin-right:10px;  }
.left 									{ float:left; margin-left:10px; }

.punt9									{ font-size:0.9em; }
.punt8									{ font-size:0.8em; }
.punt7 									{ font-size:0.7em; }
.punt6 									{ font-size:0.6em; }
.punt5 									{ font-size:0.5em; }

.m10									{ margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px;  }
.m15	 								{ margin-left:15px; margin-right:15px; margin-top:15px; margin-bottom:15px;  }
.m20	 								{ margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:20px;  }

.noborder								{ border:none; display:block; position:relative; cursor:pointer; }

.text_center							{ vertical-align:middle; text-align:center; }
.redline								{ border:0px solid red; width:50px; }
.menuimg								{ border:0px solid green; }
.letop									{ font-color:orange; }

.50procent								{ width:48%; max-width:48%; border:0px solid red; vertical-align:top; over-flow:hidden; }
.50procent img 							{ width:100%; max-width:100%; border:0px solid green;   }
.100procent								{ width:100%; border:1px solid blue; }
#divContainerdiv						{ width:100%; max-width:100%; min-width:100%; border:2px solid green; } 

.left50									{ position:relative; max-width:47%; width:47%; float:left;  }
.left50	img								{ max-width:80%; width:80%; }

.gradientPanel	{
	background: -webkit-linear-gradient(left, #1f282e , #111a1f); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #1f282e, #111a1f); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #1f282e, #111a1f); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #1f282e , #111a1f); /* Standard syntax */
}

.over_cont td, .over_cont th			{ text-align:left; margin:0px; }			
.over_cont tr:nth-child(odd)			{ background-color:#e8e8e8; }
.over_cont tr:nth-child(even)			{ background-color:#f4f4f4; }

#content								{ padding:1em;  }
#content h1								{ text-align:left; font-style:italic; }
#content h1.mainPageTitle				{ text-align:right; top:65px; right:10px; width:98%;  display:inline; display:block; position:absolute; }
#popupHide								{ display:none; }

 

@media ( min-width: 40em ) {
	/* Show the table header rows and set all cells to display: table-cell */ 
	.over_cont td,
	.over_cont th,
	.over_cont tbody th,
	.over_cont tbody td,
	.over_cont thead td,
	.over_cont thead th {
		display: table-cell;
		margin: 0;
		font-size:0.8em;
	}
	.over_cont thead th{ color:#eeeeee; text-shadow: 1px 1px 0 #000000; }
	.over_cont thead td{ color:#1f282e;  }
	/* Hide the labels in each cell */ 
	.over_cont td .ui-table-cell-label,
	.over_cont th .ui-table-cell-label { 
		display: none;
	}
	.over_cont th { background-color:gray; }
}



@media all and (max-width: 50em) {
	.tpBreakPoint .ui-block-a, 
	.tpBreakPoint .ui-block-b, 
	.tpBreakPoint .ui-block-c,
	.tpBreakPoint .ui-block-d,
	.tpBreakPoint .ui-block-e { 
		width: 100%; 
		float:none; 
	}
}

@media all and (min-width: 75em) {
	.tpBreakPoint.ui-grid-b .ui-block-a, 
	.tpBreakPoint.ui-grid-b .ui-block-b { width: 24.925%; padding: 0.2em; text-align:center; }
	.tpBreakPoint.ui-grid-b .ui-block-c { width: 49.95%; padding: 0.2em; text-align:center; }
	.tpBreakPoint.ui-grid-b .ui-block-c { clear: right; padding: 0.2em; text-align:center; }
	}
}

.overzicht 							{ width:100%; }
.show_scan							{ position:relative; line-height:1em; width:320px; float:left; margin-bottom:10px; max-width:320px; margin-left:10px; height:320px; max-height:320px; overflow:hidden; border:2px solid #f2f2f2; text-align:center; }
.show_scan img 						{ max-width:100%; max-height:240px; padding:10px; margin-top:20px; }
.show_scan div						{ margin:0px; border:0px; }
.show_scan .file_del 				{ position:absolute; top:0px; left:0px; text-align:center; width:300px; max-width:300px; padding:10px; background-color:lightgray; color:white; }
.show_scan .file_del:hover 			{ background-color:red;  }
.show_scan .file_name				{ font-size:0.7em; }
.file-holder 						{ display:none;}


.ui-invoer							{ margin-bottom:30px; padding-bottom:30px;  }
.ui-field-contain					{ border-bottom:none; }
.tp_error							{ border:0px solid red; }
.tp_warning_img						{ text-align:middle; height:15px;  }
.tp_								{ }
.stats								{ display:inline; font-size:0.8em; }

.ui-block-a									{ padding:0.5em; }
.ui-block-b 								{ padding:0.5em; }
.ui-block-c									{   }
#tp_col3 img								{ margin-top:20px; }

.ui-block-a input, .ui-block-b input 		{ padding:11px; font-size:0.8em; }
.ui-block-a label, .ui-block-b label		{ padding-top:11px; padding-bottom:11px; font-size:0.8em;}
.ui-block-a .ui-btn, .ui-block-b .ui-btn	{ padding-top:0.8em; font-size:0.9em; }

.ui-block-a .ui-field-contain				{ padding-bottom:1px; border-bottom:0px; margin:0.5em 0px; }
.ui-block-b .ui-field-contain				{ padding-bottom:1px; border-bottom:0px; margin:0.5em 0px; }

.ui-body-b									{ background-color:#2A2A2A; color:#ffffff; text-shadow:0px 1px 0px #111; }
.ui-tp-center								{ text-align:center; }
 


#content h1							{ margin-top:2px; margin-bottom:2px; }
#content h3							{ margin-top:2px; margin-bottom:2px;  }
#content .call_screen				{ font-size:0.8em; }
#content .call_screen td			{ border:1px solid white; padding-left:3px; } 
#content .call_screen td img		{ margin-left:20px; }
#content .stats						{ margin:0px; display:inline;}
#content .stats_table td			{ padding-left:10px; padding-right:10px; }
#content .error						{ color:red; }


.tp_footnote						{ font-size:0.6em; }
#tp_choose, #tp_notifications							{ position:relative; padding:20px; width:500px; margin:0 auto; border:#c4c4c4; margin-top:2em; }
#tp_choose div, #tp_notifications div						{ margin-bottom:1.4em; }

.tp_wrap							{ padding:5px; margin-top:25px; }
.tp_width30							{ max-width:30%; }
.tp-notitie							{ font-size:0.8em; text-align:right; }

.lightgray							{ background-color:#dddddd; }
.max300								{ max-width:300px; }
.max500								{ max-width:500px; }
.max750								{ max-width:750px; }

.centerDiv							{ margin:0 auto; }
.mTop50								{ margin-top:50px; }
.pAll15								{ padding:15px; }


.over_cont .percent_me span{
    color: gray;
}
.sortable th{
	text-decoration: underline;
}
.sortable th:hover{
	cursor: pointer;
}
.over_cont thead th{
	text-shadow: none;
}
.over_cont tr:nth-child(odd) td.external_reason{
	background-color: #b9d2e6;
	text-decoration: none;
}
.over_cont tr:nth-child(even) td.external_reason{
	background-color: #e1edf7;
	text-decoration: none;
}
body .ui-page-theme-a{
	text-shadow: none;
}
.terugbellen-knop > img{
	margin-top: 10px;
	max-width: 30px;
}
div.terugbellen{
	
}
div.terugbellen ul{
	padding-left: 20px;
	height: 2000px;
}
.stats-table tr:nth-child(even) {background: #ddd}
.stats-table{
	border-collapse: collapse;
}
.stats-table td{
	padding: 5px;
}