/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) transparent;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--border-color);
    border-radius: 20px;
    border: 3px solid transparent;
}

.i18n_flag {
    display: inline-block !important;
}

.i18n_flag.active {
    background-color: var(--header-color);
}

.i18n_flag img {
    width: 16px;
    vertical-align: text-top;
}

table .column-photo {
    width: 300px;
}

.tabular .field-caption input,
.tabular .field-order_number input {
    width: 100%;
}

table .column-writing_background_tag,
table .column-display_background_tag,
table .column-avatar_tag,
table .column-photo_frame_tag,
table .column-photo_tag,
table .column-icon_tag,
table .column-thumbnail_tag {
    width: 150px;
    text-align: center;
}

table .field-writing_background_tag img,
table .field-display_background_tag img,
table .field-avatar_tag img,
table .field-photo_frame_tag img,
table .field-photo_tag img,
table .field-icon_tag img,
table .field-thumbnail_tag img {
    width: 100%;
}

table .column-order_number {
    width: 150px;
    text-align: center;
}

table .field-order_number {
    text-align: center;
}

table .column-is_draft,
table .column-is_active {
    width: 120px;
    text-align: center;
}

table .field-is_draft,
table .field-is_active {
    text-align: center;
}

table .column-updated_at {
    width: 160px;
}

table .column-change_link,
table .column-delete_link {
    width: 80px;
    text-align: center;
}

table .field-change_link,
table .field-delete_link {
    text-align: center;
    white-space: nowrap;
}

table .field-change_link .changelink,
table .field-delete_link .deletelink {
    margin: 0 5px;
}

label.required {
    color: var(--error-fg);
    font-weight: normal;
}

.summernote-div {
    width: 100%;
}

html[data-theme="light"] .app-guestbook.model-draft .field-thumbnail_tag img,
html[data-theme="light"] .app-guestbook.model-draft .field-message img,
html[data-theme="light"] .app-guestbook.model-comment .field-thumbnail_tag img,
html[data-theme="light"] .app-guestbook.model-comment .field-message img {
    background-color: transparent;
}

@media (prefers-color-scheme: dark) {

    .app-guestbook.model-draft .field-thumbnail_tag img,
    .app-guestbook.model-draft .field-message img,
    .app-guestbook.model-comment .field-thumbnail_tag img,
    .app-guestbook.model-comment .field-message img {
        background-color: #fff;
    }
}

.module {
    margin-bottom: 0;
}

#nav-sidebar .module th,
#nav-sidebar .module caption {
    font-weight: 400;
}

ul.charts-statistics {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

ul.charts-statistics li {
    list-style: none;
    width: 100%;
}