.modal-card-login {
    max-width: 366px;
    width: 100%;
    margin: auto;
    margin-top: 10%;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    border-radius: 4px;
}

.modal-login {
    color: #0094D9;
}

    .modal-login .modal-content {
        border: none;
    }

    .modal-login .modal-header {
        border: none;
        text-align: center;
        margin: 16px;
        padding-top: 32px;
    }

    .modal-login .modal-body {
        padding: 0px 32px;
    }

    .modal-login .modal-footer {
        text-align: center;
        background-color: #ECF0F1;
        border-color: #DEE4E7;
        border-radius: 0 0 4px 4px;
    }

        .modal-login .modal-footer a {
            color: #999;
        }

    .modal-login p {
        text-align: center;
        font-size: 18px;
        margin: 16px;
    }

    .modal-login .form-control:focus {
        border-color: #0094D9;
    }

    .modal-login .text-primary {
        color: #0094D9;
    }

    .modal-login .btn {
        margin-top: 32px;
        background-color: #0094D9;
        color: white;
    }

        .modal-login .btn:active {
            background-color: #0094D9;
        }