@import 'vars.css';

.input-field>label{top: -5px !important}
.input-field input, textarea, .parametros input, textarea{
	border: 1px solid #AAA !important;
	border-radius: 15px !important;
	padding: 0px 10px !important;
	box-sizing:	border-box !important;
	height: 2.1rem !important;
}
input[type=color]{
	width: 100%;
}
input[type=color]:focus:not([readonly])+label,input[type=number]:focus:not([readonly])+label,input[type=email]:focus:not([readonly])+label, textarea:focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label
{
	color: var(--primario) !important;
}
input[type=color]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=email]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), textarea:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=password]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]), input[type=date]:focus:not([readonly])
{
	border:  1px solid var(--primario) !important;
	box-shadow: none !important;
}

/* Botones */
.btnppal,.btn-ppal{width: 100%}
.btn{border-radius: 50px}
/* Colores Variables*/
.btnppal, .btn-ppal{background-color: var(--primario);}
.btn-ppal:hover, .btn-ppal:active, .btn-ppal:focus{background-color: var(--secundario) !important;}
.btnppal:hover, .btnppal:active, .btnppal:focus{background-color: var(--secundario) !important;}
.btn-sec, .btnsecundario{background-color: var(--secundario);}
.btn-sec:hover, .btn-sec:active, .btn-sec:focus{background-color: var(--secundario); opacity: 0.8}
.btnsec:hover, .btnsecl:active, .btnsecl:focus{background-color: var(--secundario); opacity: 0.8}
.input-field>label{
	top: -2px !important;
	left: 18px !important;
}

.loader img{
	max-width: 200px;
}

.loader{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0px;
	left: 0px;
	background-color: rgb(0,0,0,0.65);
	height: 100vh;
	width: 100vw;
	position: fixed;
	z-index: 99999;
}


.selectize-control{
	line-height: 0px !important;
}
.selectize-input{
	box-sizing: border-box !important;
	height: 2.1rem;
    font-size: 14px;
    line-height: 2.1rem !important;
	padding: 0px 10px !important;
	border: 1px solid #AAA !important;
	border-radius: 205px !important;
	margin: 0px 0px 8px 0px !important;
}

.select{
	position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.select label{
	position: absolute;
	transform: translateY(-14px) scale(1);
	margin-top: -5px;

}
.selectize-dropdown{
	top: 34px !important;
}