body {
    background: url(/application/images/login_bg.png) !important;
    background-position: center bottom 0;
}
body:after{
    content:'';
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    background-color:#212b32;
    opacity:0.5;
    z-index:1;
}
div.login-page{
    position:relative;
    z-index:2;
}
div.login-page h1{
    text-shadow: 3px 3px 7px rgba(0,0,0,0.5), 2px 2px 2px 2px #000, 1px 1px 1px 1px #000,1px 1px 1px 1px #000;
}
div.login-form hr {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

ul.auth-types {
    margin: 20px 0px 0px 0px;
    padding: 0;
}

ul.auth-types > li > .fa,
ul.auth-types > li svg,
ul.auth-types > li .ccm-auth-type-icon {
    position: absolute;
    top: 2px;
    left: 0px;
}

ul.auth-types > li {
    list-style-type: none;
    cursor: pointer;
    padding-left: 25px;
    margin-bottom: 15px;
    transition: color .25s;
    position: relative;
}

ul.auth-types > li:hover {
    color: #cfcfcf;
}

ul.auth-types > li.active {
    font-weight: bold;
    cursor: auto;
}