:root {
    --error-color: hsl(0, 50%, 45%)
}

.error input {
    border: 2px var(--error-color, red) solid !important;
}

.error input[type=checkbox] {
    outline: 2px var(--error-color, red) solid !important;
    outline-offset: -2px;
}

.errorlist {
    list-style: square;
    padding-left: 1em;
    margin: 0;
    color: var(--error-color, red);
    font-size: 1.3rem;
}

.was-validated:invalid,.was-validated:invalid + .custom-file-label {
    border: 4px solid red;
}

input[type=submit] {
    padding: 1em 2em;
}

.event-form {
    padding: 2em 1em;
}

#add_restriction_form, #add_price_form, #add_jumpprices_form, #add_custom_aircraft, #add_sponsor_form, #add_media_form  {
    margin: 0.5em 0 1em 0
}

.bootstrap-select .dropdown-menu {
    border: 1px solid grey;
    border-radius: .25rem
}

.bootstrap-select .dropdown-menu .actions-btn {
    border: 1px solid grey;
    border-radius: .25rem

}

form.event-form summary {
    list-style: none;
}

.dze-form {
    padding-bottom: 44px;
}

.fix-field-align-center {
    display: flex;
    align-items: center;
}

.fix-field-align-center label {
    margin: 0;
}

.flex-gap-1 {
    margin-top: calc(-1 * var(--gap, 10px));
}

.flex-gap-1 > * {
    margin-top: var(--gap, 10px);
}

@media (max-width: 450px) {
    .fix-field-align-center label {
        width: 6ch;
    }

    .fix-field-align-center label.custom-file-label {
        width: revert;
    }


    #restriction_formset .flex,
    #jumpprices_formset .flex,
    #price_formset .flex,
    #aircraft_forms .flex,
    #sponsor_formset .flex,
    #media_formset .flex {
        flex-wrap: wrap;
    }

    #restriction_formset .flex > *,
    #jumpprices_formset .flex > *,
    #price_formset .flex > *,
    #aircraft_forms .flex > *,
    #sponsor_formset .flex > *,
    #media_formset .flex > * {
        flex-basis: 100%;
    }

    .form_label_input_grid input, .form_label_input_grid textarea, .form_label_input_grid select, .custom-file, .bootstrap-select.bootstrap-select {
        width: 100%;
    }

    .form_label_input_grid input[type=checkbox], .form_label_input_grid input[type=radio] {
        width: auto;
    }
}