/* Module Custom Styles */
.ql-container {
    min-height: 150px;
    border: 1px dotted;
    padding: 2px;
    resize: vertical;
    overflow: auto;
}
.drop-icon {
    width: 22px;
    height: 22px;
    padding-right: 5px;
}
.fs-7 {
    font-size: 0.875rem;
}
.limited-list {
    list-style-type: none; /* Optional: remove default bullet points */
    padding: 0; /* Optional: remove default padding */
    margin: 0; /* Optional: remove default margin */
    max-height: 8.4em; /* Adjust the height to show desired number of items */
    overflow-y: auto; /* Enable vertical scrolling if items overflow */
}

    .limited-list li {
        height: 2.8em; /* Adjust this value based on your design */
    }
.modal-content {
    color: var(--bs-body-color);
}
/* Example CSS */
.language-selector button {
    margin-right: 5px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    cursor: pointer;
    background-color: #f9f9f9;
}

    .language-selector button.active {
        background-color: #e0e0e0;
    }

.flag-icon {
    width: 16px;
    height: 12px;
    vertical-align: middle;
    margin-right: 3px;
}

.content-status .status-indicator {
    font-size: 0.9em;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.content-status .status-active {
    /* color: darkgreen; */
}

.content-status .status-fallback {
    /* color: darkorange; */
}

.content-status .status-hidden {
    /* color: darkred; */
}