/*!
 * Copyright © CME Schooling
*/

div.dataTables_processing, #preloader {
    position: fixed !important;
    z-index: 1500 !important;
    background-image: url(../img/preloader.gif);
    background-color: #f0f5f5;
    opacity: 0.4;
    background-repeat: no-repeat;
    background-position: center;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.show {
    display: block;
}

.hide {
	display: none;
}

.validation-summary-errors ul {
    padding-left: 0px;
}

.validation-summary-errors ul li {
    list-style-position: inside;
    list-style: none;
    text-align: center;
    margin-bottom: 8px;
}

.form-control {
    height: auto;
}

.input-validation-error {
    border: 1px solid #f00;
}

input.valid {
    border: 1px solid #00c851;
}

/* Print media */
@media print {
    * {
        font-size: 12px;
    }

    [class*='col-sm'] { float: left; }
    .col-sm-1 { width: 8.33%; }
    .col-sm-2 { width: 16.66%; }
    .col-sm-3 { width: 24.99%; }
    .col-sm-4 { width: 33.32%; }
    .col-sm-5 { width: 41.65%; }
    .col-sm-6 { width: 50%; }
    .col-sm-7 { width: 58.31%; }
    .col-sm-8 { width: 66.64%; }
    .col-sm-9 { width: 74.97%; }
    .col-sm-10 { width: 83.3%; }
    .col-sm-11 { width: 91.63%; }
    .col-sm-12 { width: 100%; }
    .col-xs-12 { width: 100%; }

    .show-print {
        display: block !important;
    }
}
/* Print media */

/* Answers Checkbox and Radio List Group  */
#answers .soptions {
    margin-bottom: 2rem;
}

#answers .soptions:last-child {
    margin-bottom: 0;
}

#answers .list-group-item {
    user-select: none;
}

#answers .list-group-item span {
    position: relative;
    top: -3px;
}

#answers .list-group input[type="checkbox"], #answers .list-group input[type="radio"] {
    display: none;
}

#answers .list-group input[type="checkbox"] + .list-group-item, #answers .list-group input[type="radio"] + .list-group-item {
    cursor: pointer;
}

#answers .list-group .list-group-item:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 1em;
    font-size: 1.25rem;
    top: 10px;
}

#answers .list-group input[type="checkbox"] + .list-group-item:before {
    content: "\f0c8";
}

#answers .list-group input[type="checkbox"]:checked + .list-group-item:before {
    content: "\f14a";
}

#answers .list-group input[type="radio"] + .list-group-item:before {
    content: "\f111";
}

#answers .list-group input[type="radio"]:checked + .list-group-item:before {
    content: "\f192";
}

#answers .list-group input[type="checkbox"]:checked + .list-group-item, #answers .list-group input[type="radio"]:checked + .list-group-item {
    background-color: #0275D8;
    color: #FFF;
}

#answers .show-score .list-group input[type="checkbox"]:checked + .list-group-item.correct, #answers .show-score .list-group input[type="radio"]:checked + .list-group-item.correct {
    background-color: #5dc78b;
}

#answers .show-score .list-group input[type="checkbox"]:checked + .list-group-item.wrong, #answers .show-score .list-group input[type="radio"]:checked + .list-group-item.wrong {
    background-color: #c37777;
}

#answers .show-score .list-group input[type="checkbox"] + .list-group-item.border-correct, #answers .show-score .list-group input[type="radio"] + .list-group-item.border-correct {
    border: 2px solid #00b44e;
}
/* Answers Checkbox and Radio List Group  */
