@import url('../../src/components/variables.css');
body.lightMode {
	background-color: #fff;
}
body.darkMode {
	background-color: #323232;
	color: #fff !important;
}
.darkMode .textWhite{
    color: #ffffff !important;
}
.darkMode .bgBlack{
    background-color: #323232 !important;
}
.darkMode svg use{
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(103%) contrast(106%);
}
.darkMode .rentAllHeader .dropdown-menu{
    background-color: #323232;
}
.darkMode .rentAllHeader .dropdown-menu>li>a {
    color: #ffffff;
}
.darkMode .rentAllHeader .dropdown-menu>li>form>button {
    color: #ffffff;
}
.darkMode .darkModeInnerMenu.navbar-default{
    background-color: #323232;
}
.darkMode .headerSearch .geosuggest__input, .darkMode .headerSearch .geosuggest__input:focus, .darkMode .headerSearch .geosuggest__input:hover {
    color: #ffffff ;
}
.darkMode .DateInput_input{
    color: #fff;
}
.darkMode .form-control{
    color: #fff;
    background-color: #323232;
}
.darkMode .textWhite a{
    color: #ffffff !important;
}
.darkMode .modal-content{
    background-color: #323232;
}
.darkMode .bgBlackHover:hover{
    background-color: #323232 !important;
}
.darkMode .rc-pagination-item {
    background-color: #323232;
}
.darkMode .rc-pagination-item a {
    color: #ffffff;
}
.darkMode .modal-header{
    color: #ffffff;
}
.darkMode .modal-header .close{
    color: #ffffff;
}
.darkMode .searchMapSection .gm-bundled-control div:nth-child(1){
    background: #323232 !important
}
.darkMode .gm-control-active img{
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(103%) contrast(106%);
}
.darkMode .menuModal .nav-tabs>li.active>a, .darkMode .menuModal .nav-tabs>li.active>a:focus, .darkMode .menuModal .nav-tabs>li.active>a:hover {
    color: #fff;
}
.darkMode .svgImg img{
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(103%) contrast(106%);
}
.darkMode .calendarContainerDark{
    margin-left: 0;
}
.darkMode .bgTransparent, .darkMode .bgTransparent:hover, .darkMode .bgTransparent:focus{
    background: transparent !important;
}
.darkMode .DateInput{
    background: transparent;
}
.darkMode .DateRangePickerInput{
    background-color: transparent;
}
.darkMode .DayPicker__horizontal {
    background: #323232;
    border-radius: 0;
}
.darkMode .CalendarMonth{
    background: #323232;
}
.darkMode .CalendarMonth_caption{
    color: #ffffff;
}
.darkMode .DayPicker_weekHeader{
    color: #ffffff;
}
.darkMode .CalendarMonthGrid {
    background: transparent;
}
.darkMode .DateInput_fangShape{
    fill: #323232;
}
.darkMode .vidSearchForm .geosuggest__input{
    background-color: #323232;
    color: #ffffff !important
}
.darkMode .borderDark {
    border-color: #ffffff;
}
.darkMode .menuActive .sideNav, .darkMode .sideNav:focus {
    color: #ffffff;
    background: transparent;
}
.darkMode .sideNav{
    color: #ffffff;
}
.darkMode .iconBtnDark{
    color: #fff;
    background: transparent;
}
.darkMode .ListHeader.navbar-default .navbar-nav>li>a{
    background: transparent;
    color: #ffffff;
}
.darkMode .BecomeCalendar .DayPicker-Caption{
    color: #ffffff;
}
.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-Day{
    background-color: #323232;
}
.darkMode .DayPicker{
    background-color: transparent !important;
}
.darkMode .DayPicker-Day--outside{
    background-color: transparent !important;
}
.darkMode .BecomeCalendar .DayPicker-WeekdaysRow .DayPicker-Weekday{
    color: #ffffff;
}
.darkMode .saveCalenderDate .DateRangePicker_picker{
    background-color: transparent;
}
.darkMode .StripeElement{
    background: transparent;
}
.darkMode .InputElement{
    color: #ffffff !important;
}
.darkMode .centerLink2 a{
	color: #ffffff !important;
}
.darkMode .dot2::before {
    background-color: #ffffff !important;
}
.darkMode .dot2::after {
    background-color: #ffffff !important;
}
.darkMode .darkBgHeder{
    background-color: #323232 !important;
}
.darkMode .layout5Css .layout5Searchform {
    background-color: #323232;
    border: 1px solid #555;
}
.darkMode .fixedBgHeader {
    background-color: #323232 !important;
}
.darkMode select {
    background-image: url('../SiteIcons/chevron-down-dark.svg') !important;
}
.darkMode .adminstyle .reactable-column-header{
    background-color: #323232;
}
.darkMode .NewResponsiveTableAdmin table th{
    background-color: #323232 !important;
    color: #ffffff !important;
}
.darkMode .NewAdminResponsiveTable table tr{
    background-color: #323232;
    color: #ffffff !important;
}
.darkMode .adminstyle .table>tbody>tr>td {
    color: #ffffff !important;
}
.darkMode .adminstyle table tbody tr:hover{
    color: #484848 !important;
    background-color: transparent;
}
.darkMode .adminPhotoUplod .dropzone{
    background-color: #323232;
}
.darkMode .addpopular-autocomplete .geosuggest__input {
    background-color: transparent;
    line-height: 24px;
    color: #ffffff;
}
.darkMode .ql-snow .ql-stroke {
    stroke: #fff;
}
.darkMode .ql-container{
    background-color: #323232 !important;
}
.darkMode .ql-editor p {
    color: #ffffff;
}
.darkMode .ql-snow .ql-picker{
    color: #ffffff;
}
.darkMode .ql-snow .ql-fill{
fill: #ffffff;
}
.darkMode .ql-editor.ql-blank::before {
    color: rgb(255 254 254 / 60%);
}
.darkMode .DateRangePicker_picker {
    background-color: #323232;
}
.darkMode .activeDark a{
    border-color: #ffffff;
}
.darkMode .listingTab .nav-tabs>li>a {
    color: #ffffff;
    background: transparent;
}
.darkMode .listingTab .nav-tabs>li.active>a, .darkMode .listingTab .nav-tabs>li.active>a:focus, .darkMode .listingTab .nav-tabs>li.active>a:hover {
    border: inherit;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
}
.darkMode .commonListingBg .panel-body{
    background: transparent !important;
}
.darkMode .payoutTable .table>tbody>tr>td {
    color: #ffffff;
    background: #323232;
}
.darkMode .searchMapSection .gm-control-active{
    background: #323232 !important;
}
.darkMode .faq-Collaps .Collapsible .is-closed:before{
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(103%) contrast(106%);
}
.darkMode .faq-Collaps .Collapsible .is-open:before{
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(103%) contrast(106%);
}
.darkMode .DateRangePickerInput_arrow_svg{
    fill: #ffffff;
}
.darkMode .darkModeInfoContentBg{
    background-color: #323232;    
}
.darkMode .darkModeTextWhite{
    color: #ffffff;
}
.darkMode .radiusColorTwo::after, .darkMode .darkModeRadiusColor::after{
    background: #3c3c3c;
}
.darkMode .messageTextArea::before{
    border-color: #323232 transparent transparent;
}
.darkMode .darkModeTextBlack{
    color: #323232;
}
.darkMode .DayPicker-Day--disabled{
    background: repeating-linear-gradient(-45deg, rgb(0 0 0), rgb(15 11 11) 3px, rgb(63 63 63) 3px, rgb(235, 235, 235) 4px) !important;
}
.darkMode .coverulDark li {
    color: #ffffff;
}
.darkMode .publishArrow select {
	background-position: 83% 15px;
	background-image: url(../SiteIcons/listSelectArrow.svg) !important;
}
.darkMode .dashboard{
    background: #323232;
}

.darkMode .darkModeFooterBanner{
	/* filter: invert(8%) sepia(5%) saturate(2167%) hue-rotate(334deg) brightness(92%) contrast(88%); */
    webkit-filter: brightness(36%) contrast(115%) grayscale(26%) saturate(9%);
  filter: brightness(36%) contrast(115%) grayscale(26%) saturate(9%);
}
.darkMode .footerBannerImg{
	background-image: url(../SiteImages/darkFooterBg.svg);
}
.darkMode .darkModeFooterLink, .darkMode .darkModeFooterLink:hover, .darkMode .darkModeFooterLink:active, .darkMode .darkModeFooterLink:focus {
    color: #ffffff;
}

/* Media queries */
.darkMode .footerBannerImg{
    background-color: #323232 !important;
	
}
.darkMode .dashRightBg{
    background: #3c3c3c;
}
.darkMode .dashRightBg::before{
    border-color: transparent #3c3c3c transparent transparent;
}
.darkMode .dashRightBg::after{
    background: #323232;
}
.darkMode .listIntroBgDark{
    filter: brightness(0) saturate(100%) invert(14%) sepia(5%) saturate(11%) hue-rotate(314deg) brightness(94%) contrast(83%);
}
.darkMode .closeButtonPositionDark{
    background: #323232;
}
.darkMode .mobileMenuDark{
    background: #323232;
}
.darkMode .geosuggest__suggests{
    background: #323232;
}
.darkMode .geosuggest__item{
    color: #ffffff;
}
.darkMode .payoutTable .table>thead>tr>th{
    background: #323232;
}

.darkMode .headerNewDesign .navbar-default .navbar-nav>li a{
    color: #ffffff !important;
}
.darkMode .darkModeCloseColor{
    color:#ffffff
}   
.darkMode .tripDropDown button::before{
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(103%) contrast(106%);
}
.darkMode .modal-header .close {
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(103%) contrast(106%);
}
.darkMode .menuModal .navbar-nav>li>a{
    color: #ffffff;
}

.darkMode .headerNewDesign .navbar-default .navbar-nav>li>a{
    color: #ffffff;
}
.darkMode .rentAllHeader.navbar-default .navbar-nav>li>a{
    color: #ffffff;
}
.darkMode .loginModal .modal-title{
    color: #ffffff;
}
.darkMode .rentAllAdminHeader .dropdown-menu, .darkMode .rentAllAdminHeader .dropdown-menu>li>a:hover, .darkMode .rentAllAdminHeader .dropdown-menu>li>a:focus{
    background: #323232;
}
.darkMode .rentAllAdminHeader .dropdown-menu>li>a{
    color: #ffffff;
}
.darkMode .darkModeMobileHeader .hamburger .icon-bar{
    background: #ffffff;
}
.darkMode .rentAllAdminHeader{
    background: #323232;
}
.darkMode .rentAllAdminHeader.navbar-default .navbar-nav>li>a, .darkMode .rentAllAdminHeader.navbar-default .navbar-nav>li>form>button{
    background: transparent;
    color: #ffffff;
}
.darkMode .darkModeMobileHeader{
    background: #323232;
}
.darkMode .st0{
    fill:#ffffff !important;
}
.darkMode .logoutIconDarkMode{
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(235deg) brightness(100%) contrast(103%);
}
.darkMode .linetextDarkmode::after{
    background-color: #fff;
}
.darkMode .linetextDarkmode::before{
    background-color: #fff;
}
.darkMode .tripDropDown .dropdown-menu{
    background: #323232;
}
.darkMode .tripDropDown a{
    color: #ffffff !important;
}
.darkMode .tltipDarkMode{
    background: #323232;
    color: #ffffff;
}
.darkMode .tltipDarkMode::after{
    background-color: #323232;
}
.darkMode .searchBtnDark{
    color: #ffffff !important;
}
.darkMode .dotDark{
    color: #ffffff;
}
.darkMode .darkActive{
    background: transparent !important;
}
.darkMode .amenitiesTab .nav-tabs>li.active>a, .darkMode .amenitiesTab .nav-tabs>li.active>a:focus, .darkMode .amenitiesTab .nav-tabs>li.active>a:hover {
    color: #ffffff;
    background: transparent;
}
.darkMode .listBannerImageBgDark{
    filter: brightness(0) saturate(100%) invert(14%) sepia(5%) saturate(11%) hue-rotate(314deg) brightness(94%) contrast(83%);
}
.darkMode .amenitiesCheckBox .icheckbox_square-green.checked {
    background-color: #323232 !important;
}
.darkMode .icheckbox_square-green{
    background-color: transparent !important;
}
.darkMode .uploadSizeCss {
    color: #ffffff;
}
.darkMode .photoListDropDown .dropdown-menu {
   background: #323232;
}
.darkMode .photoListDropDown a, .darkMode .photoListDropDown .dropdown-menu>li>a:hover{
    color: #ffffff !important;
}
.darkMode .filepicker .dz-message{
    color: #ffffff;
}
.darkMode .saveCalendarDark svg{
    fill: #ffffff !important; 
}
.darkMode .bgBlackTwo{
    background: #3c3c3c;
}
.darkMode .tripDropDown button{
    color: #ffffff !important;
}
.darkMode .dashboardLayout .dashboardBottomLayout{
	border-bottom: 0;
}
.darkMode .homeSearchForm .geosuggest__input{
    color: #ffffff;
}
.darkMode .CalendarDay__blocked_out_of_range, .darkMode .CalendarDay__blocked_out_of_range:active, .darkMode .CalendarDay__blocked_out_of_range:hover{
    color: #787878 !important;
    background: #323232;
}
.darkMode .CalendarDay__default{
    background: #323232;
    color: #ffffff;
}
.darkMode .CalendarDay__default:hover{
    background: #1d1d1d;
}
.darkMode .rc-pagination-total-text{
    color: #ffffff;
}
.darkMode .rc-pagination-prev a, .darkMode .rc-pagination-next a {
    color: #ccc;
}
.darkMode .rc-pagination-disabled a{
    color: #666;
}
.darkMode .panelRightMessageDark {
    background: #323232;
}
.darkMode .panelRightMessageDark::before{
    border-color: #323232 transparent transparent;
}
.darkMode .dotTextDark{
    background: #ffffff;
}
.darkMode .react-tel-input input[type=tel]{
    background: #3c3c3c;
    color: #ffffff !important;
}
.darkMode .countryInputPhone .react-tel-input .selected-flag .arrow{
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(103%) contrast(106%);
}
.darkMode .countryInputPhone .react-tel-input .flag-dropdown{
    background-color: #3c3c3c;
}
.darkMode .react-tel-input .country-list{
    background-color: #3c3c3c;
}
.darkMode .countryInputPhone .react-tel-input .country-list .country-name{
    color: #ffffff !important;
}
.darkMode .Loader__background{
    background-color: transparent !important;
}
.darkMode .loadingOverlayDark{
    background-color: transparent !important;
}
.darkMode .hijnLS{
    box-shadow: inherit;
    background: #323232;
    border: 1px solid var(--border-secondary-color);
    border-top: 0
}
.darkMode .beLwEX {
    background: #323232;
}
.darkMode .beLwEX:hover {
    background: #3c3c3c;
}
.darkMode .fiaijo:hover {
    background: #3c3c3c;

}
.darkMode ::marker {
    color: #323232;
  }
.darkMode .lightModeImg{
    display: none;
}  
.darkMode .darkModeImg{
    display: block;
}
.darkMode .listIntroBgImage{
    background-image: url('../SiteImages/darkIntroBg.svg') !important;
}
@media screen and (max-width:767px) {
    .darkMode .headerNewDesign .navbar-default .navbar-nav, .darkMode .headerNewDesign .navbar-default .navbar-nav>li{
        background: #323232;
    }  
}