/*@import 'https://fonts.googleapis.com/css?family=Montserrat:wght@100;300;400;500;700;800;900|Roboto+Condensed|Roboto';*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;700;800;900&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');

:root{
	--color-believe:#86d0e0
}

.fondoSurfSchedule{
	inset: 0px;
	position: fixed;
	background: url(../imgs/fondo_yoga.png);
}

.slide-in-blurred-top-in {
	-webkit-animation: slide-in-blurred-top-in 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	animation: slide-in-blurred-top-in 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

.slide-out-blurred-top {
	-webkit-animation: slide-out-blurred-top 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
	        animation: slide-out-blurred-top 0.45s cubic-bezier(0.755, 0.050, 0.855, 0.060) both;
}

@-webkit-keyframes slide-out-blurred-top {
	0% {
	  -webkit-transform: translateY(0) scaleY(1) scaleX(1);
			  transform: translateY(0) scaleY(1) scaleX(1);
	  -webkit-transform-origin: 50% 0%;
			  transform-origin: 50% 0%;
	  -webkit-filter: blur(0);
			  filter: blur(0);
	  opacity: 1;
	}
	100% {
	  -webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
			  transform: translateY(-1000px) scaleY(2) scaleX(0.2);
	  -webkit-transform-origin: 50% 0%;
			  transform-origin: 50% 0%;
	  -webkit-filter: blur(40px);
			  filter: blur(40px);
	  opacity: 0;
	}
  }

  @keyframes slide-out-blurred-top {
	0% {
	  -webkit-transform: translateY(0) scaleY(1) scaleX(1);
			  transform: translateY(0) scaleY(1) scaleX(1);
	  -webkit-transform-origin: 50% 0%;
			  transform-origin: 50% 0%;
	  -webkit-filter: blur(0);
			  filter: blur(0);
	  opacity: 1;
	}
	100% {
	  -webkit-transform: translateY(-1000px) scaleY(2) scaleX(0.2);
			  transform: translateY(-1000px) scaleY(2) scaleX(0.2);
	  -webkit-transform-origin: 50% 0%;
			  transform-origin: 50% 0%;
	  -webkit-filter: blur(40px);
			  filter: blur(40px);
	  opacity: 0;
	}
  }

@-webkit-keyframes slide-in-blurred-top-in {
	0% {
		-webkit-transform: translateY(-100px) scaleY(2.5) scaleX(0.2);
		transform: translateY(-100px) scaleY(2.5) scaleX(0.2);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		display: none;
	}

	100% {
		-webkit-transform: translateY(0) scaleY(1) scaleX(1);
		transform: translateY(0) scaleY(1) scaleX(1);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-filter: blur(0);
		filter: blur(0);
		display: flex;
	}
}

@keyframes slide-in-blurred-top-in {
	0% {
		-webkit-transform: translateY(-100px) scaleY(2.5) scaleX(0.2);
		transform: translateY(-100px) scaleY(2.5) scaleX(0.2);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		display: none;
	}

	100% {
		-webkit-transform: translateY(0) scaleY(1) scaleX(1);
		transform: translateY(0) scaleY(1) scaleX(1);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-filter: blur(0);
		filter: blur(0);
		display: flex;
	}
}

.slide-in-blurred-top-out {
	-webkit-animation: slide-in-blurred-top-out 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) reverse both;
	animation: slide-in-blurred-top-out 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) reverse both;
}

@-webkit-keyframes slide-in-blurred-top-out {
	0% {
		-webkit-transform: translateY(-100px) scaleY(2.5) scaleX(0.2);
		transform: translateY(-100px) scaleY(2.5) scaleX(0.2);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		opacity: 0;
		height: 0px;
		display: none;
	}

	100% {
		-webkit-transform: translateY(0) scaleY(1) scaleX(1);
		transform: translateY(0) scaleY(1) scaleX(1);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
		height: 33px;
		display: flex;
	}
}

@keyframes slide-in-blurred-top-out {
	0% {
		-webkit-transform: translateY(-100px) scaleY(2.5) scaleX(0.2);
		transform: translateY(-100px) scaleY(2.5) scaleX(0.2);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		opacity: 0;
		display: none;
	}

	100% {
		-webkit-transform: translateY(0) scaleY(1) scaleX(1);
		transform: translateY(0) scaleY(1) scaleX(1);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
		height: 33px;
		display: flex;
	}
}

.st0_blv{fill:#74C3D5;}
.st0_nau{fill:#B290B7;}

body {
	font-family: 'Roboto', sans-serif;
	color: #666;
	font-weight: 400;

}

.condensed {
	font-family: 'Roboto Condensed', sans-serif;
}

.grilla_surftatistics {
	display: grid;
	grid-template-columns: 1fr ;
	grid-template-rows: 100px 1fr;
	grid-auto-rows: auto;
	grid-gap: 10px;
}


.redondeado {
	border-radius: 10px
}

.redondeado_sm {
	border-radius: 8px
}

.campo {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .40rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
	border: 1px solid #ced4da;
	margin: 5px 0px;
}

.custom_bot{
	border: 2px solid var(--color-believe);
	border-radius: 5px;
	padding: 5px;
	align-items: center;
	cursor: pointer;
}

.custom_bot h5{
	color: var(--color-believe);
	padding: 0px;
	margin: 0px;
}

.custom_bot img{
	max-width: 50px;
	fill: var(--color-believe);
}


.react-autosuggest__container--open .react-autosuggest__input {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
  }
  
    .react-autosuggest__suggestions-container {
	display: none;
  }
  
   .react-autosuggest__container--open .react-autosuggest__suggestions-container {
	display: block;
	position: absolute;
	top: 60px;
	width:'auto'; /*100%;*/
	border: 1px solid #aaa;
	background-color: #fff;
	font-family: Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	z-index: 2;
  }
  
    .react-autosuggest__suggestions-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
  }
  
    .react-autosuggest__suggestion {
	cursor: pointer;
	padding: 10px 10px;
  }
  
   .react-autosuggest__suggestion:not(:first-child) {
	border-top: 1px solid #ddd;
  }
  
   .react-autosuggest__suggestion--focused {
	background-color: #0C7EAF;
	color: #fff;
  }


.mod_panel {
	background-color: #F5F5F5;
	border-radius: 10px;
	padding: 15px;
}

.mod_panel h3{
	font-size: 14px;
}

.mod_panel div{
	
}


.cal_day{
	/*height: 120px;*/
}
.cal_busy{
	border-radius: 5px;
	text-align: "center";
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.calendar_display_header{
	display: flex;
	border-radius: 8px 8px 0px 0px;
	background-color: #e3e4e6;
	padding: 25px 25px;
}

.navbar-toggler,
.navbar-toggler:hover,
.navbar-toggler:focus {
	border: none;
	text-shadow: none !important;
	box-shadow: none;
}


.luz_roja,
.luz_verde,
.luz_believe {
	width: 15px;
	height: 15px;
	margin-top: 3px;
	border-radius: 50%;
	margin-left: 10px;
}

.luz_verde {
	background-color: #38b44a;
}
.luz_believe {
	background-color: var(--color-believe);
}

.luz_roja {
	animation: luz_roja 1s linear infinite;
}

@keyframes luz_roja {
	0% {
		background-color: #999;
	}

	50% {
		background-color: #cc0000;
	}

	100% {
		background-color: #999;
	}
}

.blink {
	color: #999;
	animation: blink 1s linear infinite;
	text-transform: uppercase;
	font-weight: 900;
}

@keyframes blink {
	0% {
		color: #999;
	}

	50% {
		color: #cc0000;
	}

	100% {
		color: #999;
	}
}

.menu_principal {}

.mod_reserva {
	background-color: #F5F5F5;
	border-radius: 10px;
	padding: 15px;
}

.mod_reserva hgroup {
	background-color: #ffffff;
	border-radius: 7px;
	padding: 7px;
	margin-bottom: 10px;
}

b {
	color: #007698
}

.dropdown-toggle::after {
	display: none;
}

.modal {
	background-color: rgba(0, 0, 0, .75);
}

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

.mercados_lista {
	list-style: none;
	padding: 0px;
}


.fondo-dev {
	background-color: #842029 !important;
	color: #fff !important;
}

.fondo-believe {
	background-color: #86d0e0 !important;
	color: #fff !important;
}

.fondo-nautilus {
	background-color: #b390b8 !important;
	color: #fff !important;
}

.color-believe {
	color: #86d0e0 !important;
}

.color-nautilus {
	color: #b390b8 !important;
}




.merdados_fila {}

.naranja {
	color: #86d0e0 !important;
}

.verde {
	color: #009b7a !important;
}

.azul {
	color: #007698 !important;
}

.gris {
	color: #6a737b !important;
}


.white {
	color: #ffffff;
}

.bg_white {
	background-color: #009b7a;
}

.bg_naranja {
	background-color: #86d0e0;
}

.bg_verde {
	background-color: #009b7a;
}

.bg_verde_oscuro {
	background-color: #026167;
}

.bg_azul {
	background-color: #007698;
}

.bg_gris {
	background-color: #6a737b;
}

.bg_gris_claro {
	background-color: rgb(175, 173, 173);
}

.border-verde {
	border-color: #009b7a !important;
}

.border-naranja {
	border-color: #86d0e0 !important;
}

.border-azul {
	border-color: #007698 !important;
}

.border-gris {
	border-color: #6a737b !important;
}

.bg_gris_mid {
	background-color: #F2F2F2
}

.bg_gris_light {
	background-color: #ECECEC
}


.bg_gris_light_over:hover, .bg_gris_light_over:hover b {
	background-color: #4491A9 !important;
	color: #fff !important;
}

.evt_mod{
	padding: 12px !important;
}

.bg_gris_light_svg_over:hover svg, .bg_gris_light_svg_over:hover path {
	fill:#fff !important;
}

.numberwoarrows {
	-moz-appearance: textfield;
}

.numberwoarrows::-webkit-outer-spin-button,
.numberwoarrows::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}


.tuneado,
.tuneado:focus {
	background-color: #86d0e0;
	border: 0;
	outline: 0;
	border: 2px solid #fff;
	font-size: 14px;
	color: #fff;
	border-radius: 0;
	box-shadow: none
}

.tuneado::placeholder {
	color: #f3f3f3;
}

.tuneado_text,
.tuneado_text:focus {
	width: 93%;
	background-color: #86d0e0;
	border: 0;
	outline: 0;
	border: 2px solid #fff;
	font-size: 14px;
	color: #fff;
	margin: 0px 15px;
	border-radius: 0
}

.tuneado2,
.tuneado2:focus {
	background-color: #fff;
	border: 0;
	outline: 0;
	border: 2px solid #86d0e0;
	font-size: 14px;
	color: #999;
	border-radius: 0
}


.react-datepicker-popper {
	z-index: 1000 !important;
}

.react-datepicker-wrapper {
	width: 100%
}

.calendario_bloque_ocupado {
	background-color: #86d0e0;
	border-color: #fff;
	color: #fff;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	text-align: center;
}

.calendario_bloque_ocupado h6 {
	font-size: 12px;
}

.header_sticky {
	/*position: sticky;
	top:100;
	background-color: #ffffff !important;*/
}

.h_sticky {
	position: sticky;
	top: 100px;
	z-index: 99;
	background-color: #ffffff !important;
}

.sticky_top {
	position: fixed;
	top: 15px;
}

.btn-believe {
	border: none !important;
	background-color: #86d0e0;
}

.btn-believe2,
.btn-believe2:focus {
	border: none !important;
	background-color: #076579;
	color: #fff;
	box-shadow: none !important;
	border-color: #076579;
}

.btn-outline-believe2 {
	border: 1px #076579 solid !important;
	background-color: #fff;
	color: #076579;
	box-shadow: none !important;
	border-color: #076579;
}

.btn-nautilus {
	border: none !important;
	background-color: #b390b8
}


@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		display: none;
	}

	.navbar .nav-item:hover .nav-link {}

	.navbar .nav-item:hover .dropdown-menu {
		display: block;
	}

	.navbar .nav-item .dropdown-menu {
		margin-top: 0;
	}

	.react-autosuggest__suggestions-container--open {
		display: block;
		position: absolute;
		top: 51px;
		width: 280px;
		border: 1px solid #aaa;
		background-color: #fff;
		font-family: Helvetica, sans-serif;
		font-weight: 300;
		font-size: 16px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		z-index: 2;
	}

	.react-autosuggest__suggestions-list {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.react-autosuggest__suggestion {
		cursor: pointer;
		padding: 10px 20px;
		font-size: 12px;
	}

	.react-autosuggest__suggestion--highlighted {
		background-color: #ddd;
	}

	.tail-datetime-calendar .calendar-date table {
		width: 100%;
		margin: 0;
		padding: 0;
		border-spacing: 0;
		border-collapse: collapse;
	}

	.tail-datetime-calendar .calendar-date table thead tr>*,
	.tail-datetime-calendar .calendar-date table tbody tr>* {
		color: #ffffff;
		width: 35px;
		height: 35px;
		padding: 0;
		font-size: 12px;
		text-align: center;
		font-weight: normal;
		line-height: 35px;
		border: 0;
		background-color: #86d0e0;
	}

	.tail-datetime-calendar .calendar-date table tbody tr>* {
		color: #303438;
		cursor: pointer;
		position: relative;
		font-size: 14px;
		background-color: #ffffff;
	}

	.tail-datetime-calendar .calendar-date table tbody tr>*>span {
		color: inherit;
		z-index: 10;
		position: relative;
	}

	/* Select a Day */
	.tail-datetime-calendar .calendar-date table tbody tr>*::after {
		top: 3px;
		left: 3px;
		width: 29px;
		height: 29px;
		content: "";
		display: block;
		position: absolute;
		border-width: 1px;
		border-style: solid;
		border-color: transparent;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}

	.navbar-collapse {
		background-color: #fff;
	}

	.link-blanco {
		color: #fff
	}

	.link-blanco:hover {
		color: #fff
	}

	.overlay_video:hover {
		opacity: 0;
	}

	.overlay_video img {
		position: absolute;
		top: 0;
		left: 0;
	}

	.conOver {
		-webkit-transition: 0.6s ease-in-out;
		-moz-transition: 0.6s ease-in-out;
		-o-transition: 0.6s ease-in-out;
		transition: 0.6s ease-in-out;
		opacity: 0;

	}

	.enlace {
		cursor: pointer;
		user-select: none;
	}

	.conOver:hover {
		opacity: 1;
	}

	.monse {
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
	}

	.txt_home_modulo {
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
	}

	.home_modulo>div h3 {
		-webkit-transition: 0.4s ease-in-out;
		-moz-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
		transition: 0.4s ease-in-out;
	}

	.home_modulo>img {
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}


	.home_modulo:hover>div h3 {
		transform: translate(0px, -20px);
	}

	.home_modulo:hover>img {
		filter: blur(3px);
		-webkit-filter: blur(3px);
	}

	.home_modulo {
		width: 100%;
		height: 100%;
	}


	.btn-outline-info,
	.btn-info {
		color: #38b44a;
		border-color: #38b44a;
	}

	.btn-outline-info:hover,
	.btn-info:hover {
		color: #fff;
		background-color: #38b44a;
	}

	.btn-outline-info:not(:disabled):not(.disabled).active,
	.btn-outline-info:not(:disabled):not(.disabled):active,
	.show>.btn-outline-info.dropdown-toggle,
	.btn-info:not(:disabled):not(.disabled).active,
	.btn-info:not(:disabled):not(.disabled):active,
	.show>.btn-info.dropdown-toggle {
		color: #fff;
		background-color: #38b44a;
		border-color: #38b44a;
	}

	.btn-info {
		color: #fff;
		background-color: #38b44a;
	}

	.btn-info:hover {
		color: #38b44a;
		border-color: #38b44a;
		background-color: #fff;
	}

	.btn-info:not(:disabled):not(.disabled).active,
	.btn-info:not(:disabled):not(.disabled):active,
	.show>.btn-info.dropdown-toggle {
		color: #fff;
		background-color: #38b44a;
		border-color: #38b44a;
	}

	.owl-carousel .slide00 {
		background-image: url(../imgs/slider_agricultura.png);
	}

	.owl-carousel .slide01 {
		background-image: url(../imgs/slider_analisis.png);
	}

	.owl-carousel .slide02 {
		background-image: url(../imgs/slider_ganaderia.png);
	}

	.owl-carousel .slide03 {
		background-image: url(../imgs/slider_silos.png);
	}

	.owl-carousel .slide04 {
		background-image: url(../imgs/slider_viaje.png);
	}

	/*--- OWL CAROUSEL ---*/

	.owl-carousel.home .slide {
		/*height: 85vh;*/
		min-height: 500px;
		background-position: center;
		background-size: cover;
		display: flex;
		align-items: center;
		/*justify-content: center;*/
	}

	.owl-carousel.box,
	.owl-carousel.box .owl-stage-outer,
	.owl-carousel.box .owl-stage,
	.owl-carousel.box .owl-item,
	.owl-carousel.box .slide {
		height: 100%;
	}

	.owl-carousel.box .slide {
		height: 100%;
		background-position: center;
		background-size: cover;
		display: flex;
		align-items: center;
		/*justify-content: center;*/
	}

	.owl-nav {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.owl-dots {
		text-align: center;
		position: absolute;
		bottom: 15px;
		width: 100%;
		margin: 0;
	}

	.owl-dots .owl-dot {
		display: inline-block;
	}

	.owl-dots .owl-dot span {
		display: block;
		width: 15px;
		height: 15px;
		margin: 6px;
		border-radius: 100%;
		background: rgba(255, 255, 255, 0.5);
	}

	.owl-dots .owl-dot.active span,
	.owl-theme .owl-controls.clickable .owl-page:hover span {
		background: rgba(255, 255, 255, 1);
	}

	.owl-nav div {
		opacity: 1;
		position: absolute;
		padding: 0;
		height: 40px;
		width: 40px;
		overflow: hidden;
		display: inline-block;
		font-size: 0;
		zoom: 1;
		margin: 0px;
		cursor: pointer;
	}

	.owl-nav .owl-prev {
		left: 0px;
		position: absolute;
	}

	.owl-nav .owl-next {
		right: 0px;
		position: absolute;
	}

	.owl-nav .owl-prev span,
	.owl-nav .owl-next span {
		display: none;
	}


	@media (min-width: 576px) {
.grilla_surftatistics {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 100px 1fr;
	grid-gap: 10px;
}
		
		.owl-nav {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 100%;
		}

		.owl-nav .owl-prev {
			left: 15px;
			position: absolute;
		}

		.owl-nav .owl-next {
			right: 15px;
			position: absolute;
		}
	}

	.owl-nav .owl-prev:before {
		content: url(../imgs/icons/left-chevron.svg) !important;
	}

	.owl-nav .owl-next:before {
		content: url(../imgs/icons/right-chevron.svg) !important;
	}

	.slide-one-item.home-slider .owl-nav {
		position: absolute !important;
		top: 50% !important;
		bottom: auto !important;
		width: 100%;
	}

	.slide-one-item.home-slider .owl-prev {
		left: 10px !important;
	}

	.slide-one-item.home-slider .owl-next {
		right: 10px !important;
	}

	.slide-one-item.home-slider .owl-prev,
	.slide-one-item.home-slider .owl-next {
		color: #fff;
		position: absolute !important;
		top: 50%;
		padding: 0px;
		height: 50px;
		width: 50px;
		border-radius: 0%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background: rgba(0, 0, 0, 0.2);
		-webkit-transition: 0.3s all ease-in-out;
		-o-transition: 0.3s all ease-in-out;
		transition: 0.3s all ease-in-out;
		line-height: 0;
		text-align: center;
		font-size: 25px;
	}

	.galbot div {
		position: relative;
		display: none;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.galbot:hover div {
		display: flex;
	}

	@media (min-width: 768px) {
		

		.slide-one-item.home-slider .owl-prev,
		.slide-one-item.home-slider .owl-next {
			font-size: 25px;
		}
	}

	.slide-one-item.home-slider .owl-prev>span,
	.slide-one-item.home-slider .owl-next>span {
		position: absolute;
		line-height: 0;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.slide-one-item.home-slider .owl-prev:hover,
	.slide-one-item.home-slider .owl-prev:focus,
	.slide-one-item.home-slider .owl-next:hover,
	.slide-one-item.home-slider .owl-next:focus {
		background: black;
	}

	.slide-one-item.home-slider:hover .owl-nav,
	.slide-one-item.home-slider:focus .owl-nav,
	.slide-one-item.home-slider:active .owl-nav {
		opacity: 10;
		visibility: visible;
	}
}

.btn-primary:focus,
.btn-primary:active {
	box-shadow: none !important;
	outline: 0px !important;
}

#form-file-upload {
	height: 10rem;
	width: 28rem;
	max-width: 100%;
	text-align: center;
	position: relative;
}

#input-file-upload {
	display: none;
}

#label-file-upload {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-width: 2px;
	border-radius: .5rem;
	border-style: dashed;
	border-color: #cbd5e1;
	background-color: #f8fafc;
}

#label-file-upload.drag-active {
	background-color: #ffffff;
}

.upload-button {
	cursor: pointer;
	padding: 0.25rem;
	font-size: 1rem;
	border: none;
	font-family: 'Oswald', sans-serif;
	background-color: transparent;
}

.upload-button:hover {
	text-decoration-line: underline;
}

#drag-file-element {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 1rem;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}





@media (min-width: 992px) {

	.modal-lg,
	.modal-xl {
		max-width: 900px;
	}

}

@media (max-width: 1200px) {

	.menu_principal {}

	.menu_principal ul {
		flex-direction: row !important;
		flex-wrap: wrap !important;
	}

	.menu_principal ul li {

		width: 50%;
		align-self: flex-start;
	}

	.logout-button {
		width: 100% !important;
	}

	.navbar-toggler {

		margin-left: auto !important;
	}

	.navbar {
		justify-content: start;
	}
}

@media (orientation: landscape) {
	.vertical {
		display: none !important
	}
}

@media (orientation: portrait) {
	.horizontal {
		display: none !important
	}
}