:root {
	--main-green-strong-color: green;
	--main-green-light-color: #B4EBB1;
	--main-green-ultralight-color: #dbffd9;
	--main-grey-border: gray;
}
body {
	padding: 0 !important;
}
#navbar-logo {
	position: absolute;
	width: 100px;
	height: 100px;
}
.alert {
	margin: 0 15px 1rem 15px;
}
select.checked:not([disabled], .nocheck) {
    border: 3px solid green;
}
select.checked:disabled:not(.nocheck) {
    border: 3px solid red;
}
#profil {
	margin: 0 120px;
	max-width: 1000px;
}
.row {
	display: flex;
}
.line > p {
	margin: 1rem 0;
}
.column {
	flex: 50%;
}
#selectLang {
	text-align: center;	
	display: contents;
}
#select-language-flags {
	max-width: 600px;
	margin: 0 auto;
}
.modal-body label {
	min-width: 230px;
}
.modal-body input, .modal-body select {
	min-width: 228px;
}
.lang img {
	width: 261px;
	margin: 6px 0;
	border: 3px solid #000;
	cursor: pointer;
}
#topSchoolName {
	padding-left: 120px;
}
#top-navbar-items {
	padding-left: 0px !important;
}
#contentbox {
	margin: 0 auto;
}
#loginform, #changepwform {
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
}
.form-group.center {
	text-align: center;
}
h2 {
	padding: 2vh 0;
}
#overview {
	text-align: center;
}
h2 {
	text-align: center;
}
#overview .card {
	display: inline-block;
	width: 18rem;
	margin: 4px;
}
#overview .card > .card-img-top {
	width: 10vh;
	padding-top: 1.25rem;
}
#specialdayblock {
	margin: 20px auto;
	width: 288px;
}
#specialdayblock > div {
	display: grid;
}
#specialdayblock > div > input {
	margin-bottom: 8px;
}
#schooldata {
	margin: 20px;
	padding: 12px;
	background-color: #FF4040;
	text-align: center;
	line-height: 10px;
}
.hide {
	display: none;
}
@media only screen and (min-width: 769px) {
	.onlyMobile {
		display: none;
	}
	#checkinbox {
		padding: 0 calc(120px + 1rem);
	}
}
@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	.column {
		flex: 100%;
	}
	.onlyBigDevice {
		display: none;
	}
	.lang img {
		width: 80%;
	}
	#navbar-logo {
		position: relative;
		width: auto;
		height: 50px;
	}
	.navbar-brand {
		margin-right: initial;
	}
	#shortTopText {
		margin-left: initial;
	}
	#specialdayblock {
		margin: 20px auto;
  		max-width: 288px;
	}
}
@media only screen and (max-width: 1038px) {
	/* For small devices: */
	#top-navbar-items {
		padding-left: 120px;
	}
	#navbarMain {
		margin-left: 120px;
	}
	.navbar-brand{
		display: block ruby;
	}
}