/* General */

@font-face {
	font-family: 'Ubuntu';
	font-weight: 100;
	src: url('https://font.visma.com/fonts/ubuntu/ubuntu-th.ttf');
}

@font-face {
	font-family: 'Ubuntu';
	font-weight: 200;
	src: url('https://font.visma.com/fonts/ubuntu/ubuntu-light.ttf');
}

@font-face {
	font-family: 'Ubuntu';
	font-weight: 400;
	src: url('https://font.visma.com/fonts/ubuntu/ubuntu-regular.ttf');
}

.mega-toggle-label-open,
.mega-toggle-label-open:before,
.mega-toggle-label-open:after,
.mega-toggle-label-closed,
.mega-toggle-label-closed:before,
.mega-toggle-label-closed:after {
	background-color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6,
#mm
	> li.mega-menu-megamenu
	> ul.mega-sub-menu
	li.mega-menu-column
	> ul.mega-sub-menu
	> li.mega-menu-item
	> a.mega-menu-link,
#mm
	> li.mega-menu-megamenu
	> ul.mega-sub-menu
	> li.mega-menu-item
	> a.mega-menu-link,
h5.bootstrap-dialog-title,
body.dashboard-fluid #Dashboard .Block .Content .Header {
	font-family: 'Ubuntu', 'Open Sans', 'Arial', 'sans-serif';
	font-weight: 200;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE 10 & IE 11: verberg onnodige y-scroll in "wachtwoord vergeten"-modal */
	.modal-open#Login .bootstrap-dialog .bootstrap-dialog-message {
		overflow-y: hidden;
	}
}

.modal-header .bootstrap-dialog-title {
	margin-bottom: 0;
}

body,
.dynatree-title,
.fancytree-title {
	font-family: 'Open Sans', sans-serif;
}

/* Login */

html.scripts_login,
html.scripts_login body {
	background-color: #f0f2f5;
}

#Login h1 {
	text-align: center;
	margin-top: 0;
}

#Login label {
	color: #252626;
}

#Login #slides {
	left: 30%;
	width: 70%;
}

#Login #slides div[id^='slide-'] {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #f0f2f5;
	padding: 7%;
	background-origin: content-box;
}

#Login .sidebar {
	justify-content: center;
	width: 30%;
}

#Login #loginBox main form {
	display: none;
}

@media only screen and (max-width: 767px) {
	#Login .sidebar {
		width: 100%;
	}
}

@media (min-width: 992px) {
	#Login .sidebar {
		background-color: #f0f2f5;
	}
}

@media only screen and (min-width: 1540px) {
	#Login #loginBox {
		margin: 0 auto;
		width: 400px;
	}
}

@media only screen and (min-width: 1800px) {
	#Login #loginBox {
		margin: 0 auto;
		width: 500px;
	}
}

#Login .sidebar #External,
#Login .sidebar .btn {
	line-height: 2.5;
}

#Login .sidebar input[type='password'],
#Login .sidebar input[type='text'] {
	color: #252626;
	border: 1px solid #c1c3c5;
	padding: 0.5rem;
	border-radius: 0.4rem;
	background-color: #fff;
}

#Login .sidebar #loginBox #Logo {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	background-position-y: bottom;
	margin-bottom: 2rem;
}

#loginFooterLogo {
	width: 130px;
	height: auto;
	margin: 0 auto 4rem auto;
	position: absolute;
	bottom: 0;
	left: calc(50% - 65px);
}

@media only screen and (max-height: 740px) {
	#loginFooterLogo {
		display: none;
	}
}

#poweredBy {
	display: none;
}

#Login [data-field='cre_login'] {
	bottom: 8px;
}

@media only screen and (min-width: 1540px) {
	#Login #slides {
		left: 30%;
		width: 70%;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1540px) {
	#Login .sidebar {
		width: 35%;
	}

	#Login #slides {
		left: 35%;
		width: 65%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	#Login .sidebar {
		width: 50%;
	}

	#Login #slides {
		left: 50%;
		width: 50%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	#Login .sidebar {
		width: 100%;
	}

	#Login #slides {
		display: none;
	}
}

/* @media (max-width: 1199.98px) {
	#Login #slides {
		left: 40%;
		width: 60%;
	}
} */