: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-checkbox-input,
 :root.dark .table.dataTable.table-striped>tbody>tr.odd

 {
     background-color: #dcdbda !important;
 }

: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;
}

: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
{
    background-color: #e1e0df !important;
}

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

:root.dark .p-button-danger
{
    background-color: #ff7272 !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 {

    background-color: #cfcecd !important;
}

: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
{
    color: black !important;
}

:root.dark .p-button {
    background-color: #3c6b00;
    color: black !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: #666666 !important;
}