div.page-content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

nav {
    background-color: #FC631E;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.evil nav {
    background-color: #000000;
}

nav.navbar-light .navbar-toggler {
    border-color: transparent;
    box-shadow: none;
}

nav.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.evil nav.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

nav.navbar-light .navbar-toggler:hover .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.evil nav.navbar-light .navbar-toggler:hover .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

nav.navbar-light .nav-item .nav-link {
    color: white;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
}

.evil nav.navbar-light .nav-item .nav-link {
    color: red;
}

nav.navbar-light .nav-item .nav-link:hover {
    color: white;
    text-decoration: underline;
}

.evil nav.navbar-light .nav-item .nav-link:hover {
    color: red;
}

nav.navbar-light .nav-item .nav-link:focus {
    color: white;
    text-decoration: underline;
}

.evil nav.navbar-light .nav-item .nav-link:focus {
    color: red;
}

nav.navbar-light .nav-item .nav-link.active {
    color: black;
}

.evil nav.navbar-light .nav-item .nav-link.active {
    color: red;
}

div.wallpaper {
    background-image: url("../img/wallpaper.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    width: 100%;
    max-width: 1200px;
    height: 530px;
}

.evil div.wallpaper {
    background-image: url("../img/devil.png");
}

@keyframes devil-blink {
    0% {
        opacity: 100%;
    }
    40% {
        opacity: 100%;
    }
    50% {
        opacity: 0;
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 100%;
    }
}

.evil .evil-eyes {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-image: url("../img/devil_blink.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    animation-name: devil-blink;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.card-header .fa {
    transition: .3s transform ease-in-out;
}

.card-header .collapsed .fa {
    transform: rotate(90deg);
}

.card {
    border-radius: 0;
    border: none;
}

.accordion .accordion-item .accordion-button {
    color: white;
    font-size: 1.125rem;
    font-weight: 700;
    background-color: #FC631E;
    text-transform: uppercase;
    box-shadow: none;
}

.evil .accordion .accordion-item .accordion-button {
    color: red;
    background-color: #000000;
}

.accordion .accordion-item .accordion-button:hover {
    color: black;
}

.evil .accordion .accordion-item .accordion-button:hover {
    color: red;
}

.accordion .accordion-item .accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-90deg);
}

.evil .accordion .accordion-item .accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion .accordion-item .accordion-button:hover.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-90deg);
}

.evil .accordion .accordion-item .accordion-button:hover.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(0deg);
}

.evil .accordion .accordion-item .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion .accordion-item .accordion-button:hover:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(0deg);
}

.evil .accordion .accordion-item .accordion-button:hover:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion .accordion-item .accordion-body {
    background-color: #e6e6e6;
}

.evil .accordion .accordion-item .accordion-body {
    background-color: #404040;
    border-color: #000000 !important;
}

.evil div.card-action {
    color: red;
    background-color: #141414 !important;
}

div.card.card-bus {
    background-color: #F0F0F0;
    cursor: pointer;
    user-select: none;
}

.evil div.card.card-bus {
    background-color: #404040;
    cursor: pointer;
    user-select: none;
}

div.card.card-bus:hover {
    background-color: #e6e6e6;
}

.evil div.card.card-bus:hover {
    background-color: #404040;
}

div.card.card-bus.bus-selected {
    background-color: #b2b2b2;
}

.evil div.card.card-bus.bus-evil {
    background-image: url("../img/fire.gif");
    background-size: cover;
    background-repeat: repeat-x;
}

.evil .list-group-item {
    color: red;
    background-color: #404040;
    border-color: black;
    border-width: 2px;
}

.btn-gc {
    color: #fff;
    background-color: #fc631e;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.evil .btn-gc {
    color: black;
    background-color: red;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.btn-gc:hover {
    color: #fff;
    background-color: #6F6F6F;
    box-shadow: none;
}

.evil .btn-gc:hover {
    color: black;
    background-image: url("../img/fire.gif");
    background-repeat: repeat-x;
    background-size: cover;
    background-position-y: bottom;
}

.btn-check:focus + .btn-gc, .btn-gc:focus {
    box-shadow: none;
}

.evil textarea{
    background-color: black;
    color: red;
    min-height: 50px;
}

footer {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FC631E;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 10px;
    color: white;
}

.evil footer {
    background-color: #000000;
    color: red;
}

.evil .copyright-info{
    display: none;
}

body {
    font-family: sans-serif;
    padding-top: 87px;
}

body.evil {
    background-color: #141414;
}


.icon-devil {
    display: none;
}

.evil .icon-devil {
    display: blocK;
    width: 50px;
    height: 50px;
    background-image: url("../img/devil_icon.svg");
    background-size: 50px 50px;
    background-position-x: -7px;
    background-repeat: no-repeat;
}

.evil .bus-evil .bi.bi-bus-front {
    display: none;
}

@media (max-width: 576px) {
    body {
        padding-top: 55px;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    div.wallpaper {
        height: 400px;
    }
}

@media (max-width: 576px) {
    div.wallpaper {
        height: 260px;
    }
}