.form-container ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    color: #842029;
}

.exam-results-table tr.incorrect-answer-row td {
    background-color: #f8d7da !important; 
}

.question-answers .correct-answer {
    background-color: #d1e7dd;
}

.question-answers .incorrect-answer {
    background-color: #f8d7da;
}

.dropdown-menu li {
    position: relative;
}
.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

.bi::before {
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
}

.hidden {
    display: none;
}

.page-content {
    /*min-height: 100vh;*/
}

.page-title {
    font-size: 1.25rem !important;
}

.package-border {
    border: 1px solid #0d6efd !important;
}

.package-highlighted {
    box-shadow: 0 0 15px #198754;
}

.question-explanation {
    display: none;
}

.question-explanation-edit {
    display: none;
}

td.min {
    width: 1%;
}

td.min label {
    white-space: nowrap;
}

td.min label small {
    white-space: break-spaces;
}

.messenger a {
    color: #951d32;
}

.messenger .icon {
    margin-right: 7px;
}

.card {
    margin-bottom: 40px !important;
}

.flex-item-images {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.flex-items-image {
    flex-basis: 350px;
}

.flex-item-images .flex-items-image {
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

.flex-item-images .flex-items-image .buttons {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 15px;
}

.flex-items-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.table thead th.sortable a {
    color: #000;
}

.table thead th.sortable a:hover {
    opacity: 0.8;
    text-decoration: none;
}

.font-monospace {
    font-family: "monospace" !important;
}

.font-10 {
    font-size: 10px;
}

.text-muted {
    white-space: break-spaces;
}

.base-navigation .btn {
    margin-right: 5px;
}

.base-navigation .btn:last-child {
    margin-right: 0px;
}

.text-justify {
    text-align: justify !important;
}

#register_form .form-label {
    margin-bottom: 0px;
}

@media only screen and (max-width: 769px) {
    #register_form .form-check-label {
        font-size: 0.8rem;
    }
}

.form-input-errors {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #e74a3b;
    text-align: justify;
}

.form-input-errors li {
    padding: 5px;
}

.bg-body-tertiary {
    background-color: rgba(248, 249, 250, 1) !important;
}

.form-fieldset.card {
    margin-bottom: 10px !important;
}

.hidden-element {
    transform: scaleY(0);
    opacity: 0;
    height: 0;
    transition: transform 0.4s ease-out, opacity 0.4s ease-out, height 0.4s ease-out;
    padding: 0px;
    margin: 0px !important;
}

.fade-collapse {
    transform: scaleY(1);
    opacity: 1;
    height: auto;
    transition: transform 0.4s ease-out, opacity 0.4s ease-out, height 0.4s ease-out;
    transform-origin: top;
}