.display-none {
    display: none !important;
}

.header-right.ui-datatable .ui-datatable-header {
    text-align: right !important;
}

.ui-button-text-only .ui-button-text {
    padding: 0.3em 0.4em;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox {
    display: none;
}

.input-group-country *, .input-group-country {
    max-width: 50px !important;
}

.ui-editor-toolbar.ql-toolbar.ql-snow svg {
    stroke: #444444;
}

.file-upload-only,
.file-upload-only > span:first-child {
    width: min-content;
    height: 34px;
    outline: none !important;
    box-shadow: none !important;
}

.file-upload-only:hover {
    background-color: #e5e2e2;
}

.file-upload-only > span:last-child {
    display: none;
}

.file-delete-only {
    width: min-content !important;
    height: 34px;
}

table:has(thead):not(:has(tbody)) {
    display: none;
}

body .ui-tabs .ui-autocomplete .ui-autocomplete-token:hover {
    background-color: #3c8dbc !important;
}

.content > .row > .col-sm-12:has(#messages):has(#info-messages) {
    display: none !important;
}

div.ui-growl {
    position: fixed !important;
    top: 20px !important;;
    right: 20px !important;;
    width: 301px !important;
    left: unset !important;
}

.small-fieldset .ui-fieldset-content {
    padding: 4px 8px !important;
}

.small-fieldset .ui-button {
    padding: 2px 6px !important;
    font-size: 12px !important;
    line-height: 1.2;
}

/* Giảm khoảng cách giữa các fieldset */
.mb-2, .small-fieldset {
    margin-bottom: 6px !important;
}

/* DataTable nhỏ gọn */
.compact-table .ui-datatable-data td {
    padding: 2px 6px !important;
    font-size: 12px !important;
}

.compact-table .ui-datatable-header,
.compact-table .ui-datatable-footer {
    padding: 2px 6px !important;
}

.select-time-slot .ui-button-text {
    display: flex !important;
    justify-content: center !important;;
}

.schedule-pick-date .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-inline.p-datepicker-panel {
    width: 100%;
}

.desc-2line {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.2em;
    line-height: 1.6em;
}

@media (max-width: 768px) {
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.ui-draggable.ui-resizable {
        width: 95% !important;
    }

    .ui-tabs-panel.ui-widget-content.ui-corner-bottom {
        padding: 6px !important;
    }

    .ui-selectmanybutton.ui-buttonset.ui-widget.ui-corner-all.ui-buttonset-7 .ui-button-text.ui-c {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.ql-editor {
    min-height: 200px;
}