.main {
    background-image: url('/app/auth/images/groovepaper.png');
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.13);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
    .main {
        background-image: url("/app/auth/images/groovepaper@2x.png");
        background-size: auto auto;
    }
}
.success-message,
.error-message {
    font-size: 16px;
    margin-bottom: 30px;
}
.brand {
    color: white !important;
}
.navbar {
    padding-top: 5px;
    margin: -5px -15px 15px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    background-color: var(--main-color);
    border-radius: 0;
}
.navbar .navbar-toggle {
    background-color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover {
    color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a:focus {
    color: #191970;
}
.panel-footer {
    background-color: #63aae1;
    color: white;
    margin: 10px -15px -5px;
    padding-bottom: 5px;
    border-radius: 0;
}
.panel-auth {
    background-color: transparent;
    border-radius: 0;
}
.panel-auth label {
    color: #08c;
}
.panel-auth .btn-primary {
    background-color: #0088cc;
}
.panel-auth .btn-primary:hover {
    background-color: #0077b3;
}
.panel-auth .btn-success {
    background-color: #5dba5d;
}
.panel-auth .btn-success:hover {
    background-color: #4cb24c;
}

.panel-auth .btn-danger {
    background-color: #d24d70;
}
.panel-auth .btn-danger:hover {
    background-color: #cd3960;
}
.restore-password {
    color: #08c;
    text-decoration: underline;
}
.slick-slider .slick-prev::before,
.slick-slider .slick-next::before {
    color: #63aae1;
}
.slick-dots {
    margin-bottom: 20px;
}
.slick-dots li button::before {
    color: #63aae1 !important;
}
.slick-dots li.slick-active button::before {
    color: #e28c44 !important;
}
.auth-slider.slick-slider {
    margin-top: 0;
}
.auth-slider .panel-slide {
    color: white;
    border: 1px solid white;
    border-radius: 0 !important;
    padding-top: 20px;
    margin-bottom: 5px;
}
.auth-slider .panel-slide.slide-1 {
    background-color: #0088cc;
}
.auth-slider .panel-slide.slide-2 {
    background-color: #af78cc;
}
.auth-slider .panel-slide.slide-3 {
    background-color: #5dba5d;
}
.auth-slider .panel-slide.slide-4 {
    background-color: #e5a000;
}
.auth-slider .panel-slide.slide-5 {
    background-color: #d24d70;
}
.auth-slider .panel-slide.slide-6 {
    background-color: #7782d2;
}
.auth-slider .panel-slide.slide-7 {
    background-color: #00b2cc;
}
.auth-slider .panel-slide.slide-8 {
    background-color: #e5a000;
}
.auth-slider img {
    display: inline-block !important;
    float: none !important;
    border-radius: 0;
    border: 1px solid white;
}
.auth-slider .image-content {
    text-align: center;
}
.auth-slider .image-description {
    margin-top: 10px;
}
.auth-slider .image-copyright {
    font-style: italic;
    color: white;
}
.auth-slider .image-copyright a,
.auth-slider .image-copyright a:hover {
    color: white;
}
.panel-info-1 .panel-heading {
    background-color: #0088cc;
    color: white;
}
.panel-info-2 .panel-heading {
    background-color: #af78cc;
    color: white;
}
.panel-info-3 .panel-heading {
    background-color: #5dba5d;
    color: white;
}
.panel-info-4 .panel-heading {
    background-color: #e5a000;
    color: white;
}
.panel-info-5 .panel-heading {
    background-color: #d24d70;
    color: white;
}
.panel-info-6 .panel-heading {
    background-color: #7782d2;
    color: white;
}
.panel-info-7 .panel-heading {
    background-color: #00b2cc;
    color: white;
}
.user-avatar {
    display: inline-block;
    border-radius: 5px;
}
.validation-errors {
    display: none;
}

.bg-primary {
    background-color: var(--main-color);
}
.panel-footer {
    background-color: var(--main-color);
}
.btn-primary {
    color: #fff;
    background-color: var(--main-color);
    border-color: #2e6da4;
}
.navbar-default {
    border: none;
}