html, body {
    color: #21313c !important;
    font-family: "Roboto", "Noto Sans HK", "Noto Sans TC", "Noto Sans SC", sans-serif !important;
    font-style: normal !important;
    font-size: 14px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", "Noto Sans HK", "Noto Sans TC", "Noto Sans SC", sans-serif !important;
    font-style: normal !important;
}

a {
    font-family: "Roboto", "Noto Sans HK", "Noto Sans TC", "Noto Sans SC", sans-serif !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #c9ced3 !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #c9ced3 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #c9ced3 !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #c9ced3 !important;
}

.ql-toolbar {
    border: 1px solid #dee2e6 !important;
    border-top-left-radius: 0.2rem;
    border-top-left-radius: 0.2rem;
}


.ui-autocomplete {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    padding: 4px !important;
}

.ui-widget {
    font-family: "Roboto", "Noto Sans HK", "Noto Sans TC", "Noto Sans SC", sans-serif !important;
    font-style: normal !important;
    font-size: 14px !important;
}

.ui-dialog {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 0.2rem !important;
    border-top-right-radius: 0.2rem !important;
    border-bottom-left-radius: 0.2rem !important;
    border-bottom-right-radius: 0.2rem !important;
    font-family: "Roboto", "Noto Sans HK", "Noto Sans TC", "Noto Sans SC", sans-serif !important;
    font-style: normal !important;
    font-size: 14px !important;
    z-index: 9999 !important;
}

.ui-dialog-content {
    background-color: red;
    max-height: 200px; /* Set your desired limit */
    overflow-y: auto; /* Enables vertical scrolling */
}

.ui-dialog-titlebar-close {
    display: none;
}

.ui-widget-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
    opacity: 0.8 !important;
    /*filter: Alpha(Opacity=80);*/
}

.ui-menu {
    padding: 4px 1px;
}

    .ui-menu .ui-state-active {
        background: #e3e4e5 !important; /* Your highlight color */
        color: #212529 !important;
        border-style: none;
    }

.truncate-text-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1; /* Limit to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-text-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-text-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limit to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-text-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Limit to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-text-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5; /* Limit to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}