/*
* @Author: rickpeters
* @Date:   2017-11-07 13:09:18
* @Last Modified by:   rickpeters
* @Last Modified time: 2017-11-07 13:09:23
*/




/**
General stuff
 */

.center {
	text-align: center;
}

[hidden] {
	display: none !important;
}

[required]:after {
	content: '*';
	color: red;
	margin-right: 5px;
}

.push-down {
	margin-top: 15px;
}

.push-down-25 {
	margin-top: 25px;
}

.push-down-30 {
	margin-top: 30px;
}

.push-down-50{
	margin-top: 50px;
}

.padding-bottom-15-form-row {
	padding-bottom: 15px !important;
	margin-bottom: 0px !important;
}

label.btn {
	-webkit-appearance: none !important;
}

.btn.small {
	margin: 0;
	margin-top: 5px;
	font-size: 15px;
	padding: 5px 7px !important;

}

.portrait {
	border: 1px solid #dee2e6!important;
	padding: 15px;
}

.table td.fit,
.table th.fit {
	white-space: nowrap;
	width: 1%;
}

.btn-fixed-padding-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.btn-check:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
}

.btn-delete:hover:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00d";
	padding-left: 2px;
	padding-right: 2px;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
                                     supported by Chrome and Opera */
}
/**
Layout
 */
html, body {
	font-size: 18px;
	font-family: 'Open-Sans', sans-serif !important;
	font-weight: 300;
}

header .navbar {
	padding: .5rem 1rem;
}

header .desktop-navbar .departments-navigation {
	font-family: 'Karla', sans-serif;
}

header .desktop-navbar .departments-navigation ul.departments {
	float: right;

}

header .desktop-navbar .departments-navigation ul.departments > li > a {
	line-height: 30px;
	margin: 20px 11px 18px 11px;
	padding: 0px;
}

header .desktop-navbar .departments-navigation ul.departments > li {
	display: inline-flex;
}

header .desktop-navbar .departments-navigation .header span {
	line-height: 70px;
	margin-left: 5px;
	marign-right: 5px;
}

header .desktop-navbar .departments-navigation span > i {
	margin-right: 5px;
}

header .desktop-navbar .departments-navigation .icon {
	width: 60px;
	padding: 7px;
}

header .desktop-navbar .departments-navigation .icon svg {
	fill: white;
}

header .desktop-navbar .departments-navigation .icon svg:hover {
	fill: lightgray;
}

header .desktop-navbar .website-navigation {
	margin-bottom: -20px;
}

header .desktop-navbar .website-navigation ul.website {
	float: right;
}

header .desktop-navbar .website-navigation ul.website > li > a {
	/*margin-top: 70px;*/
	padding: 0 0;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 30px;
	margin-top: 20px;
}

header .desktop-navbar .website-navigation ul.website > li > a.active {
	font-weight: bold;
}

header .desktop-navbar .website-navigation img.logo {
	margin-top: 5px;
	height: 80px;
}

header .desktop-navbar .website-navigation div.dropdown-menu {
	margin-top: -25px;
}

header .desktop-navbar .navbar {
	margin-bottom: 0px;
	border: none;
}

header .desktop-navbar .menubarprofile a {
	margin: 0px !important;
}

header .desktop-navbar .menubarprofile a span {
	margin-right: 10px;
}

header .desktop-navbar .menubarprofile a img {
	height: 60px;
	border-radius: 50%;
}

header .desktop-navbar .menubarprofile div.dropdown-menu, header .desktop-navbar .website-navigation div.dropdown-menu {
	padding: 0;
	right: 0px !important;
	left: unset;
	float: unset;
	min-width: unset;
	text-align: center;
}

header .mobile-navbar {
	/*margin-bottom: 20px;*/
	padding: 0 !important;
}

header .mobile-navbar .navbar-toggler {
	float:right;
}

header .mobile-navbar .departments-navigation li {
	text-align: center;
}

header .mobile-navbar .departments-navigation li a {
	display: inline-flex;
}

header .mobile-navbar .website-navigation {
	margin-right: -18px !important;
	margin-left: -18px !important;
	margin-bottom: -7px;

	padding-left: 18px !important;
	padding-right: 18px !important;
	padding-top: 7px;
	padding-bottom: 7px;

	font-family: 'Karla', sans-serif;
}

header .mobile-navbar .menubarprofile {
	margin-bottom: 2px;
}

header .mobile-navbar .menubarprofile a {
	margin: 0px !important;
	text-align: center;
}

header .mobile-navbar .menubarprofile .dropdown-menu {
	margin-right: -18px !important;
	margin-left: -18px !important;

	padding-left: 18px !important;
	padding-right: 18px !important;

	padding-top: 14px;
	padding-bottom: 14px;

	border-radius: 0px;
	border: 0px;

	text-align: center;
	font-family: 'Karla', sans-serif;
}


header .mobile-navbar .menubarprofile .dropdown-menu a {
	display: block !important;
}

header .mobile-navbar .menubarprofile .dropdown-menu a span, header .desktop-navbar .website-navigation div.dropdown-menu a span {
	padding: .5rem 0rem;
}


header .mobile-navbar .menubarprofile a::after {
	margin-top: auto;
	margin-bottom: auto;
}

header .mobile-navbar .menubarprofile a span {
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 10px;
}

header .mobile-navbar .menubarprofile a img {
	margin-top: auto;
	margin-bottom: auto;
	height: 60px;
	border-radius: 50%;
}

header .mobile-navbar .navbar-header {
	padding: .5rem 1rem;
}

header .mobile-navbar .navbar-header a.navbar-brand img {
	margin-bottom: -15px;
	height: 45px;
	margin-top: -5px;
}


header .mobile-navbar .icons .icon {
	width: 60px;
	padding: 7px;
}

header .mobile-navbar .icons .icon svg {
	fill: white;
}

header .mobile-navbar .icons .icon svg:hover {
	fill: lightgray;
}

header .mobile-navbar .collapse {
	padding-bottom: 9px;
}

div.carousel {
	margin-top: -20px;
}

div.carousel .carousel-item .caption {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

div.carousel .carousel-item .caption h1 {
	border-radius: 15px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 700;
}

div.carousel .carousel-item .caption a.btn {
	margin-top: -50px;
}

section#messages {
	margin-top: 15px;
	display: none;
}

main {
	/*margin-top: -20px;*/
	margin-bottom: 50px;
}

main div.breadcrumbs {
	margin-top: 7px;
}

footer {
	background: #42515a;
	padding-top: 30px;
	padding-bottom: 30px;
	font-family: 'Open-Sans', sans-serif !important;
	font-weight: 300;
	font-size: 15px;
}

footer .links a {
	display: inline-block;
	margin-right: 7px;
	margin-left: 7px;
}

footer div.logo {
	text-align: center;
	max-height: 250px;
}

footer h5 {
	font-family: 'Karla', sans-serif;
	font-size: 15px;
	font-weight: 400;
}

footer span div.socialmedia {
	margin-top: 15px;
	margin-bottom: 6px;
}

footer div.socialmedia img {
	max-width: 100px;
	height: auto;
}

footer span div.socialmedia i.fa {
	display: inline-block;
	font-size: 36px;
	border-radius: 10px;
	padding-right: 10px;
}

footer img.logo {
	margin-top: 30px;
	margin-bottom: 15px;
	margin-right: 15px;
	margin-left: 15px;
	max-width: 150px;
	max-height: 100px;
}

footer img.logo.mvo {
	height: 150%;
}

footer img.new-business {
	padding: 8px;
}

footer img.mvo {
	margin-top: 15px
}

/**
Checkblocks
 */

checkblock {
	margin-right: 3px;
	border-radius: 2px;
}

checkblock.vertical-align {
	display: block;
}

checkblock input[type="checkbox"], checkblock input[type="radio"]{
	display: none;
}

checkblock label{
	font-size: 15px;
	font-weight: normal;
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 5px 7px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

checkblock.big label {
	padding: 10px 16px;
	margin-left: 7.5px;
	margin-right: 7.5px;
}

checkblock input[type="checkbox"]:checked + label, checkblock input[type="radio"]:checked + label{
	-moz-transition:all .1s ease-in;
	-o-transition:all .1s ease-in;
	-webkit-transition:all .1s ease-in;
	-ms-transition:all .1s ease-in;
}

checkblock input[type="checkbox"]:not(:checked) + label, checkblock input[type="radio"]:not(:checked) + label{
	-moz-transition:all .1s ease-out;
	-o-transition:all .1s ease-out;
	-webkit-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
}

/**
Progressbar
 */
.progress {
	border: 0px solid rgba(245, 245, 245, 1);
	border-radius: 20px;
	height: 20px;
}

/**
Tabs
 */
.tab-pane {
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
}

/**
Breadcrumbs
 */

ol.breadcrumb {
	margin-top: 15px;
	background: none;
	border-radius: 0px;
	font-size: 15px;
}

/*
 * Affix sidebar
 */
ul.sidebar.affix-top, ul.sidebar.affix{
	position: static;
}

ul.sidebar li {
	display: block;
}

ul.sidebar li a.nav-link.active {
	font-weight: bold;
}

/**
Vertical radio wrapper
 */
.radio-label-vertical-wrapper {
	padding-bottom: 13px;
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}

.radio-label-vertical-wrapper:before {
	content: '';
	display: block;
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
}

.radio-label-vertical-wrapper label:not(.radio-label-vertical) {
	display: block;
	width: 100%;
}

.radio-label-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	text-align: center;
}

.radio-label-vertical input {
	position: absolute;
	top: 28px;
	left: 50%;
	margin-left: -6px !important;
	display: block;
	cursor: pointer;
}

/**
Slider
 */

.labels-on-the-side .slider.slider-horizontal {
	width: calc(100% - 109px);
	height: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

.slider-side-label {
	display: inline-block;
	width: 40px;
	text-align: center;
}

.slider-top-label {
	display: block;
	text-align: center;
}

.select2-container--bootstrap4 .select2-selection--multiple {
	height: auto !important;
}


.nav-tabs > li {
	position:relative;
}

.nav-tabs > li > a {
	display:inline-block;
}

.nav-tabs > li > span {
	display:none;
	cursor:pointer;
	position:absolute;
	right: 6px;
	top: 0px;
	color: red;
}

.nav-tabs > li:hover > span {
	display: inline-block;
}

.nav-tabs > li > span:hover {
	color: darkred;
}

.nav-tabs > #tab-new {
	cursor: pointer;
}


.readmore + [data-readmore-toggle], .readmore[data-readmore]{display: block; width: 100%;}.readmore[data-readmore]{transition: height 200ms;overflow: hidden;}



/*
 * Extra small devices (portrait phones, less than 576px)
 * No media query since this is the default in Bootstrap
 */

@media (max-width: 575px){

	.btn {
		padding-left: 15px !important;
		padding-right: 15px !important;
		font-size: 15px !important;
	}

	div.carousel .carousel-item .caption {
		padding-top: 10px;
	}

	div.carousel .carousel-item .caption h1 {
		padding: 10px 10px 20px 10px;
		font-size: 14px;
	}

	div.carousel .carousel-item .caption .btn {
		font-size: 10px;
		padding-left: 15px;
		padding-right: 15px;
		display: none;
	}

	footer {
		text-align: center;
	}

	footer h5 {
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.btn-fixed-padding-15 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*div.carousel .carousel-item .caption .btn {*/
		/*font-size: 10px;*/
		/*padding-left: 30px;*/
		/*padding-right: 30px;*/
	/*}*/
}

@media (max-width: 767px){
	div.carousel .carousel-item .caption h1 {
		padding: 15px 15px 22px 15px;
		font-size: 20px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	body {
		padding-top: 297px;
	}

	header .navbar {
		padding: 0;
	}

	header .desktop-navbar .website-navigation ul.website {
		float: unset;
		justify-content: space-around!important;
	}

	header .desktop-navbar .website-navigation ul.website > li > a {
		margin-top: 15px;
		margin-bottom: 45px;
	}

	.col-form-label {
		font-size: 15px;
	}

	.btn {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	div.carousel .carousel-item .caption h1 {
		padding: 15px 15px 22px 15px;
		font-size: 20px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	body {
		padding-top: 209px;
	}

	header .desktop-navbar .website-navigation ul.website {
		float: right;
	}

	header .desktop-navbar .website-navigation ul.website > li > a {
		margin-top: 35px;
	}
	
	div.sidebar .navbar-header {
		display: none;
	}

	ul.sidebar.affix-top {
		position: static;
	}

	ul.sidebar.affix-bottom {
		position: relative;
	}

	ul.sidebar.affix {
		background: white;
		position: fixed;
		border-radius: 5px;
	}

	.col-form-label {
		font-size: 16px;
	}

	.btn {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.btn-fixed-padding-15 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	div.carousel .carousel-item .caption h1 {
		font-size: 36px;
		padding: 30px 30px 35px 30px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}