body.login-monochrome {
    color: #111111;
    background: linear-gradient(145deg, #ffffff 0%, #f2f2f2 55%, #dedede 100%) fixed;
}

body.login-monochrome .card,
body.login-monochrome form,
body.login-monochrome .modal-body-centered {
    color: #111111;
    background: rgba(255, 255, 255, .96);
    border-color: #b5b5b5;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .14);
}

body.login-monochrome .card {
    border: 1px solid #b5b5b5;
    border-radius: 8px;
}

body.login-monochrome .navbar,
body.login-monochrome .dropdown-menu {
    background: #f5f5f5 !important;
    border-color: #b5b5b5;
}

body.login-monochrome .navbar .nav-link,
body.login-monochrome .navbar .navbar-brand,
body.login-monochrome .dropdown-item {
    color: #111111 !important;
}

body.login-monochrome .dropdown-item:hover,
body.login-monochrome .dropdown-item:focus {
    color: #ffffff !important;
    background: #222222;
}

body.login-monochrome .btn-primary {
    color: #ffffff;
    background: linear-gradient(135deg, #050505, #333333);
    border-color: #050505;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
}

body.login-monochrome .btn-primary:hover,
body.login-monochrome .btn-primary:focus,
body.login-monochrome .btn-primary:active {
    color: #ffffff;
    background: #000000;
    border-color: #000000;
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .18);
}

body.login-monochrome .form-control {
    color: #111111;
    background: #ffffff;
    border-color: #777777;
}

body.login-monochrome .form-control:focus {
    border-color: #111111;
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .14);
}

body.login-monochrome .form-control[readonly] {
    background: #e8e8e8;
}

body.login-monochrome .alert-warning,
body.login-monochrome .alert-danger {
    color: #111111;
    background: #e4e4e4;
    border-color: #999999;
}

body.login-monochrome .alert-warning {
    background: #eeeeee;
}

body.login-monochrome a,
body.login-monochrome .agreement-link {
    color: #111111;
}

body.login-monochrome a:hover,
body.login-monochrome a:focus,
body.login-monochrome .agreement-link:hover {
    color: #000000;
    text-decoration: underline;
}

body.login-monochrome img,
body.login-monochrome svg {
    filter: grayscale(1);
}