/* ============================= Quiz CSS ============================= */

/*= Helpers = */
/* bg-success: #198754;
bg-danger: #dc3545;
Huisman Blue: #008AC9 !important; */


/*= Global Defaults =*/


.custom-header {
    background-color: #1e434b;
    color: white;
    padding: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.section-title {
    position: relative;
}

.section-title:before {
    content: "";
    top: -5px;
    left: -12px;
    width: 0;
    height: 0;
    z-index: 0;
    position: absolute;
    border-style: solid;
    border-width: 70px 70px 0 0;
    border-color: #0093d1 transparent transparent
}

.position-relative {
    position: relative !important;
}

.logo-huisman {
    max-height: 50px;
}

.logo-hse {
    max-height: 120px;
}



.btn-custom {
    background: #008AC9 !important;
    border-color: #008AC9 !important;
    color: #fff !important;
}

.btn-custom:hover {
    background: #33a8e0 !important;
    border-color: #33a8e0 !important;
    color: #ffffff !important;
}

/*= Question Container =*/


.question-container {
    border: 0px solid #6c757d!important
}


.good {
    background-color: #a7c957 !important;
    color: #000;
}

    .icon.good {
        background: #fff !important;
        color: #198754;
        font-size: 32px;

    }

.bad {
    background-color: #ff8fa3 !important;
    color: #000;
}

    .icon.bad {
        background: #fff !important;
        color: #dc3545;
        font-size: 32px;
    }



/*= Answers Inputs =*/

.form-check input[type="radio"]:checked + label {
    font-weight: 500;
}


/* Zvolený input, který je disabled, má tučný font */
.form-check input:disabled:checked + label {
    font-weight: 500;
}

/* Ostatní inputy, které jsou disabled, zůstanou s normálním fontem, i při hover */
.form-check input:disabled + label {
    font-weight: normal;
}

/* Pokud inputy nejsou disabled, tak při hover mají tučný font */
.form-check input:not(:disabled) + label:hover {
    font-weight: 500;
}

/* Při focusu mají také tučný font, pokud nejsou disabled */
.form-check input:not(:disabled) + label:focus {
    font-weight: 500;
}

/* Huisman modrá u radio buttons */
.form-check-input:checked {
    background-color: #008AC9 !important;
    border-color: #008AC9 !important;;
}