/** Estilos específicos para el acceso a la intranet */
body.layout-acceso {
    background-image: url("/assets/images/login/fondo.jpg");
    background-size: cover;
}
.layout-acceso #page-wrapper {
    width: 100%;
}
body.layout-acceso.acceso-cge{
    background-image: url("/assets/images/login/fondo_cge.jpg");
}
.login-container .logo img {
    max-width: 100%;
}
.login-container {
    position: relative;
    overflow: hidden;

    background-color: rgba(255, 255, 255, 0.85);
    padding: 20px 50px;
    border-radius: 3px;
    margin-top: 100px;

    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    .login-container {
        padding: 20px;
    }
}
.corner-ribbon {
    width: 200px;
    background: #55ad31;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 28px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
body.layout-acceso.acceso-cge .corner-ribbon{
    background: #007ac2;
}

.corner-ribbon.top-left {
    top: 25px;
    left: -50px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.corner-ribbon.bottom-right {
    top: auto;
    right: -50px;
    bottom: 25px;
    left: auto;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
    top: 25px;
    right: -64px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50%      { transform: scale(1.2); opacity: 0.6; }
}

.loading #ms-logo {
    animation: spin 1s linear infinite, pulse 1.5s ease-in-out infinite;
}

#ms-login-btn.disabled {
    pointer-events: none;
    opacity: 0.7;
    cursor: not-allowed;
}