body {
	overflow-x: hidden;
	background-color: #FFFFFF;
	color: #1f1f22;
	font-size: 14px;
}

header {
	height: 155px;
	border-bottom: 0px;
	background-image: url('../images/youngchild_body_bg.png');
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-size: auto;
	box-shadow: none;
}
header::before {
	display: none;
}

#wrapper #loginStatus, #wrapper #loginStatus a {
	color: #1f1f22;
	text-decoration: none;
}
#wrapper #loginStatus a:hover {
	color: #f08646;
	text-decoration: underline;
}

#statusMessage.good {
	background-color: #f08646;
	background-position: 5px -78px;
	box-shadow: 0px 0px 3px 2px #f8c5a5;
}

/* === OVERLAY === */
	#overlay, .inElementOverlay {
		background: rgba(150, 150, 150, 0.6);
	}

/* === LOGO === */
	#wrapper {
		background-image: url('../images/youngchild_header_bg.png');
		background-position: 0px 0px;
		background-repeat: repeat-x;
	}

	#wrapper > .logo {
		width: 593px;
		height: 155px;
		margin-left: -340px;
		background-color: transparent;
		background-image: url('../images/youngchild_header_logo.png');
		background-size: auto;
		box-shadow: none;
	}

	/* === RESPONSIVE HEADER === */
		@media only screen
		and (max-width : 1400px) {
			#wrapper > .logo {
				margin-left: -180px;
			}
		}

	#wrapper::after {
		display: block;
		position: absolute;
		top: 20px;
		left: 950px;
		width: 377px;
		height: 135px;
		background-image: url('../images/youngchild_header_right.png');
		background-position: 0px -20px;
		content: " ";
	}

	/* === RESPONSIVE HEADER === */
		@media only screen
		and (max-width : 1400px) {
			#wrapper::after {
				position: absolute;
				left: auto;
				right: -150px;
			}
		}

		@media only screen
		and (max-width : 1100px) {
			#wrapper::after {
				position: absolute;
				left: auto;
				right: -55px;
			}
		}

		@media only screen
		and (max-width : 940px) {
			#wrapper::after {
				width: 30px;
				right: 0px;
			}
		}

/* === MENU === */
	#wrapper #menuTabbar {
		top: -46px;
	}

	#wrapper #menuTabbar div:first-of-type {
		margin-left: 410px;
	}

	/* === RESPONSIVE HEADER === */
		@media only screen
		and (max-width : 1000px) {
			#wrapper #menuTabbar div:first-of-type {
				margin-left: 365px;
			}
		}

	#wrapper #menuTabbar div {
		background-image: none;
		color: #1f1f22;
	}
	#wrapper #menuTabbar div::before {
		position: relative;
		display: inline-block;
		left: -13px;
		width: 1px;
		height: 15px;
		margin-top: 4px;
		background-color: #1f1f22;
		vertical-align: top;
		content: " ";
	}
	#wrapper #menuTabbar div:first-of-type::before {
		display: none;
	}

	#wrapper #menuTabbar div.active {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		background-color: #FFFFFF;
		color: #f08646;
	}

	#wrapper #menuPages {
		display: none;
	}

/* === CONTENT === */
	#content h1, #attachmentsFrame h1, #attachmentsFrame h2 {
		color: #f08646;
		font-family: 'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
		letter-spacing: 0pt;
		text-transform: none;
	}

	#content .externalInfoButton, #overlay .externalInfoButton {
		background-color: #eadfcb;
		box-shadow: 1px 1px 2px 0px #808080;
	}
	#content .externalInfoButton {
		color: #1f1f22;
		font-family: 'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
		font-size: 18px;
	}
	#content .externalInfoButton:hover, #overlay .externalInfoButton:hover {
		background: #f08646;
		color: #FFFFFF;
	}

	#content .externalInfoButton.submenu ul, .homepageBox div.submenu ul {
		background-color: #f08646;
		box-shadow: 1px 1px 2px 0px #808080;
	}

	#content .externalInfoButton.submenu li:hover, .homepageBox div.submenu li:hover {
		background-color: hsl(23, 85%, 80%);
		color: #FFFFFF;
	}
	#content .externalInfoButton.submenu li a, .homepageBox div.submenu li a {
		color: #FFFFFF;
		text-decoration: none;
	}
	#content .externalInfoButton.submenu li a:hover, .homepageBox div.submenu li a:hover {
		color: #f08646;
		text-decoration: none;
	}

/* === SYSTEM === */
	/* === LOGIN === */
		body.loginPage, body.loginPagePass, body.loginPageRole {
			background-image: url('../images/youngchild_login_bg.png');
			background-position: center bottom;
			background-size: contain;
			background-repeat: no-repeat;
		}
		body.loginPagePass {
			background-image: url('../images/youngchild_login_bg_50.png');
		}
		body.loginPageRole {
			background-image: url('../images/youngchild_login_bg_30.png');
		}

		.systemLoginBox {
			background-color: #eadfcb;
		}

		.systemLoginBox input[type=button], .systemLoginBox.exportFilesBox input[type=submit] {
			background-color: #f08646;
			font-family: 'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
			font-size: 13px;
			color:#FFFFFF;
		}

		.systemLoginBox h2 {
			font-family: 'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
			letter-spacing: 0pt;
		}

		.systemLoginBox h2, .systemLoginBox p, .systemLoginBox label {
			color: #1f1f22;
		}
		.systemLoginBox h2, .systemLoginBox label {
			text-transform: none;
		}

	/* === CHOOSE ROLE === */
		.systemChooseRoleBox {
			margin-left: 0px;
		}

		.systemChooseRoleBox li {
			border: 0px;
			border-radius: 5px;
			background-color: #eadfcb;
			box-shadow: 1px 1px 2px 0px #808080;
			font-size: 12px;
		}
		.systemChooseRoleBox li:hover {
			background-color: #f08646;
			color: #FFFFFF;
		}

		.systemChooseRoleBox li strong {
			font-weight: normal;
			font-size: 18px;
		}

/* === HOMEPAGE === */
	.homepageBox div {
		position: relative;
		overflow: hidden;
		height: 87px;
		border: 1px solid #eadfcb;
		background: #eadfcb;
		color: #1f1f22;
		box-shadow: 1px 1px 2px 0px #808080;
	}
	.homepageBox div::first-line {
		font-family: 'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
		font-size: 18px;
		color: inherit;
	}
	.homepageBox div:hover, .homepageBox div:focus, .homepageBox div:active, .homepageBox div.active {
		border: 1px solid #f08646;
		background-color: #f08646;
		color: #FFFFFF;
	}

	.homepageBox div.youngChild::after {
		filter: none;
		background-size: 18px auto;
		background-image: url('../images/youngchild_logo_noletters.png');
	}
	.homepageBox div.youngChild:hover::after {
		filter: contrast(0.1) brightness(100);
	}

/* === MANAGE PAGE === */
	#content .managePage .buttonsBar div, section .button {
		background-image: url('../images/youngchild_managepage_icons.png');
	}
	
	/* === FILTERS BOX === */
		#content .managePage .filtersBox h1 {
			padding-left: 3px;
			border-bottom: 1px solid #eadfcb;
			border-top: 1px solid #eadfcb;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			background-color: #eadfcb;
			color: #1f1f22;
			font-family: 'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
			font-size: 14px;
			font-weight: normal;
			text-align: left;
		}

		#content .managePage .filtersBox h2 {
			height: 20px;
			padding-left: 3px;
			border-bottom: 1px solid #eadfcb;
			border-left: 1px solid #eadfcb;
			border-right: 1px solid #eadfcb;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			background-color: transparent;
			color: #1f1f22;
			font-size: 14px;
			line-height: 16px;
			text-align: left;
		}
		#content .managePage .filtersBox h2 strong {
			font-weight: normal;
		}

		#content .managePage .filtersBox .filter {
			border: 1px solid #eadfcb;
			border-radius: 5px;
		}
		#content .managePage .filtersBox .filter.sortOrder {
			max-height: auto;
			background-color: transparent;
		}

		#content .managePage .filtersBox .filter hr {
			background-color: #eadfcb;
			color: #eadfcb;
		}

		#content .managePage .filtersBox .filter h3 {
			height: 20px;
			background-color: #eadfcb;
			color: #1f1f22;
			font-family: 'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
			font-size: 14px;
			font-weight: normal;
		}

		#content .managePage .filtersBox input[type=radio], #content .managePage .filtersBox input[type=checkbox], .formPageTable td input, #confirmFrame input[type=checkbox] {
			accent-color: #f08646;
		}

	/* === RESULTS BOX === */
		#content .managePage .resultsBox table {
			border: 1px solid #eadfcb;
			border-radius: 5px;
		}

		#content .managePage .resultsBox tr:hover td {
			background-color: #f08646;
		}

		#content .managePage .resultsBox tr.header, #content .managePage .resultsBox tr.header:hover td {
			background-color: #eadfcb;
			color: #1f1f22;
			font-weight: normal;
		}

		#content .managePage .resultsBox td {
			border-bottom: 1px solid #eadfcb;
		}

/* === FORM PAGE === */
	.formPageTable td input[type=text], .formPageTable td input[type=password], .formPageTable td input[type=date], .formPageTable td select, .formPageTable td textarea {
		font-family: 'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
		font-size: 14px;
	}

	#content .managePage .buttonsBar div[data-title]:hover:after, section .button[data-title]:hover:after, .educationAppsSurvey i[data-title]:hover:after, .educationApps i[data-title]:hover:after, .logList div[data-title]:hover:after {
		background: #f08646;
	}

	.formPageTable .selectMulti {
		accent-color: #eadfcb;
	}

	.formPageTable .selectMulti option:checked {
		background-color: #eadfcb;
	}

	/* === HELPBOX === */
		.formPageTable .helpBox	{
			border: 1px solid #1f1f22;
			background-color: #eadfcb;
		}

		.formPageTable .helpBox::before {
			filter: brightness(0%);
		}

		.formPageTable .helpBox h6 {
			height: 20px;
			border-bottom: 1px solid #1f1f22;
			background-color: #eadfcb;
			color: #f7941e;
			line-height: 18px;
			font-family: 'Open Sans', Verdana, Geneva, Tahoma, sans-serif;
			font-weight: normal;
		}

	/* === FORMPAGETABLE === */
		.formPageTable > tbody > tr.title td {
			border: 0px;
			border-left: 0px;
		}
		.formPageTable > tbody > tr.title td:first-of-type {
			border: 1px solid #eadfcb;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			background-color: #eadfcb;
			color: #1f1f22;
			font-size: 14px;
		}

		.formPageTable td:first-of-type, .formPageTable td.extraTitle, .formPageTable tr.fieldsHeader td:first-of-type {
			background-color: #FFFFFF;
			border: 1px solid #eadfcb;
		}

		.formPageTable > tbody > tr td.spacer {
			border: 0px;
		}

		.tabPaneBox .tabs span {
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			background: transparent;
		}
		.tabPaneBox .tabs span:hover {
			background: #eadfcb;
		}

		.tabPaneBox .tabs span.active {
			color: #f08646;
		}

		#content table .deleteIcon, #content table .editIcon {
			background-image: url('../images/youngchild_delete_icon.png');
		}
		#content table .editIcon {
			background-image: url('../images/youngchild_edit_icon.png');
		}

		.formPageTable .logList .editMode:after, .formPageTable .logList .deleteMode:after {
			color: #f08646;
		}

	/* === BUTTONS BAR === */
		.formPageButtonsBar {
			background: #FFFFFF;
		}

		.formPageButtonsBar div {
			background-image: url('../images/youngchild_formpagebuttonsbar_icons.png'), url('../images/formpagebuttonsbar_divider.png');
		}
		.formPageButtonsBar div:hover {
			background-color: #eadfcb;
		}

/* === DATA CONTAINER === */
	.toggleDataContainer {
		border: 1px solid #eadfcb;
	}
	.toggleDataContainer.closed {
		border: 1px solid #E4E2E4;
	}
	
	.toggleDataContainer > h6 {
		background-color: #eadfcb;
		color: #1f1f22;
	}
	.toggleDataContainer.closed > h6 {
		background-color: #E4E2E4;
	}
	.toggleDataContainer > h6::before {
		background-position: 0px -33px;
	}

	.dossierSiblingsTable tr.title td, .dossierSiblingsTable tr.title td:first-of-type, .dossierClassesTable tr.title td, .dossierExamsTable tr.title td, .dossierFormsTable tr.title td, .dossierAttachmentsTable tr.title td {
		border-bottom: 1px solid #eadfcb;
	}

/* === LEERLINGDOSSIER === */
	.dossierNameTable tr:first-of-type td:first-of-type {
		border-top-left-radius: 5px;
	}
	.dossierNameTable tr:first-of-type td:last-of-type {
		border-top-right-radius: 5px;
	}
	.dossierNameTable tr:last-of-type td:first-of-type {
		border-bottom-left-radius: 5px;
	}
	.dossierNameTable tr:last-of-type td:last-of-type {
		border-bottom-right-radius: 5px;
	}

	.dossierNameTable tr td:first-of-type {
		border: 1px solid #eadfcb;
		background-color: #eadfcb;
	}

	.dossierFormsTable td.form:hover, .dossierAttachmentsTable td.name:hover {
		background-color: #f08646;
	}

	.dossierFormsTable td.form, .dossierAttachmentsTable td.name {
		background-color: #eadfcb;
	}

	.dossierAttachmentsTable td.buttons img {
		background-image: url('../images/youngchild_formpagebuttonsbar_icons.png');
		background-position: 0px -242px;
	}
	.dossierAttachmentsTable td.buttons img.delete {
		background-position: 0px -68px;
	}

	.printButton {
		z-index: 10;
		background-image: url('../images/youngchild_formpagebuttonsbar_icons.png');
		background-position: 0px -113px;
	}
	.printButton:hover::after {
		left: auto;
		right: 0px;
		background: #f08646;
	}

/* === CONFIRM FRAME === */
	#confirmFrame div.button {
		background-color: #f08646;
		font-weight: normal;
	}
	#confirmFrame div.button:hover {
		background-color: #eadfcb;
	}

	#confirmFrame div.close {
		background-color: #E4E2E4;
		color: #1f1f22;
		font-weight: normal;
	}
	#confirmFrame div.close:hover {
		background-color: #eadfcb;
	}