@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
body {
	font-family: 'Roboto', sans-serif;
}
a, a:link, a:hover, a:visited {
	text-decoration: none;
	outline: none;
	color: #1287B4;
}

#main {
	background-image: url('/assets/images/background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	min-height: 300px;
}

.rounded {
	border-radius: 50% !important;
}

.table-danger, .table-danger > td, .table-danger > th {
	background-color: #cc0000;
	color: #fff;
}
.table-info, .table-info > td, .table-info > th {
	background-color: #3465a4;
	color: #fff;
}
.table-warning, .table-warning > td, .table-warning > th {
	background-color: #f57900;
	color: #fff;
}
td {
	vertical-align: middle;
}
#cookie_consent_banner {
	position: fixed;
	left: 0;
	bottom:0;
	width: 100%;
	background-color: #f3f3f3;
	color: #000000;
	z-index: 9999999;
	padding: 1rem;
	opacity: 0.9;
}
#cookie_consent_banner a {
	color: #0c4262;
}
a#cookie_consent_btn {
	color: #ffffff;
	text-transform: uppercase;
	background-color: #0c4262;
}

.form-floating > .form-control::placeholder {
    color: revert;
}

.form-floating > .form-control:not(:focus)::placeholder {
    color: transparent;
}

.form-control-lg {
	min-height: calc(1.5em + 1.25rem);
	padding: 1rem;
	font-size: 1.25rem;
	border-radius: 0;
}
.btn-lg, .btn-group-lg > .btn {
	--bs-btn-border-radius: 0;
}

table {
	table-layout: fixed !important;
}
#mainNav {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.navbar-nav {
	--bs-nav-link-padding-y: 0 !important;
}
#footer_nav {
    display: table;
    width: 100%;
    margin: 0;
}
#footer_nav > li {
    float: none;
    display: table-cell;
    text-align: center;
}

.page-section {
	padding: 1rem 0;
}

.linkLogo {
	width: 150px;
}

#page-top {
	min-height: 50vh;
}

@media only screen and (max-width: 768px) {
	td, th, li {
		font-size: 14px;
	}
	h3, h4, p, .btn {
		font-size: 16px !important;
	}
	.linkLogo {
		display: none !important;
	}
	.hidexs {
		display: none;
	}
}
@media only screen and (max-width: 320px) {
	.navbar-brand img {
		width: 100px;
	}
}