/* Fix misaligned ChoiceType fields */
fieldset legend.col-form-label {
    padding-top: 0 !important;
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    box-shadow: none !important;
}

table.dataTable tr td {
    background: rgb(242, 242, 242) !important;
}

table.dataTable tr th {
    background: #fff !important;
}

table.dataTable tr:nth-of-type(2n) td {
    background: rgb(252, 253, 254) !important;
}

table.dataTable tr:hover td {
    background: rgb(236, 236, 236) !important;
}

fieldset {
    background: transparent !important;
}

legend {
    font-size: 1.25rem !important;
    float: none !important;
    margin-bottom: 0 !important;
    padding: 0 .5rem !important;
    width: auto !important;
}

.option.active {
    background: rgb(236, 236, 236) !important;
}

.container-focus:focus-within .show-when-focused {
    display: block; /* Show the element when the input is focused */

}

.show-when-focused {
    display: none;
}

.scroll-x {
    overflow-x: scroll;
}

.scroll-x-hidden {
    overflow-x: hidden;
}

.scroll-y {
    overflow-y: scroll;
}

.scroll-y-hidden {
    overflow-y: hidden;
}

.font-1 {
    font-size: 1rem;
}

.font-1_2 {
    font-size: 1.2rem;
}

.obj-pos-h-20 {
    object-position: 50% 20%;
}