@import url('../lib/open-iconic/font/css/open-iconic-bootstrap.min.css');

:root {
	--beige: #d3d2cb;
	--warning: #f0cd66;
	--primary: #10111e;
	--theme-dark: #223645;
	--theme-dark-1: #10111e;
	--theme-background: #f4f9fc;
	--theme-primary: #fecd1a;
	--theme-secondary: #fecd1a;
	--theme-light-blue: #b1c9ec;
	--theme-blue: #4eb5f1;
}

* {
	position: relative;
}

html, body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

html {
	font-size: 14px;
	position: relative;
	min-height: 100%;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

body {
	background-color: #f4f9fc;
	background: #f4f9fc;
	min-height: 100vh;
	min-width: 100vw;
}


h1:focus {
	outline: none;
}

a, .btn-link {
	color: #0071c1;
}

.btn-primary {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
	box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
	padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
	outline: 1px solid #26b050;
}

.invalid {
	outline: 1px solid red;
}

.validation-message {
	color: red;
}