/*
 * Override default styles for select lists in CKEditor
 * See https://ckeditor.com/old/forums/CKEditor/Configuring-size-of-Styles-dropdown
 */
.cke_panel {
    height: 280px !important;
    width: 220px !important;
}

/* Highlight CE footer */
.t3-page-ce .t3-page-ce-footer {
    background-color: #ebf3fb;
    border-left: 3px solid #6daae0;
}

.t3-page-ce-info::before {
    display: block;
    content: 'Erscheinungsbild:';
    font-weight: 600;
}

/* @todo: Is this a bug: .t3-page-ce-footer in .t3-page-ce-footer ? */
.t3-page-ce .t3-page-ce-footer .t3-page-ce-info .t3-page-ce-footer {
    border: none;
}

.formengine-field-item-description,
.form-section-description {
    display: inline-block;
    padding: 10px;
    background-color: #ebf3fb;
    border-left: 3px solid #6daae0;
}

/* Bootstrap 4 - Flexbox */
.flexbox-item {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: 0 15px 15px;
}

.w-33 {
    flex-basis: 33%;
    max-width: 33%;
}

/* Bootstrap 5 - Accordion */
.accordion {
    margin-top: .5rem;
}

.accordion-button {
    position: relative;
    width: 100%;
    padding: 5px;
    text-align: left;
    background-color: #eaeaea;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    background-color: #d0d0d0;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125)
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #aaa;
    outline: 0;
}

.accordion-header {
    margin: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}