:root {
	--color-primary: #1e5686;
	--primary-hover: #0f5da1;
}
html {
	font-size: 14px;
}

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

html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px;
}

.section-padding {
	padding-top: 100px;
}
:root {
	--off-canvas-width: 300px;
}

.hide {
	display: none;
}

.btn-primary {
	color: #fff !important;
	background-color: transparent !important;
	border-color: #fff !important;
}
.btn-primary:hover {
	color: #fff !important;
	background-color: #113a40 !important;
	border-color: #113a40 !important;
}

.login-form h2 {
	text-align: center;
}

#alertElement {
	margin-top: 15px;
}

a {
	color: var(--color-primary);
}
a:hover {
	color: var(--primary-hover);
}