/*--------------------------------------------------------------
# CSS Login Ecliente Caser
--------------------------------------------------------------*/
/* TODO: Mantenemos CSS login aqu� hasta que podamos enlazar EcliTheme */
#login-caser {
    position: relative !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 50%;
    min-height: 700px;
    z-index: 99;
}
.login-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 350px;
    height: auto;
    max-width: 400px;
    padding: 1rem 1.5rem;
    background-color: white;
}
#login-caser form {
    width: 100%;
}
#login-caser form h1 {
    text-align: left;
    padding-bottom: 0;
    letter-spacing: 0;
    text-transform: inherit;
}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear,
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-clear-button,
input[type="password"]::-webkit-inner-spin-button,
input[type="password"]::-webkit-outer-spin-button {
	display: none;
}
#showPasswordIcon {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
#login-caser .button-holder {
    margin: 1rem 0 0 0 !important;
}
#login-caser .login-actions .btn-secondary {
    color: #fff !important;
    border: 1px solid #006255;
    background-color: #006255;
    width: 100% !important;
    cursor: pointer;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 24px;
    padding: .75rem 1rem;
    border-radius: 8px;
}
#login-caser .login-actions .btn-secondary:hover {
    color: #fff !important;
    border: 1px solid #287B70;
    background-color: #287B70;
}
div#hook_Fondo {
    background-position: left center;
}

@media (max-width: 960px) {
    #login-caser {
        min-height: 400px;
        max-width: 100%;
        padding: 3rem 1rem;
    }
    .accesos-rapidos-general .accesos-rapidos_content-title {
	    margin-top: 3rem;
	}
}