:root.dark {
    filter: invert(1) hue-rotate(180deg);
}
:root.dark img, :root.dark video, :root.dark picture:not([fill="currentColor"]) {
    filter: invert(1) hue-rotate(180deg);
}

:root.dark body {
    background-color: #f8fafc;
}

:root.dark .card,
:root.dark .p-breadcrumb,
:root.dark .p-toolbar,
:root.dark .p-datatable-tbody,
:root.dark .p-datatable-empty-message,
:root.dark .p-row-even,
:root.dark .p-menu,
:root.dark .p-inputtext,
:root.dark .p-select,
:root.dark .p-multiselect,
:root.dark .p-textarea,
:root.dark .p-checkbox-input,
:root.dark .table.dataTable.table-striped>tbody>tr.odd,
:root.dark .news-detail-inner

{
    background-color: #dcdbda !important;
    background-image: none;
}

:root.dark .p-row-odd,
:root.dark .p-tab,
:root.dark .p-tree-node-selected,
:root.dark .p-tablist-tab-list,
:root.dark .navbar-tabs
{
    background-color: #c7c6c5 !important;
    background-image: none;
}

:root.dark .card {
    box-shadow: #dddddd 0 3px 6px,#ffffed 0 1px 3px !important;
}

:root.dark .card-header,
:root.dark .p-datatable-header,
:root.dark .p-datatable-thead,
:root.dark .table>:not(caption)>*>*,
:root.dark .p-datatable-header-cell,
:root.dark .p-paginator,
:root.dark .dataTables_empty,
:root.dark .p-panel-header,
:root.dark .news-card,
:root.dark .content-box
{
    background-color: #e1e0df !important;
    background-image: none;

}

:root.dark .table>:not(caption)>*>* {
    box-shadow: none !important;
}

:root.dark .p-inputtext.p-invalid {
    border-color: #ff7272 !important;
}

:root.dark .form-control {
    border-bottom-style: solid !important;
}



:root.dark .p-button-info {
    background-color: #0e445d !important;
}

:root.dark .p-card,
:root.dark .p-card-body,
:root.dark .p-card-content,
:root.dark .p-tabpanels,
:root.dark .p-datepicker-panel,
:root.dark .p-datepicker-header,
:root.dark .p-dataview-content,
:root.dark .p-tab-active,
:root.dark .nav-tabs .nav-link.active,
:root.dark .submenu-layout,
:root.dark .p-panel-content,
:root.dark .p-accordioncontent-content
{

    background-color: #cfcecd !important;
    background-image: none;
}

:root.dark #sideMenu,
:root.dark .p-tree {
    background-color: #dedede !important;
}

:root.dark .fa-plus-circle,
:root.dark .p-button-icon,
:root.dark .p-button-icon-only,
:root.dark .p-button-label,
:root.dark .p-togglebutton-label,
:root.dark .btn-primary,
:root.dark .btn-success,
:root.dark .p-datepicker-today > .p-datepicker-day-selected
{
    color: black !important;
}

:root.dark .p-button,
:root.dark .news-avatar
{
    background-color: #3c6b00 !important;
    color: white !important;
}

:root.dark .status-badge {
    color: #3c6b00 !important;
}

:root.dark .p-button:hover
{
    background-color: #529000 !important;
    color: white !important;
}

:root.dark .p-button-danger
{
    background-color: #ff7272 !important;
}

:root.dark .p-button-danger:hover
{
    background-color: #ff8888 !important;
}


:root.dark section.body > .container.login a.link.small {

}

:root.dark .linalogo {
    content:url('/img/common/lina-logo-dark.png');
}

:root.dark .p-button-secondary {
    background-color: transparent !important;
}

:root.dark .bg-white {
    background-color: #e1e0df !important;
}

:root.dark .p-toggleswitch-slider {
    background-color: #dcdbda !important;
}

:root.dark .p-toggleswitch-checked .p-toggleswitch-slider {
    background-color: #3c6b00 !important;
}

:root.dark .layout-preview-container {
    filter: invert(1) hue-rotate(180deg);
}

:root.dark .layout-preview-container img {
    filter: none;
}


:root.dark .layout-preview-container .draggable-item,
:root.dark .layout-preview-container .barcode-item {
    filter: none;
}


:root.dark .p-colorpicker,
:root.dark .p-colorpicker-panel,
:root.dark .p-colorpicker-panel-inline {
    filter: invert(1) hue-rotate(180deg) !important;
}


/*
.dark {
// Shared tokens for disabled state in dark mode
--lina-disabled-bg: rgba(255, 255, 255, 0.06);
    --lina-disabled-border: rgba(255, 255, 255, 0.22);
    --lina-disabled-text: rgba(255, 255, 255, 0.65);

// Native inputs and textareas
input[disabled],
select[disabled],
textarea[disabled] {
    background-color: var(--lina-disabled-bg) !important;
    color: var(--lina-disabled-text) !important;
    border-color: var(--lina-disabled-border) !important;
    -webkit-text-fill-color: var(--lina-disabled-text); // Safari
opacity: 1 !important; // avoid too low contrast
cursor: not-allowed;
}

// PrimeVue input text
.p-inputtext.p-disabled,
.p-inputtext:disabled {
    background-color: var(--lina-disabled-bg) !important;
    color: var(--lina-disabled-text) !important;
    border-color: var(--lina-disabled-border) !important;
    -webkit-text-fill-color: var(--lina-disabled-text);
    opacity: 1 !important;
    cursor: not-allowed;
}

// PrimeVue Select (new) and legacy Dropdown/MultiSelect/InputNumber containers
.p-select.p-disabled,
.p-dropdown.p-disabled,
.p-multiselect.p-disabled,
.p-inputnumber.p-inputwrapper.p-disabled {
    background-color: var(--lina-disabled-bg) !important;
    border-color: var(--lina-disabled-border) !important;
    opacity: 1 !important;
    cursor: not-allowed;
}
    .p-select.p-disabled .p-select-label,
    .p-dropdown.p-disabled .p-dropdown-label,
    .p-multiselect.p-disabled .p-multiselect-label {
        color: var(--lina-disabled-text) !important;
    }

// PrimeVue Checkbox/Radio
.p-checkbox.p-disabled .p-checkbox-box,
.p-radiobutton.p-disabled .p-radiobutton-box {
    background-color: var(--lina-disabled-bg) !important;
    border-color: var(--lina-disabled-border) !important;
    opacity: 1 !important;
}
    .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon,
    .p-radiobutton.p-disabled .p-radiobutton-icon {
        color: var(--lina-disabled-text) !important;
    }

// PrimeVue ToggleSwitch
.p-toggleswitch.p-disabled {
    opacity: 1 !important; // keep readable in dark mode
cursor: not-allowed;
}
    .p-toggleswitch.p-disabled .p-toggleswitch-slider {
        background-color: var(--lina-disabled-bg) !important; // unchecked track
    border-color: var(--lina-disabled-border) !important;
    }
// provide a slightly stronger track color when disabled + checked so state is still perceivable
.p-toggleswitch.p-disabled.p-toggleswitch-checked .p-toggleswitch-slider {
    background-color: rgba(255, 255, 255, 0.18) !important; // brighter than --lina-disabled-bg
}
    .p-toggleswitch.p-disabled .p-toggleswitch-slider:before {
        background: var(--lina-disabled-text) !important; // knob color
    opacity: 0.9; // improve contrast of the handle
    }

// Prevent hover styles from making disabled controls look active
.p-disabled,
[disabled] {
    &:hover,
    &:focus,
    &:active {
        box-shadow: none !important;
        filter: none !important;
    }
}
}*/