body, html{
	width: 100vw;
	height: 100vh;
	margin: 0;
}

body *{
	font-family: Calibri;
}

.wim_default_window_wrapper{
	position: absolute;
	width: 100vw;
	height: 100vh;
	overflow-y: hidden;
}

.wim_default_window{
	position: absolute;
	
	width: 100vw;
	height: 56.25vw;
	
	min-width: 177.78vh;
	min-height: 100vh;
	
	top: 50%;
	transform: translateY(-50%);
}

input[type="text"]{
	outline: none;
	border: none;
}

input[type="text"]:not( .text_submit input ){
	height: 35px;
	padding-left: 0.7em;
	padding-right: 0.7em;
}

.wrongInput, .wrongInput input{
	color: red;
}

.rightInput, .rightInput input{
	color: LightGreen;
}

.light_blue_text{
	color: #a1d6e1;
}

.blue_text{
	color: #007fd0
}

.url{
	cursor: pointer;
	text-decoration: underline;
}

/* Navigation buttons */
.submitButton{
	color: white;
	text-transform: uppercase;
	
	margin-right: 0.15em;
	
	margin-top: 0.7em;
	background-color: #1175c9;
	border: 0.1em solid white;

}
						
/* Custom submitfield */
input[type="submit"], .video_button{
	cursor: pointer;
}

.text_submit{
	--height: 35px;
	
	position: relative;
	display: inline-block;
	background-color: white;
	
	padding: 0.6%;
	
	width: 98.8%;
}

.text_submit .input_text{
	position: absolute;
	
	top: 0;
	left: 2%;
	
	width: calc( 98% - 35px );
	height: 100%;
}

.text_submit .custom_submit{
	background-image: url('/IMG/global/submitArrow.png');
	background-size: contain;
	
	width: 35px;
	height: 0;
	padding-top: 35px;
	
	float: right;
}

.text_submit input{
	border: none;
	padding: 0;
	outline: none;
}

/* Textballoon */
.textBalloon{
	position: absolute;
	
	box-sizing: border-box;
	
	padding: 5%;
	
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
	
	width: calc(90% - 1vw);
	background-color: white;
	
	border-radius: 8px;
}

.textBalloon .arrow{
	position: absolute;
	
	top: 50%;
	left: 0;
	transform: translate(-95%, -50%);
	
	border-top: 0.8vw solid transparent;
	border-bottom: 0.8vw solid transparent;
  
	border-right: 1vw solid white;
	display: inline-block;
}

.textBalloon .balloonTitle{
	font-weight: 600;
}

.textBalloon span{
	white-space: pre-line;
}

/* Dashboard */

#dashBoard{
	position: absolute;
	
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	background-image: url( '../IMG/dashBoard/dashboard.jpg' );
	background-size: cover;
	
	z-index: -1;
}

/* Scrollbar */
.custom_scroll{
	/*Firefox scrollbar*/
	scrollbar-color: rgba(200, 200, 200, 0.6) transparent;
	scrollbar-width: thin;
}

.custom_scroll::-webkit-scrollbar{
	width: 8px;
}

.custom_scroll::-webkit-scrollbar-track{
	background: transparent;
}

.custom_scroll::-webkit-scrollbar-thumb{
	background: rgba(200, 200, 200, 0.6);
	border-radius: 4px;
}

.custom_scroll::-webkit-scrollbar-thumb:hover{
  background: #C8C8C8;
}

/*Default*/
button{
	cursor: pointer;
}

@font-face {
  font-family: PressStart2P;
  src: url( ../Fonts/PressStart2P-Regular.woff );
}

@font-face {
  font-family: Calibri;
  src: url( ../Fonts/Calibri.woff );
}

@font-face {
  font-family: Noteworthy;
  src: url( ../Fonts/Noteworthy.woff );
}

/* Font sizes */ 

.medium_title{
	font-size: 23px;
	font-size: 4vh;
}

.small_title{
	font-size: 16px;
	font-size: 2.8vh;
}

.big_title{
	font-size: 29px;
	font-size: 5vh;
}

.small_text{
	font-size: 9px;
	font-size: 1.6vh;
}

.small_balloon_text{
	font-size: 8px;
	font-size: 1.4vh;
}

.small_phone_text{
	font-size: 6px;
	font-size: 1vh;
}

.medium_text{
	font-size: 11px; /* 17px */
	font-size: 1.95vh;
}

.submitButton{
	font-size: 15px;
	font-size: 2.6vh;
}

@media screen and ( min-aspect-ratio: 1778/1000 ){
	.medium_text{
		font-size: 1.1vw; /* 17px */
	}
	
	.small_title{
		font-size: 1.6vw;
	}
	
	.small_text{
		font-size: 0.9vw;
	}
	
	.small_balloon_text{
		font-size: 0.78vw;
	}
	
	.small_phone_text{
		font-size: 0.6vw;
	}
	
	.submitButton{
		font-size: 1.5vw;
	}
	
	.medium_title{
		font-size: 2.3vw;
	}
	
	.big_title{
		font-size: 2.9vw;
	}
}

.shadow{
	/*filter: blur( 0.005em );*/
	text-shadow: 0px 0px 0.15em rgba(17, 107, 144, 0.65), 0px 0px 0.3em rgba(17, 107, 144, 0.65), 0px 0px 0.45em rgba(17, 107, 144, 0.65);
}