body {
    background-color: #000000;
    padding: 0px;
    margin: 0px;
}
.login-container {
    float: left;
    width: 100%;
    min-height: 100%;
    background: transparent;
    position: fixed;
    top: 0;
}
.login-container .login-box {
    width: 400px;
    margin: 0px auto;
    padding-top: 100px;
}
.login-container .login-box .login-logo {
    width: 100%;
    height: 100px;
    float: left;
}
.login-container .login-box .login-body {
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, 0.3);
    padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.login-container .login-box .login-body .login-title {
    color: #FFF;
    font-size: 19px;
    font-weight: 300;
    margin-bottom: 20px;
}
.login-container .login-box .login-body .form-control {
    border: 0px;
    background: #ffffff;
    padding: 10px 15px;
    color: #000;
    line-height: 20px;
    height: auto;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.login-container .login-box .login-body .form-control:focus {
    background: #ffffff;
}
.login-container .login-box .login-body .btn-link {
    color: #FFF;
    border: 0px;
}
.login-container .login-box .login-body .login-or {
    width: 40px;
    height: 25px;
    background: #ffffff;
    position: relative;
    margin: 25px auto;
    text-align: center;
    line-height: 25px;
    color: #FFF;
}
.login-container .login-box .login-body .login-or:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    top: -10px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 10px solid #ffffff;
}
.login-container .login-box .login-body .login-or:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    bottom: -10px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid #ffffff;
}
.login-container .login-box .login-body .login-subtitle {
    line-height: 20px;
    padding: 5px 0px;
    font-size: 12px;
    color: #FFF;
}
.login-container .login-box .login-body .login-subtitle a {
    color: #3fbae4;
}
.login-container .login-box .login-footer {
    width: 100%;
    float: left;
    padding: 10px;
    color: #FFF;
}
.login-container .login-box .login-footer a {
    color: #FFF;
}
.login-container.lightmode .login-box .login-body {
    background: rgba(255, 255, 255, 0.2);
}
.login-container.lightmode .login-box .login-body .form-control {
    background: rgba(255, 255, 255, 0.4);
    color: #fff;
}
.login-container.lightmode .login-box .login-subtitle a {
    color: #ffffff;
}
.login-container.login-v2 {
    background: #f5f5f5;
}
.login-container.login-v2 .login-box .login-body .login-title {
    color: #ffffff;
}
.login-container.login-v2 .login-box .login-body .form-control {
    background: #FFF;
    color: #ffffff;
    border: 1px solid #D5D5D5;
    border-left: 0px;
}
.login-container.login-v2 .login-box .login-body .input-group-addon {
    background: #FFF;
    color: #ffffff;
    line-height: 40px;
    font-size: 21px;
    border-color: #D5D5D5;
}
.login-container.login-v2 .login-box .login-body a {
    color: #ffffff;
}
.login-container.login-v2 .login-box .login-footer {
    color: #656d78;
}
.login-container.login-v2 .login-box .login-footer a {
    color: #434a54;
}
.login-container.login-inside {
    background: transparent;
}
.login-container.login-inside .login-box {
    width: 100%;
    padding-top: 0px;
}
.login-container.login-inside .login-box .login-body {
    padding: 0px;
}
/* END LOGIN */
@media only screen and (max-width: 768px) {
    /* LOGIN */
    .login-container {
        padding: 0px 10px;
    }
    .login-container .login-box {
        padding-top: 10px;
        width: 100%;
    }
    .registration-container {
        padding: 0px 10px;
    }
    .registration-container .registration-box {
        padding-top: 10px;
        width: 100% !important;
    }
    /* END LOGIN */
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .login-container .login-box .login-logo {
        background-size: 220px 50px;
    }
}
#gradient {
    width: 100%;
    height: 100vh;
    padding: 0px;
    margin: 0px;
}