@charset "UTF-8";

@font-face {
	font-family:'PTSans';
	src: url('Fonts/PTSans.eot');
	src: url('Fonts/PTSans.eot?#iefix') format('embedded-opentype'),
		url('Fonts/PTSans.woff') format('woff'),
		url('Fonts/PTSans.ttf') format('truetype'),
		url('Fonts/PTSans.otf') format('opentype'),
		url('Fonts/PTSans.svg#PTSans') format('svg');
}

body
{
    font-family: PTSans;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    color: rgb(0, 0, 0);
	height: 100vh;
	
}

.background
{
	position: relative;
    width: 100%;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background: white url('../img/BackgroundLogoISA8.png') center fixed no-repeat;	
}
.w3-overflow
{
	background-color: green;
	overflow: auto;
}
.w3-container
{
	padding: 5px !important;
	margin: 0px;
}
.headerLogo
{
	width:					100%;
	max-width: 				250px;

}

.headerMenu
{
	cursor: 				pointer;
}

.w3-container
{
    /*max-width: 				1024px;*/
    width: 					calc( 100% - 32px );
    margin:	 				auto auto;

    height: 100vh;

}

.loginDiv
{
	    max-width: 			600px;
	    margin:	 			auto auto;
	    margin-top: 		5px;
	    
}

.w3-col
{
	/*
	min-height:				60px;
	*/
	padding-left:			0px;
	padding-right:			0px;
}



.w3-check, .w3-radio
{
	top:					3px;
}

.divBorder
{
	border-bottom:			1.5px solid #000;
}

.divBorder div
{
	min-height:				60px;
}

.lightBlue
{
	background-color: 		#CCECFF !important;
	margin-top: 			5px;
	padding: 				5px;
	min-height: 			40px;
	border: 				1px solid #A7A8A9;
	width: 					calc(100%);
}

.w3-padding
{
		padding: 				10px !important;
}
.w3-margin
{
		margin: 				10px !important;
}
.w3-margin-top
{
		margin-top: 			10px !important;
}
.w3-margin-bottom
{
		margin-top: 			10px !important;
}

.w3-kiwared
{	
	border: 				1px solid #A7A8A9;
	border-radius: 			5px; 
	min-width: 				150px !important;
	background-color: 	 	#bb1730 !important;
	color:				 	white;
	text-align: 			center;
	text-decoration:		none;
	
}
.w3-container
{
    max-width: 				1920px;
    width: 					calc( 100% - 32px );
    margin:	 				auto auto;
}

.w3-container-print
{
    max-width: 				1024px;
    width: 					calc( 100% - 32px );
    margin:	 				auto auto;
    height: 100vh;
}
input[type='text'], input[type='tel'], input[type='number'], input[type='password'], select, textarea
{
	background-color: 		#FFF;
	margin: 				5px;		
	padding:				5px;
	border: 				1px solid #A7A8A9;
	width: 					calc(100% - 15px) !important;
}

input:-moz-read-only { /* For Firefox */
    background-color: #ccc;
}

input[readonly], input[readonly="readonly"] { 
	background-color: #ccc;
} 



.w3-button
{
	background-color:	 	#f1f1f1 !important;
	border: 				1px solid #A7A8A9;
	border-radius: 			5px; 
	min-width: 				150px !important;;
}

.w3-divRow
{
	background-color: 		#FFF;
	margin: 				5px;		
	padding:				5px;
	border: 				1px solid #A7A8A9;
	border-radius: 			4px;
	max-width: 				728px
}

.darkBlue
{
	background-color: 		#04488e !important;
	color: 					white;
}
.darkBlueText
{
		color: 					#04488e;
		text-decoration:		 none;
		font-weight: bold;
}

.lightGrey
{
	background-color: 		#f1f1f1;
	
}

.transparent
{
	background-color: 		transparent;
}

.picker__table 
{
	font-size: 				18px;
}

.floatRight
{
	float: 					right !important;
	padding-bottom: 		10px;

}
.min-heightAuto
{
	min-height:				auto;;
}

input[type=checkbox].error
{
	outline: 				1px solid #f44336;
}

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

.radioLabel
{
	margin-left:			5px;
	min-width:				125px;
	display: 				inline-block;
}

.buttonRowFooter
{
	padding-top:			15px;
	padding-bottom:			10px;
}

.loginContainer
{
	max-width:				600px;
	margin:					auto auto;
	padding-top:			100px;
}

.margin0
{
	margin:					0 !important;	
}

.margin-top5
{
	margin-top:				5px;
}

.margin-top10
{
	margin-top:				10px;
}

.margin-top15
{
	margin-top:				15px;
}

.margin-top20
{
	margin-top:				20px;
}

.margin-top25
{
	margin-top:				25px;
}

.padding0
{
	padding:				0;
}

.kiwaBlue
{
	color:					#1678bf;
}

.kiwaBlueBorder
{
	border-color:			#1678bf !important;
}

.kiwaBlueBorderBottom
{
	border-bottom: 			1px solid #1678bf;
}


.resultaatInspectie, .resultaatInspectie td
{
	border:					1px solid #1678bf;
}

.resultaatInspectie th
{
	border:					1px solid #1678bf;
	color:					#1678bf;
}

.breadcrumbs, .breadcrumbsActief
{
	text-decoration: 		none;
	color:					#fff;
	padding:				2px 5px 2px 5px;
	font-size:				10px;
}

.breadcrumbsActief
{
	background-color: 		rgb(187, 23, 48);
}

.breadcrumbs
{
		background-color: 		#1678bf;
}

.breadcrumbs:hover
{
	background-color: 		rgb(187, 23, 48);
}

.blokInput
{
	pointer-events:			none;
	background-color: 		#B0B0B0;
}

/* loadingbar */

.popupContainer
{
	position: 			absolute;
    top:				0;
    bottom:				0;
    left:				0;
    right:				0;
}

.overlay
{
	position: 			fixed;
	z-index:			100;
	top:				0;
	left:				0;
	height:				100%;
	width:				100%;
}

.coverlay
{
	background-color: 	#000;
	filter:				alpa(opacity=75);
	-moz-opacity:		0.75;
	opacity:			0.75;
}

.outer{
    display:			table;
    table-layout:		fixed;
    height:				100%;
    width:				100%;
    
}

.inner{
    display:			table-cell;
    text-align:			center;
    vertical-align:		middle;
    width:				100%;
    position:			relative;
    z-index:			200;
}

.animatedLoad
{
	position: fixed;
	width: 350px;
	height: 350px;
	top: 50%;
	left: 50%;
	margin-top: -175px; 
	margin-left: -175px;
}

h3 
{
	font-size: 20px;
}
/* eind loadingbar  */

/*media screen*/
.dropdown-content {
    text-align: left;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    overflow: auto;
    border: 1px solid #aaaaaa;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
/*media screen*/
.dropdown-content a {
    color: rgb(0, 0, 0);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
/*media screen*/
.dropdown-content a:hover {
    color: #fff;
    background-color: #1679BE;
}

.show {
    display: block;
}


/* jSignature-master */

.signature-container
{
	margin: auto auto;
}

.signature-pad, .signature-container
{
	
}

.FunctionButtons a, .FunctionButtons button
{
	background-color: #156ABF !important;
	color: #fff !important;
}


/* eind jSignature-master */

.inputButton {
	margin-top: 5px;
	padding: 5px;
}
.lity-iframe-container iframe {
	background-color: #fff;
}
@media all and (max-width:602px)
{
	.button100Perc
	{
		width:			100%;
		max-width:		none;
	}
	
	.padding-top10-small
	{
		padding-top:	10px;
	}
	
	.w3-container
	{
	    width: 				100%;
	}
	
	.w3-container, .w3-panel
	{
		padding: 0.01em 0px;
	}
	
	.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th, .w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child {
    	padding: 3px 3px;
    }
}

@media all and (orientation:portrait) {
.backgroundLogin {
	position:relative;
	width: 100vw;
	background: white url('../img/LoginBackgroundP.jpg') top left fixed no-repeat;
	background-size: cover;
}
}

@media all and (orientation:landscape) {
.backgroundLogin {
	position:relative;
	width: 100vw;
	background: white url('../img/LoginBackgroundL.jpg') top left fixed no-repeat;
	background-size: cover;
}
}

table.sortable th {
	cursor: pointer;
}






.metingBlock {
	
}

.metingHeader {
	background-color: 		#CCECFF !important;
	margin-top: 			5px;
	padding: 				5px;
	min-height: 			40px;
	border: 				1px solid #A7A8A9;
	width: 					calc(100%);
	border-radius:4px
}

.metingData {
	/*???*/

}

.metingDetail {
	border: 				1px solid #A7A8A9;
	margin-top: 5px;
	border-radius:4px;
	
	min-height: 58px;
}

.verborgen1 {
	margin-left: 25px;
}
.verborgen2 {
	margin-left: 50px;
}

.metingData .metingDetail:nth-child(even) {background: #CAC8C8}
.metingData .metingDetail:nth-child(odd) {background: white}

.metingName {
	padding-top: 15px;
	padding-left: 5px;
}

.metingValue {
	padding-top: 6px;
}

.metingValue input[type='checkbox'] {
	margin-top: 6px;
}
.metingValue input[type='radio'] {
	margin-top: 5px;
}


.metingValue input[type='text'], .metingValue input[type='number'] {
	margin-top: 2px !important;
}

.metingValue select{
	margin: 0px;
	border: 1px solid #A7A8A9;
}

.footerRow { 
	margin-top: 25px;
}

.w3-table th,  .w3-table-all td {
padding-left: 5px !important;
}

td {
	vertical-align: middle !important;
}