body{
	font-family: Muli;
}

:root{
	--primario: #00478C;
	--hover:  #44546a;

	--btnppal: #041F1F;
	--btnppalhover: #474F0A;
	--secondary: #1E7FB6;
	--errorcolor: #800000;
	--errorhover: #660000;

}

input[type=text]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=password]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly])
{
	border-bottom: 1px solid var(--primario) !important;
	box-shadow: 0 1px 0 0 var(--primario) !important;
}

.selectize-input{
	border:  1px solid #AAA !important;
	border-radius: 5px !important;
	font-family: Muli !important;
	margin-top: 0px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.selectize-input.focus{
	border:  1px solid var(--primario) !important;
	border-bottom:  2px solid var(--primario) !important;
}
.selectize-dropdown .create{
	padding: 6px 10px;

}
.select{
	height: 46px !important;
}


input[type=text], input[type=url], input[type=email], input[type=tel], input[type=date]{
	border:  1px solid #AAA !important;
	border-radius: 5px !important;
	padding: 0px 10px !important;
	height: 36px !important;
	font-family: Muli !important;
	width: 94% !important;
}
textarea{
	border:  1px solid #AAA !important;
	border-radius: 5px !important;
	padding: 0px 10px !important;
	height: 36px !important;
	font-family: Muli !important;
	width: calc(100% - 30px) !important;
}
.textarea{
	margin-left: 15px !important;
}
.select100{margin-left: 15px !important;width: calc(100% - 30px) !important}

.input-field>label{ 
	width: 100%;
	height: 34px;
	line-height: 16px;
	top: -18px !important;
	display: flex;
	align-items: flex-end;
}
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=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;
}

.input-field .prefix.active{
	color: var(--primario) !important;
}


.seccion{
	background-color: #FAFAFA;
	border: 2px solid #CCCCCC;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 16px;
}
.seccion-inner{
	border-right: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	padding: 20px 0px 0px;
}

[type="checkbox"]:checked+span:not(.lever):before{
	border-right: 2px solid var(--primario);
	border-bottom: 2px solid var(--primario);
}

@media only screen and (min-width: 600px){
	
	.notas{padding-left: 15px;}
	.checkbox{padding-top: 6px !important; padding-left: 26px !important;}
	.pagar{margin-top: 16px !important;}
}
@media only screen and (max-width: 600px){
	input[type=text]{
		width: calc(100% - 20px) !important;
	}
	input[type="checkbox"]+span:not(.lever){
		line-height: 18px !important;
	}
	textarea{width: 100% !important; margin-top: 18px !important;}
	.textarea{margin-left: 0px !important;}

	.select100{margin-left: 0px !important;width: 100% !important}

	
}

.notas{
	font-size: 14px;
	color: #800000;
	font-weight:  normal;
}

.file-field .btn{height: 0px;}
.file-field .file-path-wrapper{padding-left: 0px;}

.btn-ppal{
	width: 100%;
	background-color: var(--primario);
	border-radius: 5px;
	transition: all 0.5s easy-out !important;
}
.btn-ppal:hover, .btn-ppal:active{
	width: 100%;
	background-color: var(--hover);
}

a{color: var(--primario)}
a:hover, a:active{color: var(--hover)}

.loader{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0px;
	left: 0px;
}
.loader img{
	max-width: 300px;
}

.panel-contenido-full{
	width: 100vw;
	height: 100vh;
	background-color: rgb(0,0,0,0.6);
	position: fixed;
	z-index: 99999 !important;
}
.waybox-button{
	background-color: var(--primario) !important;
	transition: all 1s easy-out !important;
}
.waybox-button:hover, .waybox-button:active{
	background-color: #041F1F !important;
}

h2{
	margin: 0px !important;
	font-size: 26px;
	font-weight: bold;
}
.tarjeta{
	border: 1px solid #CCC;
	max-width: 90%;
	margin: 0 auto;
	padding: 10px;
	border-radius: 10px;

}
.loader img{
	max-height: 100px;
}

.comentario{
	color: #800000;
	margin-top: 10px;
	font-weight: bold;
}
.iti--allow-dropdown input{
	 padding-left: 50px !important;
	 width: calc(100% - 30px) !important;
}
.iti--allow-dropdown{
	width: calc(100% - 30px) !important;
}
.iti-mobile .iti--container{
	max-width: 300px;
}

.pagar{
	border: 2px solid var(--primario);
	padding: 4px !important;
	border-radius: 10px;
	color: var(--primario);
}
#apagar
{
	font-size: 18px !important;
	font-weight: bold;

}
.nota{
	font-size: 12px;
	line-height: 14px;
}
.selectize-control .locked{
	border-color: #CCC !important;
	pointer-events: none !important;
}

.selectize-control .locked input{
	pointer-events: none !important;
}

.telefono {
	margin-bottom: 22px !important;
	height: 40px;
}

.alerta{
	color: red;
	font-size: 20px;
	font-weight: bold;
}

#qrcode img{
	margin: 10px
}