.add-button {
	position: absolute;
	bottom: 20px;
	right: 20px;
  }

  body{
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}
.header2{
	height: 78px;
	margin-left: auto;
	margin-bottom: 20px !important;
	margin-top: auto;
	background-image: url('/assets/images/logo_inputsoft.png');
	background-repeat: no-repeat;
	background-position: center;
}
.footer {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 981px){
	.container_log {
		width: 90%;
		margin-top: 0 !important; 
	}
}
.recoverypass{
	color: #999;
	text-decoration: none;
	font-size: 0.9em;
}
.recoverypass:hover{
	color: #777;
	text-decoration: none;
	font-size: 0.9em;
}

#ver-contrasena {
	position: absolute;
	top: 20px;
	right: 5%;
	bottom: 0;
	width: 2.5rem; /* ancho del botón */
	background-color: transparent;
	border: none;
	cursor: pointer;
}

#ver-contrasena i {
	font-size: 1.8rem; /* tamaño del ícono */
	line-height: 2.5rem; /* centrar verticalmente */
	color: #000000; /* color del ícono */
}

#ver-contrasena.ver {
	color: #06c; /* cambiar color del ícono cuando se muestra la contraseña */
}

.ifinancial_box{
	background: #F2F0F0; text-align: center;
}

.ifinancial_eye_relative{
	position:relative
}

.ifinancial_install_app{
	background: #F39222; color: #ffffff;
}
.version_text{
	color: #cccccc; font-size: 10px;
}

.logogira{

    display: inline-block;
    -webkit-animation: spin 2s linear infinite ;
    animation: spin 2s linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}  

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

        .buttoncss{
            border-radius: 8px  !important;
            font-size: 15px  !important;
            padding: 5px 7px  !important;
        }
        @media (min-width: 1000px) {
            .ingreso {
                height:100% !important;
            }
			.ingresar{
                 visibility: visible !important;
		 	}
        }