.dark-mode {
    filter: invert(0.9) hue-rotate(180deg) !important;
}

    .dark-mode img {
        filter: invert(1) hue-rotate(180deg) !important;
    }

        .dark-mode img#CompanyLogo {
            filter: inherit !important;
        }

    .dark-mode .tileContainer,
    .dark-mode .btn-background,
    .dark-mode .footer-div,
    .dark-mode .swal2-styled,
    .dark-mode .toast-success,
    .dark-mode .swal2-warning,
    .dark-mode .topConfigMenu,
    .dark-mode .swal2-error,
    .dark-mode .swal2-info,
    .dark-mode .sk-three-bounce,
    .dark-mode .onoffswitch-inner,
    .dark-mode .dbtnRFQadd,
    .dark-mode button#btnPurchaseSubmit,
    .dark-mode .action-button,
    .dark-mode .modal-title,
    .dark-mode .custdropdown-Div,
    .dark-mode .alert-danger,
    .dark-mode .alert-warning,
    .dark-mode .margin-R5,
    .dark-mode .ErrorIcon,
    .dark-mode div#page-header,
    .dark-mode .ErrorPageBackground,
    .dark-mode .swal2-close,
    .dark-mode .toast-error,
    .dark-mode .toast-info,
    .dark-mode .toast-warning,
    .dark-mode .toast-info,
    .dark-mode li#materialCostingReview,
    .dark-mode div#header2,
    .dark-mode div#footer,
    .dark-mode li#riskasses-header,
    .dark-mode div#laborGroupActivity-header,
    .dark-mode .btn-danger,
    .dark-mode .btnStopPricing,
    .dark-mode .btn-cancelbackground,
    .dark-mode .pricebreakheader,
    .dark-mode div#bidsuppliertile,
    .dark-mode div#bidcqlink-header,
    .dark-mode .simplifiedAutoPriceButton,
    .dark-mode div#autoselect-header,
    .dark-mode .bidsheet-status-submittedlate,
    .dark-mode .bidsheet-status-partiallysubmitted
    .dark-mode .bidsheet-status-submittedopen,
    .dark-mode .bidsheet-status-closed,
    .dark-mode .bidsheet-status-open,
    .dark-mode .bidsheet-status-revoked,
    .dark-mode .bidsheet-status-submitted
    .dark-mode .bidsheet-status-draft,
    .dark-mode .bidsheet-status-inprogress,
    .dark-mode .bidsheet-status-sent,
    .dark-mode ui-grid-footer,
    .dark-mode button#btnCancel,
    .dark-mode button#copypurchaseorder,
    .dark-mode tr#manageassembly-title,
    .dark-mode .historicalPricingDropDown,
    .dark-mode input#curruntItemNo,
    .dark-mode input#currentTotalQty,
    .dark-mode div#SupplierTypesFlag .dropdown-toggle,
    .dark-mode span#updatepriceicon,
    .dark-mode .spin-dark-mode,
    .dark-mode span#supplierpopoverlink,
    .dark-mode span#cqpscloseicon,
    .dark-mode span#lockselectedpriceicon,
    .dark-mode .bidsheet-status-submitted,
    .dark-mode .bidsheet-status-draft,
    .dark-mode .h1Content,
    .dark-mode #drop,
    .dark-mode #aegisBomImport,
    .dark-mode .swal2-question,
    .dark-mode #bidbyline-text,
    .dark-mode .launcher-right-align,
    .dark-mode #live-chat-widget,
    .dark-mode .intercom-launcher,
    .dark-mode .intercom-ruskli,
    .dark-mode .featureHeaderContent,
    .dark-mode .intercom-messenger-frame,
    .dark-mode .intercom-1cdkxxy,
    .dark-mode #hubspot-messages-iframe-container,
    .dark-mode .fa-balance-scale,
    .dark-mode .bomIcon,
    .dark-mode .fa-question,
    .dark-mode .smartBomIcon-disable,
    .dark-mode .bomimporttitle,
    .dark-mode #quotelink-header,
    .dark-mode .company-sidebar {
        filter: invert(1) hue-rotate(180deg) !important;
    }

    .dark-mode div#sidebar-wrapper {
        filter: invert(1) hue-rotate(180deg) !important;
        background: #1a71d2 !important;
    }

    .dark-mode #dispMPN .popover {
        width: 350px;
        max-width: 350px;
        top: -60px !important;
    }

    .dark-mode .ui-grid-row:nth-child(even) .ui-grid-cell {
        background-color: #e1e1e1;
    }

    .dark-mode .highlightedText {
        background-color: #eeeeee;
        border-radius: 5px;
    }

    .dark-mode tbody#RoleRightsDesc label,
    .dark-mode h3#alternate-header,
    .dark-mode h3#autoselectbid-header,
    .dark-mode h3#bomimport-header,
    .dark-mode h3#exportbid-header,
    .dark-mode h3#importtarget-header,
    .dark-mode h2#editquote-header,
    .dark-mode h4#copypurchase-header,
    .dark-mode h3#quotehistory-header,
    .dark-mode h3#quotepublished-header,
    .dark-mode h4#manageassembly-header,
    .dark-mode label#notrunningassembly-message,
    .dark-mode h3#assembly-header,
    .dark-mode #editchecklist-header,
    .dark-mode #materialpopup-header,
    .dark-mode #nobid-header,
    .dark-mode #awaedreport-header,
    .dark-mode #sendparttowatchcq-header,
    .dark-mode #bidbyline-header,
    .dark-mode #bidrequest-header,
    .dark-mode #modal-title-dark,
    .dark-mode .modal-title-dark {
        filter: invert(0) hue-rotate(180deg) !important;
    }

    .dark-mode .blue-background {
        background-color: #1a71d2;
        color: #ffffff;
        filter: invert(1) hue-rotate(180deg);
    }

    .dark-mode .green-color {
        background-color: #009688;
        color: #ffffff;
        filter: invert(1) hue-rotate(180deg);
    }

    .dark-mode .modal-footer {
        padding: 20px;
        text-align: right;
        border-top: 1px solid #575757;
    }

    .dark-mode .modal-header {
        padding: 15px;
        border-bottom: 1px solid #575757;
        min-height: 16.43px;
        padding-bottom: 5px;
    }

    .dark-mode .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
        background-color: #c9dde1;
    }

#sidebar-wrapper {
    transition: unset;
}

.dark-mode .profile-light-danger {
    filter: invert(0.75) hue-rotate(182deg) !important;
}

.mt-18 {
    margin-top: 18px;
}

.mr-15 {
    margin-right: -9px;
}

.dark-mode div#header1 {
    filter: unset !important;
    background: #e1e1e1 !important;
    color: #fff !important;
}

    .dark-mode div#header1 span:not(.titles) {
        color: #181818;
    }

.dark-mode .ribbon {
    filter: unset !important;
    background: #409afa !important;
    color: #fff !important;
}

.dark-mode .pageheader {
    color: #000000;
}

.dark-mode .dropdown a {
    color: #000000;
    text-decoration: none;
}

.fa-moon-o:before {
    font-size: large;
}

.fa-sun-o:before {
    font-size: large;
}

.dark-mode #userprofile-header.modal-header {
    padding-top: 0;
    padding-bottom: 0;
}

.btnclosemodel {
    position: relative;
    z-index: 1;
}