:root{
	--primario: #F0842D;
	--hover:  #fbbd21;
}

.login-bg{
	background-image: url('../img/login-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

#login-page{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	height: 100vh;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
		justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
		align-items: center;
}
#login-page .login-card{margin-left: 0 !important;border-radius: 10px;opacity: .9;padding: 20px;}
.login-card .row{margin-bottom: 12px;}

.principal-bg{background-color: #F0842D;}
.principal-bg:hover, .principal-bg:active{background-color: #3E3E3E;}


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

.panel-contenido-full{
	width: 100vw;
	height: 100vh;
	background-color: rgb(0,0,0,0.8);
	position: fixed;
	z-index: 99999 !important;
}


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;
}
.input-field>label{top: -5px !important}
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[type=text], input[type=url], input[type=email], input[type=tel], input[type=date], input[type=password]{
	border:  1px solid #AAA !important;
	border-radius: 5px !important;
	padding: 0px 10px !important;
	height: 36px !important;
	font-family: Montserrat !important;
	width: calc(100% - 20px) !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;
}


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 .prefix.active{
	color: var(--primario) !important;
}*/

.flotante{
	position: fixed;
	bottom: 10px;
	right: 10px;
	text-align: center;
}
.flotante img{
	width: 40px;
}

.flotante:active{
	opacity: 0.5;
}

.flotante3{
	color: #FFF;
	line-height: 18px;
}