body{
	/*background: linear-gradient(#f6121f2e,#f6121f2e), url("../images/1-background.jpg");*/
	background: url("../images/1-background.jpg");
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left;
	height: 100vh;
}



.container{
	height: 100vh;
}

.form-login {
    margin-top: 85px !important;
}

.imagen-login{
    width: 50%;
    padding: 9px 0px 9px 0px;
    margin: 0px 68.5px -6px 68.5px;
}

.btn-login{
	width: 100% !important;
	background: #F6121F !important;
}

.btn-register{
	width: 100% !important;
	background: transparent !important;
	border: 1px solid red;
}
.btn-register:hover {
    background-color:red;
}

.iw-red-btn{
    background: #F6121F !important;
}

/*INPUT STYLES*/
.ipt_logreg{
	color:#ffffff !important;
	text-align: center !important;	
}

.lbl_logreg{
	text-align: center !important;
	left: 0 !important;
}
/*INPUT STYLES*/
/*INPUT STYLES 2*/
.ipt_logreg2{
	color:#222222 !important;
	text-align: center !important;
	border: 1px solid #9e9e9e !important;
    border-radius: 4px !important;
}

.lbl_logreg2{

	text-align: center !important;
	left: 0 !important;
}

.ipt_usrdni input.valid[type=number]:not(.browser-default){
	border: 1px solid #4CAF50 !important;
    box-shadow: 0 1px 0 0 #4CAF50 !important;
}

.ipt_usrdni input.invalid[type=number]:not(.browser-default){
	border: 1px solid #F44336 !important;
    box-shadow: 0 1px 0 0 #F44336 !important;
}
/*INPUT STYLES 2*/

.input-field>label:not(.label-icon).active{
	transform: translateX(28px) translateY(-14px) scale(0.8) !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.visible-icon{
	margin: 9px 0px 0px -30px;
    float: right !important;
    position: absolute !important;
    font-size: 30px;
    cursor: pointer !important;
    /*color: #000 !important;*/
}

#lost-pass{
    max-height: 80% !important;
    height: 80% !important;
}

#lost-pass .modal-content{
	padding: 0px 24px !important;
}

#lost-pass .modal-content .row{
	margin-bottom: 0px !important;
}

.modal-header{
    width: 100%;
    background: #263238 !important;
    text-align: center;
    color: #fff;
    font-weight: 600;
    padding: 5px 0px 5px 0px;
    font-size: 20px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}

.register-title{
	font-size: 20px !important;
    font-weight: 400 !important;
}

.iw-red{
    background: #F6121F !important;
}

.toast b{
    padding-left: 5px !important;
}

.toast-red{
    background-color: #F44336;
}

.toast-amber{
    background-color: #ffc107;
    color: #263238;
    font-weight: 600;
}

.toast-green{
    background-color: #28a745;
}

.toast .inco{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.btn-lost-pass{
    z-index: 0 !important;
}