@font-face {
	font-family: "Futura";
	src: url("../fonts/futura/Futura.eot");
	src: url("../fonts/futura/Futura.eot?#iefix") format("embedded-opentype"), url("../fonts/futura/Futura.woff2") format("woff2"), url("../fonts/futura/Futura.woff") format("woff"), url("../fonts/futura/Futura.ttf") format("truetype"),
		url("../fonts/futura/Futura.svg#Futura") format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Futura Bold";
	src: url("../fonts/futura/Futura-Bold.eot");
	src: url("../fonts/futura/Futura-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/futura/Futura-Bold.woff2") format("woff2"), url("../fonts/futura/Futura-Bold.woff") format("woff"),
		url("../fonts/futura/Futura-Bold.ttf") format("truetype"), url("../fonts/futura/Futura-Bold.svg#Futura-Bold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Futura Heavy";
	src: url("../fonts/futura/Futura-Heavy.eot");
	src: url("../fonts/futura/Futura-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/futura/Futura-Heavy.woff2") format("woff2"), url("../fonts/futura/Futura-Heavy.woff") format("woff"),
		url("../fonts/futura/Futura-Heavy.ttf") format("truetype"), url("../fonts/futura/Futura-Heavy.svg#Futura-Heavy") format("svg");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

body {
	background-color: #f5f5f5;
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	color: #404040 !important;
	text-align: left;
	min-height: 100vh;
}
header {
	text-align: right;
	padding-top: 20px;
}

/* NAVBAR */
.navbar {
	background-color: #f5f5f5;
	margin: 1%;
}
.navbar-brand {
	font-family: "Futura";
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
	color: #4a4a4a !important;
	padding: 20px;
}
.navbar-brand span {
	font-size: 1em;
	font-weight: 900 !important;
	text-align: center !important;
	margin-left: 10%;
}
.nav-link {
	font-family: "Futura";
	font-weight: 500;
	color: #404040 !important;
}
#navBarShell {
	text-align: right;
}
#navBarShell #logout-desktop {
	padding: 1% !important;
}
#header-logo {
	width: 100%;
}

/* CONTAINER */
.container {
	padding-top: 2%;
}

/*****************************/
/********** BUTTONS **********/
/*****************************/
.btn-shell {
	font-family: "Futura";
	font-weight: bold;
	font-style: normal;
	width: 100%;
	color: #ffffff !important;
	background-color: #dd1d21;
	border: 0px;
	border-radius: 0.25rem;
	padding: 2% !important;
	margin-bottom: 10px;
}
.btn-shell:hover,
.btn-shell:focus,
.btn-shell:active {
	background-color: #ffffff;
	border-color: #dd1d21;
	border-style: solid;
	border-width: 1px;
	color: #dd1d21 !important;
}

.btn-shell-2 {
	font-family: "Futura";
	font-weight: bold !important;
	font-style: normal;
	font-size: 14px;
	width: 100%;
	color: #ffffff !important;
	background-color: #fbce07;
	border: 0px;
	border-radius: 0.25rem;
	padding: 2% !important;
	margin-bottom: 10px;
}
.btn-shell-2:hover,
.btn-shell-2:focus,
.btn-shell-2:active {
	background-color: #ffffff;
	border-color: #fbce07;
	border-style: solid;
	border-width: 1px;
	color: #fbce07 !important;
}

#buttons {
	padding-top: 3%;
}

.shell-help {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	font-size: 14pt;

	color: #595959 !important;
}
#help {
	padding-top: 3%;
}

.btn-shell-sm {
	font-family: "Futura";
	font-weight: bold;
	font-style: normal;
	font-size: 1.7vw;
	width: 100%;
	color: #dd1d21 !important;
	background-color: #fbce07;
	border: 0px;
	border-radius: initial !important;
	padding: 10px !important;
	margin-bottom: 10px;
}
.btn-shell-sm:hover,
.btn-shell-sm:focus,
.btn-shell-sm:active {
	background-color: #ffffff;
	border-color: #dd1d21;
	border-style: solid;
	border-width: 2px;
	color: #dd1d21 !important;
}

#forget-password {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	font-size: 12pt;
	color: #404040;
}
#terms-btn {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	font-size: 12pt;
	color: #404040;
}
#terms-btn:after {
	content: url("../icons/icon-toggle-newwindow.svg");
}
.terminos {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	color: #404040;
}
.terminos:after {
	content: url("../icons/icon-toggle-newwindow.svg");
}
.linkShell {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	color: #404040;
}

/*.shell-help-sm {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	font-size: 10pt;
	margin-bottom: 0px !important;
	color: #DD1D21 !important;
}*/

/****************************/
/*********** FORM ***********/
/****************************/
label {
	font-family: "Futura";
	font-weight: 500;
	color: #404040;
}

option:hover {
	color: #ffffff;
	background-color: #003c88;
}

#carga_especialistas > .bootstrap-select {
	border: 1px solid #ced4da !important;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #212529 !important;
}

.bootstrap-select {
	border: 1px solid #ced4da !important;
}
.bootstrap-select .dropdown-item:focus,
.dropdown-item:hover {
	background-color: #fbce07;
}

.bootstrap-select .dropdown-item:active {
	background-color: #fbce07;
}
.bootstrap-select .dropdown-item.active {
	background-color: #fbce07;
}

.select-shell option:focus, option:hover {
	background-color: #fbce07;
}
.select-shell option:active {
	background-color: #fbce07;
}

/* Chrome/Opera/Safari */
::-webkit-input-placeholder {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

/* Firefox 19+ */
::-moz-placeholder {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

/* IE 10+ */
:-ms-input-placeholder {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

/* Firefox 18- */
:-moz-placeholder {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

/* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

/* Microsoft Edge */
::-ms-input-placeholder {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	color: #a6a6a6;
	/*font-size: 15pt;*/
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #595959;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #595959;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #595959;
}

/*****************************/
/********* HEADLINES *********/
/*****************************/
h1 {
	font-family: 'Futura';
	font-weight: bold;
	font-size: 40pt;
}
h2 {
	font-family: "Futura";
	font-weight: bold;
	font-style: normal;
	font-size: 20pt;
	color: #404040 !important;
	text-align: center;
	letter-spacing: 1px;
	line-height: 30pt;
	margin: 15px 0 30px 0;
}
h3 {
	font-family: "Futura";
	font-weight: bold;
	font-style: ;
	font-size: 20pt;
	color: #404040 !important;
	text-align: left;
}
h3 b {
	font-family: "Futura";
	font-weight: bold;
	font-style: normal;
	font-size: 30pt;
	color: #404040 !important;
}
h4 {
	padding-top: 3%;
	font-family: "Futura";
	font-weight: bold;
	font-style: normal;
	color: #404040 !important;
	text-align: center;
}
h5 {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	color: #404040;
}
h6 {
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	color: #404040;
}
p {
	font-size: 18px;
}
span {
	display: inline-block;
}

.lead {
	font-family: 'Futura';
	font-weight: bolder;
	font-size: 17pt;
}

#banner {
	background-image: url("/public/images/banner/Banner-VOC-Q4-.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #dd1d21;
	height: 15vh;
}
#banner-text {
	padding: 25px;
	margin: 10px;
	color: #ffffff;
	/*background-color: #FFF4CF !important;*/
}
#banner-title {
	font-family: "Futura";
	font-weight: bold;
	font-style: normal;
	font-size: 16pt !important;
	color: #ffffff !important;
}

/* SITE STYLE */
.filter-option-inner-inner {
	color: #595959 !important;
}

/****************************/
/********** ALERTS **********/
/****************************/
.alert-danger {
	color: #ffffff !important;
	background-color: #dd1d21 !important;
	border-color: #dd1d21 !important;
}
.alert-warning {
	color: #404040 !important;
	background-color: #fbce07 !important;
	border-color: #fbce07 !important;
}
.btn-slider {
	font-weight: 500;
	width: initial !important;
	text-transform: initial !important;
}

.winners-title {
	text-transform: uppercase;
	font-family: "Futura";
	font-weight: bold;
	font-style: normal;
	font-size: 3.3vw;
	color: #404040;
}

#week-winners {
	text-transform: uppercase;
	font-family: "Futura";
	font-weight: bold;
	font-style: normal;
	font-size: 2vw;
	overflow: hidden;
	text-align: center;
	color: #404040;
}
#week-winners:before,
#week-winners:after {
	background-color: #ffffff;
	content: "";
	display: inline-block;
	height: 3px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}
#week-winners:before {
	right: 0.5em;
	margin-left: -50%;
}
#week-winners:after {
	left: 0.5em;
	margin-right: -50%;
}

#carouselWinners .table {
	width: 60%;
	margin-left: 20%;
}

th {
	text-transform: uppercase;
	font-family: "Futura";
	font-weight: bold;
	font-style: normal;
	font-size: 2.2vh;
	color: #dd1d21;
}
td {
	text-transform: uppercase;
	font-family: "Futura";
	font-weight: 500;
	font-style: normal;
	font-size: 2.8vh;
	color: #404040;
}

.icon-new-window {
	content: url("/public/icons/icon-toggle-newwindow.svg");
	/*filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);*/
}
.underline-yellow {
	--color: #fbce07;
	--position: center bottom;
	--width: 35%;
	--height: 5px;
	background: linear-gradient(var(--color), var(--color)) var(--position) / var(--width) var(--height) no-repeat;
	padding-bottom: 10px;
}

.points_title {
	font-size: 4vw;
	letter-spacing: 0.3vw;
}
.points_result {
	font-size: 3vw;
	color: #404040 !important;
	text-transform: uppercase;
	text-align: justify;
	letter-spacing: 0.3vw;
}
.points_result b {
	font-size: 3vw;
}

.carousel-control-next,
.carousel-control-prev {
	width: 5% !important;
}

.carousel-control-next > img,
.carousel-control-prev > img {
	width: 75% !important;
}
.carousel-caption {
	background: #ffffff;
	padding: 5px 5px 5px 10px;
	margin-bottom: 10px;
	color: #404040 !important;
}
.carousel-caption .title {
	text-transform: uppercase;
	/*color: #000000 !important;*/
}

/*.carousel-caption .description {
	color: #000000 !important;
}*/

.promo-info {
	width: 40%;
	left: 5%;
	text-align: left !important;
}
.promo-info h1 {
	color: #000000;
	text-align: left;
	font-size: 3vw !important;
	text-transform: initial !important;
}

/********************************************/
/*********** SHELL COLORS PALLETE ***********/
/********************************************/
.text_yellow {
	color: #fbce07 !important;
}
.text_red {
	color: #dd1d21 !important;
}
.text_grey {
	color: #404040 !important;
}
.text_black {
	color: #000000 !important;
}
.text_dark_grey {
	color: #595959 !important;
}
.text_very_dark_grey {
	color: #40404040 !important;
}
.text_mid_grey {
	color: #7f7f7f !important;
}
.text_light_grey {
	color: #a6a6a6 !important;
}
.text_pale_grey {
	color: #d9d9d9 !important;
}
.text_ver_pale_grey {
	color: #f7f7f7 !important;
}

.text_light_blue {
	color: #89cfdc !important;
}
.text_mid_blue {
	color: #009eb4 !important;
}
.text_dark_blue {
	color: #003c88 !important;
}
.text_lilac {
	color: #ba95be !important;
}
.text_purple {
	color: #641964 !important;
}
.text_sand {
	color: #ffeac2 !important;
}
.text_orange {
	color: #eb8705 !important;
}
.text_brown {
	color: #743410 !important;
}
.text_light_green {
	color: #bed50f !important;
}
.text_dark_green {
	color: #008443 !important;
}

label.error {
	color: #dd1d21;
	font-size: 1rem;
	display: block;
	margin-top: 5px;
}
input.error {
	border: 1px dashed #dd1d21;
	font-weight: 300;
	color: #dd1d21;
}
textarea.error {
	border: 1px dashed #dd1d21;
	font-weight: 300;
	color: #dd1d21;
}
select.error {
	border: 1px dashed #dd1d21;
	font-weight: 300;
	color: #dd1d21;
}

.btn.focus,
.btn:focus {
	background-color: #fff;
	border-color: #dd1d21;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(222 29 33 / 25%) !important;
}
.form-control:focus {
	background-color: #fff;
	border-color: #dd1d21;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(222 29 33 / 25%) !important;
}

.page_bottom_red {
	border-top: 0;
	border-bottom: 0.1875rem solid #dd1d21;
	display: inline-block;
	text-align: center;
	width: 50%;
}
.page_bottom_yellow {
	border-top: 0;
	border-bottom: 0.1875rem solid #fbd336;
	display: inline-block;
	text-align: center;
	width: 50%;
}
.page_bottom_gray {
	border-top: 0;
	border-bottom: 0.1875rem solid #404040;
	display: inline-block;
	text-align: center;
	width: 50%;
}

/* 2024 Q2 - THEME */
.card {
	border-radius: 2.25rem !important;
	border: 0px !important;
}
.card-header {
	background-color: #FFC600 !important;
	border-radius: 2.25rem 2.25rem 0 0 !important;
	border: 0px !important;
}
.card-footer {
	background-color: #FFFFFF;
	border: 0px;
}

/* MOBILES */
@media only screen and (max-width: 668px) {
	h2 {
		font-family: "Futura";
		font-weight: bold;
		font-style: normal;
		font-size: 20pt;
		color: #404040 !important;
		text-align: center;
		letter-spacing: 1px;
		line-height: 35pt;
		margin: 15px 0 30px 0;
	}

	.lead {
		font-family: "Futura";
		font-weight: bold;
		font-style: normal;
		font-size: 16pt;
		color: #404040 !important;
		text-align: center;
		letter-spacing: 1px;
		line-height: 18pt;
		margin: 15px 0 30px 0;
	}

	.navbar {
		padding: 0.5rem 0.5rem !important;
		margin: 0 !important;
	}
	.navbar-nav {
		text-align: right;
	}
	.navbar-brand img {
		width: 35px;
	}
	.navbar-brand span {
		font-size: 1em;
		font-weight: 100 !important;
		text-align: center !important;
		margin-left: 10%;
	}

	#navBarShell #logout-desktop {
		display: none !important;
	}
	#navBarShell #logout-mobile {
		left: 50%;
		position: relative;
		width: 50% !important;
		text-align: center;
	}

	.btn-shell {
		font-size: 4vw;
	}
	.btn-shell-sm {
		font-size: 4vw;
	}
	#btn-whatsapp {
		font-size: 4.5vw;
	}

	.winners-title h1 {
		font-size: 3.3vh;
	}
	#week-winners {
		font-size: 3vh;
	}

	td {
		font-size: 1.8vh;
	}

	#carouselWinners .table {
		width: 88%;
		margin-left: 9%;
	}
	.carousel-control-next,
	.carousel-control-prev {
		width: 9% !important;
	}

	.btn-shell-2 {
		font-size: 12pt;
	}

	.page_bottom_red {
		width: 85%;
	}
}
@media only screen and (max-width: 668px) and (orientation: landscape) {
	.navbar span {
		font-size: 2.2vw;
		text-align: left !important;
	}
}

/* TABLETS */
@media only screen and (min-width: 668px) and (max-width: 992px) {
	.navbar-brand img {
		width: 35px;
	}
}

/* DESKTOP */
@media only screen and (min-width: 992px) and (max-width: 1312px) {
}
@media only screen and (min-width: 992px) {
	#navBarShell {
		display: block !important;
		text-align: right;
	}
	#navBarShell #logout-desktop {
		display: initial !important;
	}
	#navBarShell #logout-mobile {
		display: none !important;
	}

	.navbar-brand img {
		width: 45px;
	}
}

/* WINNERS */
@media (orientation: portrait) {
}
@media (orientation: landscape) {
}
@media only screen and (min-width: 775px) and (max-width: 1086px) {
	.carousel-caption {
		bottom: 0% !important;
	}

	.promo-info h1 {
		font-size: 2.5vw !important;
	}
}
@media only screen and (min-width: 775px) {
	#promotions-lg {
		display: initial;
	}

	#promotions-sm {
		display: none;
	}
}
@media only screen and (max-width: 775px) {
	#promotions-lg {
		display: none !important;
	}
	#promotions-sm {
		display: initial !important;
	}
}

/*For iPhone 12 and 13*/

/* 
	* iPhone 12/13 mini
	* 2340x1080 pixels at 476ppi 
*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	#banner-text {
		padding: 25px;
		margin: 10px;
		color: #ffffff;
	}

	#banner-title {
		font-family: "Futura";
		font-weight: bold;
		font-style: normal;
		font-size: 16pt !important;
		color: #ffffff !important;
	}
}

/* 
	* iPhone 12/13 and iPhone 12/13 Pro
	* 2532x1170 pixels at 460ppi 
*/
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
	#banner-text {
		width: 65vw !important;
	}
}

/* 
	* iPhone 12/13 Pro Max
	* 2778x1284 pixels at 458ppi 
*/
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
	#banner-text {
	}
}

/* Older iPhones (X, Xs, XR and 11) */

/* iPhone 11 */
/* This media query is used for: iPhone 11 and iPhone XR */
/* 1792x828px at 326ppi */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
	#banner-text {
		width: 65vw !important;
	}
}

/* iPhone 11 Pro */
/* This media query is used for: iPhone 13 mini, iPhone 12 mini, iPhone 11 Pro, iPhone Xs, and iPhone X */
/* 2436x1125px at 458ppi */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	#banner-text {
		width: 65vw !important;
	}
}

/* iPhone 11 Pro Max */
/* This media query is used for: iPhone 11 Pro Max and iPhone Xs Max */
/* 2688x1242px at 458ppi */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
	#banner-text {
	}
}

/* iPhone SE */
/* This media query is used for: iPhone SE */
/* 640px × 1136px at 326ppi */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
	#banner-text {
		width: 65vw !important;
		margin: 0 !important;
	}
}