.darkMode svg use {
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(103%) contrast(106%);
}

.darkMode .modal-header .close {
    color: var(--darkmode-text-color);
}

.darkMode .searchMapSection .gm-bundled-control div:nth-child(1) {
    background: var(--darkmode-primary-color) !important
}

.darkMode .gm-control-active img {
    filter: invert(92%) sepia(3%) saturate(2894%) hue-rotate(183deg) brightness(93%) contrast(98%);
}

.darkMode .svgImg img,
.darkMode img.svgImg {
    filter: invert(92%) sepia(3%) saturate(2894%) hue-rotate(183deg) brightness(93%) contrast(98%);
}

.darkMode .bgTransparent,
.darkMode .bgTransparent:hover,
.darkMode .bgTransparent:focus {
    background: transparent !important;
}

.darkMode .DateInput {
    background: transparent;
}

.darkMode .DateRangePickerInput {
    background-color: transparent;
}

.darkMode .DateInput_fangShape {
    fill: var(--darkmode-primary-color);
}

.darkMode .DayPicker-NavButton--prev {
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(103%) contrast(106%);
}

.darkMode .DayPicker-NavButton--next {
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(103%) contrast(106%);
}

.darkMode .DayPicker {
    background-color: transparent !important;
}

.darkMode .layout5Css .layout5Searchform {
    background-color: var(--darkmode-primary-color);
}

.darkMode select {
    background-image: url('../SiteIcons/chevron-down-dark.svg') !important;
}

.darkMode .adminstyle .reactable-column-header {
    background-color: var(--darkmode-primary-color);
}

.darkMode .commonListingBg .panel-body {
    background: transparent !important;
}

.darkMode .DateRangePickerInput_arrow_svg {
    fill: var(--darkmode-text-color);
}

.darkMode .darkModeTextBlack {
    color: var(--darkmode-primary-color);
}

.darkMode .publishArrow select {
    background-image: url(../SiteIcons/darkSelectArrow.svg) !important;
}

/* Media queries */
.darkMode .listIntroBgDark {
    background-image: url('../SiteImages/becomeHostBgDark.svg') !important;
}

.darkMode .modal-header .close {
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(103%) contrast(106%);
}

.darkMode .st0 {
    fill: var(--darkmode-text-color) !important;
}

.darkMode .listBannerImageBgDark {
    display: none;
}

.darkMode .filepicker .dz-message {
    color: var(--darkmode-text-color);
}

.darkMode .saveCalendarDark svg {
    fill: var(--darkmode-text-color) !important;
}

.darkMode .dotTextDark {
    background: var(--darkmode-text-color);
}

.darkMode .Loader__background {
    background-color: transparent !important;
}

.darkMode .loadingOverlayDark {
    background-color: transparent !important;
}

.darkMode .hijnLS {
    box-shadow: inherit;
    background: var(--darkmode-primary-color);
    border: 1px solid var(--primary-border);
    border-top: 0
}

.darkMode .beLwEX {
    background: var(--darkmode-primary-color);
}

.darkMode .beLwEX:hover {
    background: var(--darkmode-secondary-color);
}

.darkMode .fiaijo:hover {
    background: var(--darkmode-secondary-color);
}

.darkMode ::marker {
    color: var(--darkmode-primary-color);
}

.darkMode .lightModeImg {
    display: none;
}

.darkMode .darkModeImg {
    display: block;
}

.darkMode .listIntroBgImage {
    background-image: url('../SiteImages/darkIntroBg.svg') !important;
}

.darkMode .searchFilterCloseIconDark {
    color: var(--darkmode-text-color);
}

.darkMode .commonHeader.navbar-default .navbar-nav>li>form>button {
    color: var(--darkmode-text-color);
}

.darkMode .darkAvater {
    background: url('../SiteIcons/avatarDark.png') no-repeat;
    background-position: 98% 50%;
}

.darkMode .darkCall {
    background: url('../SiteIcons/callDark.png') no-repeat;
    background-position: 98% 50%;
}

.darkMode .darkEmail {
    background: url('../SiteIcons/mailDarkMode.png') no-repeat;
    background-position: 98% 50%;
}

.darkMode .darkContact {
    background: url('../SiteIcons/editDark.png') no-repeat;
    background-position: 98% 20%;
}

.darkMode .darkInputColor input {
    color: var(--darkmode-text-color) !important;
}

.darkMode .viewListingMap .gm-bundled-control div:nth-child(1) {
    background: var(--darkmode-primary-color) !important;
}

.darkMode .viewListingMap .gm-control-active {
    background: var(--darkmode-primary-color) !important;
}

.darkMode .adminScrollBar ::-webkit-scrollbar-thumb {
    background: var(--darkmode-text-color) !important;
    width: 3px;
    border-radius: 10px;
}

/* Handle on hover */

.darkMode .adminScrollBar ::-webkit-scrollbar-thumb:hover {
    background: var(--darkmode-text-color) !important;
}

.darkMode .darkModeFilterNone,
.darkMode .dzInputContainer .dz-preview.dz-processing.dz-image-preview .dz-image img {
    filter: none !important;
}

.darkMode .refundTextColorRTL {
    text-decoration-thickness: 1px;
    text-decoration-color: var(--darkmode-text-color);
}

.darkMode .closeIcon {
    filter: invert(100%) sepia(1%) saturate(602%) hue-rotate(187deg) brightness(114%) contrast(100%);
}

.darkMode .dotStyleDarkMode {
    background-color: var(--darkmode-text-color);
}

.darkMode .locationCssDarkMode::before {
    background-color: var(--darkmode-text-color) !important;
}

.darkMode .searchHeaderPlaceSuggest {
    background-image: url(../SiteIcons/listLocatiionPin.svg);
}

.darkMode .manualGeoSuggestListWrapper:after {
    background-image: url('../darkPoweredByGoogle.png');
}

.darkMode .dashBoardCircleDark {
    display: none;
}