.bg-faded-blue {
    background: linear-gradient(to bottom,  #f7f7ff, #dcdce4);
}

.bg-blue-gradient, .morning {
    background: linear-gradient(#18AFFF, #0E208C);
    color: white;
}

.bg-red-gradient {
    background: linear-gradient(#FF0900, #5A0300);
    color: white;
}

.bg-transparent {
    background: rgba(0,4,46,0.25);
}

.bg-semi-transparent {
    background: rgba(0,4,46,0.75);
}

.bg-light-transparent {
    background: rgba(255,255,255, 0.45);
}

.bg-purple-gradient {
    background: linear-gradient(#A651D0, #411F51);
    color: white;
    text-align: center;
}

.bg-blue-purple, .evening {
    background: linear-gradient(to bottom right, #3023AE, #C86DD7);
    color: white;
    text-align: center;
}

.bg-blue-green {
    background: linear-gradient(to bottom right, #0E228D, #6FF062);
    color: white;
    text-align: center;
}

.bg-turquoise {
    background: linear-gradient(to bottom, #b3ecec, #3bd6c6);
    color: #263238;
}

.bg-orange-gradient, .afternoon {
    background: linear-gradient(#F9E28B,#E2843F);
    color: #452DB3;
    text-align: center;
}

.bg-green-gradient {
    background: linear-gradient(#1CD915, #106F0C);
    color: white;
    text-align: center;
}

.bg-error, .form-control:disabled.bg-error {
    background-color: #ffcccc;
    color: #ff0000;
}
.bg-correct, .form-control:disabled.bg-correct {
    background-color: #ccffcc;
    color: black;
}

/*
[type='checkbox'].bg-correct ~ span {
    background-color: #ccffcc;
    color: black;
}

[type='checkbox'].bg-error ~ span {
    background-color: #ffcccc;
    color: #ff0000;
}
*/

img.answer.bg-error {
    border-top: solid 0.5rem #ff0000;
    border-bottom: solid 0.5rem #ff0000;
}

img.answer.bg-correct {
    border-top: solid 0.5rem #00ff00;
    border-bottom: solid 0.5rem #00ff00;
}

.bg-white {
    background: white;
    color: #555;
}

.bg-black {
    background: black;
    color: white;
}