.login-page {
    background-image: url("../../Images/bg.png");
    background-color: #f0f8ff;
}

.login-box {
    width: 360px;
    margin: 1% auto;
    background: #fff;
    position:relative;
    height 100vh;
    border-top: 4px solid #8cdd76;
}

.login-logo {
    text-align: center;
    margin-bottom: 5px;
    font-weight: 300;
    padding-top: 15px;
}

/* el logo MegaFlux es cuadrado (360x360): se limita para que no domine la caja */
.login-logo img {
    max-width: 200px;
    width: 100%;
    height: auto;
}

.login-box-body {
    padding: 20px;
    border-top: 0;
    color: #666;
}

.login-box-msg {
    text-align: center;
    padding: 20px 20px 0px 20px;
}


.form-group, .input-group {
    width: 100%;
    position: relative;
    display: table;
    border-collapse: separate;
}





textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 #8cdd76;
    box-shadow: inset 0 -2px 0 #8cdd76
}


.btn {
    border-radius: 0;
}

.btn-goldleaf {
    color: #0d192b;
    background-color: #8cdd76;
    border-color: transparent
}

    .btn-goldleaf:focus, .btn-goldleaf.focus {
        color: #0d192b;
        background-color: #70d252;
        border-color: rgba(0,0,0,0);
        outline: 0;
    }

    .btn-goldleaf:hover {
        color: #0d192b;
        background-color: #70d252;
        border-color: rgba(0,0,0,0)
    }

    .btn-goldleaf:active, .btn-goldleaf.active, .open > .dropdown-toggle.btn-goldleaf {
        color: #0d192b;
        background-color: #70d252;
        border-color: rgba(0,0,0,0);
        outline: 0;
    }

        .btn-goldleaf:active:hover, .btn-goldleaf.active:hover, .open > .dropdown-toggle.btn-goldleaf:hover, .btn-goldleaf:active:focus, .btn-goldleaf.active:focus, .open > .dropdown-toggle.btn-goldleaf:focus, .btn-goldleaf:active.focus, .btn-goldleaf.active.focus, .open > .dropdown-toggle.btn-goldleaf.focus {
            color: #0d192b;
            background-color: #70d252;
            border-color: rgba(0,0,0,0)
        }

    .btn-goldleaf:active, .btn-goldleaf.active, .open > .dropdown-toggle.btn-goldleaf {
        background-image: none
    }

    .btn-goldleaf.disabled:hover, .btn-goldleaf[disabled]:hover, fieldset[disabled] .btn-goldleaf:hover, .btn-goldleaf.disabled:focus, .btn-goldleaf[disabled]:focus, fieldset[disabled] .btn-goldleaf:focus, .btn-goldleaf.disabled.focus, .btn-goldleaf[disabled].focus, fieldset[disabled] .btn-goldleaf.focus {
        background-color: #8cdd76;
        border-color: transparent
    }

    .btn-goldleaf .badge {
        color: #8cdd76;
        background-color: #ffffff
    }

.btn-goldleaf {
    -webkit-background-size: 200% 200%;
    background-size: 200% 200%;
    background-position: 50%
}

    .btn-goldleaf:focus {
        background-color: #8cdd76;
        outline: 0;
    }

    .btn-goldleaf:hover, .btn-goldleaf:active:hover {
        background-color: #7ad765;
        outline: 0;
    }

    .btn-goldleaf:active {
        background-color: #70d252;
        background-image: -webkit-radial-gradient(circle, #70d252 10%, #8cdd76 11%);
        background-image: -o-radial-gradient(circle, #70d252 10%, #8cdd76 11%);
        background-image: radial-gradient(circle, #70d252 10%, #8cdd76 11%);
        background-repeat: no-repeat;
        -webkit-background-size: 1000% 1000%;
        background-size: 1000% 1000%;
        -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
        box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
        outline: 0;
    }

.login-politica {
    background-color: rgba(13,25,43,.85);
    color: #FFFFFF;
}