/*--- Side-Nav Icons Styles ---*/
body.dark-mode .image-icon {
    -webkit-filter: invert(.85);
    filter: invert(.85);
}

/*--- Manage Account Input Custom Styles ---*/
body.dark-mode input[disabled] {
    border: #d9d9d9 1px dashed;
}

/*--- Manage Nav Custom Styles ---*/
ul.manage-nav li {
    border-bottom: none !important;
}

ul.manage-nav a:hover {
    color: inherit !important;
}

.nav-treeview > .nav-item > .nav-link.active > img.nav-icon {
    filter: invert(0);
}

/*--- AdminLTE Dark Mode and Devextreme ---*/
.dark-mode .dx-datagrid-header-panel, .dark-mode .dx-datagrid-header-panel > .dx-toolbar {
    background-color: #343a40 !important
}

.dark-mode .dx-popup-content .dx-datagrid-header-panel, .dark-mode .dx-popup-content .dx-datagrid-header-panel > .dx-toolbar {
    background-color: transparent !important;
}

.dark-mode .dx-widget.dx-datagrid-pager.dx-pager {
    background-color: #343a40 !important
}

.dark-mode .dx-gallery-wrapper {
    background-color: #2a2a2a;
    border-radius: 10px;
}

.dark-mode .dx-item-content.dx-accordion-item-body .dx-gallery-wrapper {
    background-color: #454d55;
    border-radius: 10px;
}

/*--- AdminLTE Dark mode and Bootstrap ---*/
.dark-mode .close {
    color: #000000;
}

/*--- Web-Kit Autofill Fix ---*/
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

/*--- Form Resize for Small Phones ---*/
@media (max-width: 992px) {
    form input, form label, form p, form .dx-button-text, form .dx-widget {
        font-size: 16px !important;
    }
}

/*--- Form CSS ---*/
.label-toggle-disabled .dx-field-item-label {
    pointer-events: none;
}

.input-uppercase input,
td.input-uppercase {
    text-transform: uppercase
}

/*--- Other ---*/
.overflow-visible {
    overflow: visible !important;
}