﻿.loginContainer {
    background-image: url("/Common/Images/seth-doyle-zf9_yiAekJs-unsplash.jpg");
    background-size: cover;
}

#m_login {
    display: flex;
    justify-content: center;
    align-items: center;
}
#m_login p {
    color: #fff;
}
#m_login .m-link {
    color: #fff;
}
#m_login .m-checkbox {
    color: #fff;
}
#m_login .pipe-divider {
    color: #fff;
}
#m_login .btn-primary {
    text-transform: lowercase;
    background-color: #cfd626;
    border: solid 0px;
    color: #0f6b52;
}
#m_login .btn-outline-primary {
    background: #0f6b52;
    color: #fff;
    text-transform: lowercase;
}
#m_login .m-login__wrapper {
    background: rgba(0,0,0,0.3);
    border-radius: 1rem;
    padding: 3rem 4rem;
}
#m_login .m-login__wrapper .m-login__logo {
    width: 65%;
}
#m_login .m-login__signin .m-login__head {
    margin-top: 2rem;
}
#m_login .m-login__signin .m-login__title {
    font-size: 1.7rem;
    margin-top: 0.5rem;
}
#m_login .m-login__signin .m-login__form {
    margin-top: 2rem;
}
#m_login .m-login__signin form .form-control {
    background: rgba(255,255,255,0.5);
    border: solid 1px #fff;
    border-radius: 5px;
    color: #FFF;
    margin-bottom: 0.5rem;
    text-align: center;
}
#m_login .m-login__signin form .form-control {
    background: rgba(255,255,255,0.5);
}
#m_login .m-login__signin form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    font-weight: bold;
    opacity: 1; /* Firefox */
}