/********** SGA — General (login, reset, initialize, error pages) **********/

.page-login {
    font-size: 11px;

    .message.text-danger.text-left {
        font-size: 14px;
    }

    h2.login-title b:last-of-type {
        margin-top: 10px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .mitsubishi .text-center.img-header {
        margin-top: 0 !important;
    }

    .glyphicon-spin-fast {
        -webkit-animation: glyphicon-spin-fast 3s infinite linear;
        animation: glyphicon-spin-fast 3s infinite linear;
    }
}

.page-forgot-password input .form-control {
    border: 1px solid #000000;
}

.page-initialize-password {
    h2, h3, h4 {
        font-family: nowlight;
    }

    .btn.button {
        font-size: 100%;
    }

    .panel.panel-default {
        width: 80%;
        background-color: white;
    }

    .panel-heading {
        padding-top: 5px;
    }

    .relative {
        border: none;
    }

    .clavier-modal {
        width: 280px;
    }

    .panel-footer {
        font-size: 13px;
    }

    .glyphicon.glyphicon-remove {
        font-size: 11px;
    }
}

.page-reset-password {
    .btn.button {
        font-size: 100%;
    }

    .panel.panel-default {
        width: 80%;
        background-color: white;
    }

    .panel-heading {
        padding-top: 5px;
    }

    .relative {
        border: none;
    }

    .clavier-modal {
        width: 280px;
    }

    .panel-footer {
        font-size: 13px;
    }

    .glyphicon.glyphicon-remove {
        font-size: 11px;
    }
}

.error-page {
    font-family: nowlight;
}

@-webkit-keyframes glyphicon-spin-fast {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-moz-keyframes glyphicon-spin-fast {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-fast {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}