@font-face {
	font-family: Roboto;
	src: url(/ourcredimo/fonts/roboto-regular.ttf);
}

@font-face {
	font-family: Roboto-Mono;
	src: url(/ourcredimo/fonts/RobotoMono-Regular.ttf);
}

html, body {
	margin: 0px;
	height: 100%;
}

body {
	padding: 0px;
	font-family: Roboto;
	font-size: 10pt;
	background-color: #FAFAFA;
}

body, table {
	color: #4A4A4A;
}

label {
	vertical-align: top;
}

div {
	display: flex;
}

.ui-dialog {
	display: block;
}

div.dframe {
	flex-direction: column;
	align-items: stretch;
	min-height: 100%;
}

div.dbody {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 5px;
}

div.dheader {
	flex-direction: column;
}

.ourcredimo-printframe {
	display: none;
}

.ourcredimo-header {
	display: flex;
	flex-direction: column;
	width: auto;
	background-color: #003366;
	padding: 15px;
}

.ourcredimo-logo-frame {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.ourcredimo-logo {
	display: flex;
	flex-direction: row;
	height: 36px;
	width: auto;
}

.ourcredimo-systeem {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: 6px;
	padding-left: 10px;
	color: #CC9F63;
	font-size: 16pt;
}

.ourcredimo-logo-lijn {
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #335C85;
	padding-top: 15px;
}

.ourcredimo-last-login {
	display: flex;
	flex-direction: column;
	color: #FFFFFF;
	font-size: 8pt;
}

div.dfooter {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	padding: 5px;
}

.footer-logo {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.logo-klein {
	height: 50px;
	width: 48px;
}

div.dheader, div.dbody, div.dfooter {flex-shrink:0;}

div.dmenu {background-color:#166CA5; color:#FFFFFF; padding:10px;}
.veld-verplicht {color: #000000;}

.menu-prog {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
}

.template {
	display: none;
}

.invisible {
	visibility: hidden;
}

.error {
	background-color: #F6B934;
}

tr.deleting td {
	text-decoration: line-through;
}

th {
	text-align: left;
}

tr.row-selected td {
	background-color: #E6D3B1;
	color: #4A4A4A;
	row-gap: 0px;
}

/* aanpassen stijl autocomplete lijsten */
.ui-autocomplete {
	border: 1px solid #A29E98 !important;
	background-color: #003366 !important;
	color: #FFFFFF !important;
}

.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-active {
	background-color: #335C85 !important;
	border: 1px solid #335C85 !important;
}

/* aanpassen popup */
/*
.ui-dialog-title {}
.ui-dialog-titlebar-close {}
.ui-dialog-titlebar {}
*/
.ui-dialog {margin:0; padding:0;}

img {border:0px;}

.ourcredimo-header-title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.ourcredimo-header-title > .pagtitle {
	color: #CC9F63;
	font-size: 15pt;
	padding-left: 5px;
}

.ourcredimo-header-title > .ourcredimo-header-info-page {
	display: flex;
	padding-top: 10px;
	padding-right: 5px;
	max-width: 800px;
}

hr.lijn {
	width: 100%;
	height: 0;
	border-width: 0;
	border-top: 1px solid #A29E98;
}

a.nounderline:link, a.nounderline:visited, a.nounderline:active {text-decoration:none;}
a.nounderline:hover {text-decoration:underline;}
a.wit {color:#FFFFFF;}

#dLogo {background-color:#F6F6F6; padding:3px;}

a.ext_button {
	background-color: darkgray;
	color: black;
	border: 1px solid darkgray;
	border-radius: 12px;
	padding: 4px 12px;
	margin:5px 8px;
	text-decoration: none;
}

a.ext_button:hover {
	background-color: lightgray;
	border: 1px solid lightgray;
}