html, body {
	width: 100%;
	height: 100%;
}
body {
	background-color: #0A0F1A !important;
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url('/assets/images/background.jpeg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
	color: #deddda !important;
}
.modal-content {
	background-color: #0a0f1a !important;
	color: #deddda !important;
}
section, .row, .container, .bg-light, .bg-white, .card, .list-group-item, table, tbody, thead, tr, td, th {
	background-color: transparent !important;
}
.page-section {
	min-height: 50vh;
}
.btn-primary {
	background-color: #0d6efd !important;
	border: 1px solid #0d6efd !important;
	color: #ffffff !important;
}
.btn-success {
	background-color: #00bc05 !important;
	border: 1px solid #00bc05 !important;
	color: #ffffff !important;
}
.btn-secondary {
	background-color: #0A0F1A !important;
	border: 1px solid #0A0F1A !important;
	color: #ffffff !important;
}
.btn-info {
	background-color: #7DF9FF;
	border: 1px solid #7DF9FF !important;
	color: #121212 !important;
}
.btn-danger {
	background-color: #ff0000;
	border: 1px solid #ff0000 !important;
	color: #ffffff !important;
}
.btn-warning {
	background-color: #f8e45c;
	border: 1px solid #f8e45c !important;
	color: #241f31 !important;
}
#mainNav, .dropdown-menu {
	background-color: #22333b !important;
	background-image: linear-gradient(to bottom, #22333b, #0c4262);
}
.dropdown-item:hover {
	background: transparent !important;
}
.text-dark, p, li, th, td, h1, h2, h3, h4, h5, h6, .card-body {
	color: #E0E0E0 !important;
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-variation-settings: "wdth" 100;
}
a, a:hover a:visited, a:focus {
	color: #ffffff !important;
}
.card {
	border-color: #888888;
}
.alert > a {
	color: #22333b !important;
}
.alert-danger {
	color: red !important;
	border: 1px solid red;
	background-color: #ffffff !important;
}
.alert-warning {
	color: orange !important;
	border: 1px solid orange;
	background-color: transparent !important;
}
.alert-success {
	color: green !important;
	border: 1px solid green;
	background-color: #ffffff !important;
}
.alert-info {
	color: #62a0ea !important;
	border: 1px solid #99c1f1;
	background-color: transparent !important;
}
.text-danger {
	color: #ff3b03 !important;
}
.text-success {
	color: #00bc05 !important;
}
.text-warning {
	color: #f5c211 !important;
}
.form-control, .form-control:focus {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #121212 !important;
    background-clip: padding-box;
    border: 1px solid #888888;
}
::placeholder {
	color: #ffffff !important;
	opacity: 1;
}

::-ms-input-placeholder {
	color: #ffffff !important;
}
.pointer {
	cursor: pointer;
}
.borderless {
	border: none;
}
.card-link, .card-link:hover {
	text-decoration: none !important;
	cursor: pointer;
}

#cookie_consent_banner {
	position: fixed;
	left: 0;
	bottom:0;
	width: 100%;
	background-color: #3d3846;
	color: #000000;
	z-index: 9999999;
	padding: 1rem;
	opacity: 0.9;
}
#whatsapp_btn {
	position: fixed;
	left: 15px;
	bottom: 15px;
	z-index: 10001;
}
.btn-close {
    filter: invert(0.5) sepia(0.5) 
    saturate(5) hue-rotate(175deg);
}