@font-face {
	font-family: 'Product Sans';
	src: url('fonts/product-sans.woff2') format('woff2');
}



html, body {
	width: 100%;
	height: 100%;

	top: 0px;
	left: 0px;

	margin: 0px;
	padding: 0px;

	font-family: Product Sans;

	color: '#000000';

	overflow: hidden;
}


.imagen-boton-oa {
    opacity: 1;
    transition: opacity 0.6s linear;
	cursor: pointer;
}


.imagen-boton-oa:hover {
    opacity: 0.5;
    transition: opacity 0.3s linear;
}


input, select, textarea, button {
	box-sizing: border-box;
}


input, select, textarea {
	font-family: Product Sans;
	outline-width: 0px;
	border: 1px solid #02a9e0;
	height: 3vw;
	padding: 0 1vw 0 1vw;
}

input:focus, select:focus, textarea:focus {
	outline-color: #e2de37;
	outline-width: 1px;
	z-index: 500;
	background-color: #fffee1;
}





.botonAzulOA {
	color: #FFFFFF;
	background-color: #02a9e0;
	height: 3vw;
	padding: 0 1vw 0 1vw;
	border: solid #02a9e0 1px;
	outline-width: 0px;
	cursor: pointer;
}

.botonAzulOA:hover {

	background-color: #7ad1ee;
	border: solid #02a9e0 1px;
}

.botonAzulOA:focus {
	outline-color: #e2de37;
	outline-width: 1px;
}


.botonBlancoOA {
	color: #02a9e0;
	background-color: #FFFFFF;
	height: 3vw;
	padding: 0 1vw 0 1vw;
	border: solid #FFFFFF 1px;
	outline-width: 0px;
	cursor: pointer;
}

.botonBlancoOA:hover {
	color: #FFFFFF;
	background-color: #02a9e0;
	border: solid #FFFFFF 1px;
}





.campoFormulario {
	display: flex;
	flex-direction: column;
  }

.campoFormulario:focus-within label {
	color: #02a9e0;
}

.nombreCampo {

	position: relative;
	width: max-content;
	background-color: #FFFFFF;

	font-size: 0.7em;
	font-weight: bold;
	
	top: 0.7em;
	margin-top: -0.7em;
	margin-left: 0.7em;
	padding-left: 0.5em;
	padding-right: 0.5em;

	z-index: 1000;
}



.zoom-in-out-box {
	animation: zoom-in-zoom-out 2s ease infinite;
  }
  
  @keyframes zoom-in-zoom-out {
	0% {
	  transform: scale(1, 1);
	}
	50% {
	  transform: scale(0.8, 0.8);
	}
	100% {
	  transform: scale(1, 1);
	}
  }




/*
input[type=button]
{
color:#117ab1;
background-color:#FFFFFF;
padding:8px 20px 8px 20px;
border:solid #117ab1 1px;
outline-width:0px;
cursor:pointer;

opacity: 1;
transition: opacity .4s ease-out;
-moz-transition: opacity .4s ease-out;
-webkit-transition: opacity .4s ease-out;
-o-transition: opacity .4s ease-out;
}

input[type=button]:hover {
    opacity: .5;
}
*/




/*
::-webkit-scrollbar
{

width: 10px;
height: 10px;

}


::-webkit-scrollbar-button{
display:none;
}


::-webkit-scrollbar-track{

}


::-webkit-scrollbar-track-piece{
background-color:#495062;
}


::-webkit-scrollbar-thumb{
background-color:#02a9e0;
}


::-webkit-scrollbar-corner{


}


::-webkit-resizer{


}

*/













/* INICIA CSS PARA JQUERY UI AUTOCOMPLETE PARA NO INCLUIR LA LIBRERIA COMPLETA ##################################################### */
/* INICIA CSS PARA JQUERY UI AUTOCOMPLETE PARA NO INCLUIR LA LIBRERIA COMPLETA ##################################################### */

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
    width: 50px;
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}



/* Component containers
----------------------------------*/



.ui-widget-content {
background: #FFFFFF;
color: #1e1b1d;
border: 1px solid #117ab1;
}



.ui-state-active{
background: #117ab1;
color: #f3f3f3;
}


/* TERMINA CSS PARA JQUERY UI AUTOCOMPLETE PARA NO INCLUIR LA LIBRERIA COMPLETA #################################################### */
/* TERMINA CSS PARA JQUERY UI AUTOCOMPLETE PARA NO INCLUIR LA LIBRERIA COMPLETA #################################################### */