:root {
	--body-font-family: "Inter", sans-serif;
	--body-bg: #fff;
	--body-bg-dark: #121212;
	--body-color: #212529;
	--body-color-dark: #dcdcdc;
	--main-link: #0051a2 !important;
	--main-btn: #00a1d8 !important;
	--header-background: #fff;
	--header-background-dark: #212121;
	--header-color: #252525;
	--header-bg-color-dark: #e8e8e8;
	--header-search-bg: #f2f2f2;
	--header-search-color: #252525;
	--main-color: #ffffff;
	--plyr-color-main: #b37feb;
	--font-family-headline: "Outfit", sans-serif;
	--border-divider: #eff3f4;
	--border-divider-2: #e6e7e7;
}

:where(:root), [data-theme=nova] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #f5f5f5;
    --color-base-300: #ececf3;
    --color-base-content: #11142d;
    --color-primary: #00a1d8;
    --color-primary-content: #fff;
    --color-secondary: #a0d7e7;
    --color-secondary-content: #11142d;
    --color-accent: #ff754c;
    --color-accent-content: #fff;
    --color-neutral: #11142d;
    --color-neutral-content: #fff;
    --color-info: #3f8cff;
    --color-info-content: #fff;
    --color-success: #4fbf67;
    --color-success-content: #fff;
    --color-warning: #ffce73;
    --color-warning-content: #11142d;
    --color-error: #ff5c5c;
    --color-error-content: #fff;
    --radius-selector: .375rem;
    --radius-field: .5rem;
    --radius-box: .75rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 0;
    --noise: 0;
}

@media screen and (max-width: 768px){
    html {
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    html::-webkit-scrollbar {
        display: none;  /* Safari and Chrome */
    }
    body {
        touch-action: pan-y;
    }
}

@media (min-width:992px) {
.ele_scroll::-webkit-scrollbar {width: 11px;height: 11px;}
.ele_scroll::-webkit-scrollbar-thumb {background-color: #babac0;border-radius: 12px;border: 3px solid #fff;}
body.night-mode .ele_scroll::-webkit-scrollbar-thumb {border-color: #212121;background-color: #525252;}
.ele_scroll::-webkit-scrollbar-button {display:none;}
}
.valign {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.ele_toggle_search {border: none;background: var(--header-background);padding: 5px;line-height: 1;color: var(--header-color);position: fixed;left: 10px;top: 9px;display: none;}
/*Post Filters*/
.ele_post_filters {
    margin-bottom: 5px;
}
.ele_post_filters_nav {
    overflow-x: auto;
    padding: 0 0 3px;
    white-space: nowrap;
    line-height: 1;
}
.ele_post_filters_nav > .filterby {
    margin: 0 4px;padding: 0 10px;background-color: white;
    flex: 0 0 auto;display: block;
    border-radius: 10px;
    line-height: 42px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);color: var(--body-color);
}
body.night-mode .ele_post_filters_nav > .filterby:not(.active) {
    background-color: #252525;
    color: var(--body-color-dark);box-shadow: 0 0 0 1px rgb(255 255 255 / 10%);
}
.ele_post_filters_nav > .filterby.active {
    background-color: var(--main-btn);
    color: var(--main-color);
}
.ele_post_filters_nav.not_filter > .filterby.active {
    background-color: #607d8b;
    color: #fff;
}

.ele_post_filters_nav > .booker {
    margin: 0 4px;
    padding: 0 10px;
    background-color: #f2f2f2;
    flex: 0 0 auto;
    display: block;
    border: 0;
    border-radius: 2em;
    /*line-height: 42px;*/
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);color: var(--body-color);
    text-align: center;
}
body.night-mode .ele_post_filters_nav > .booker:not(.active) {
    background-color: #252525;
    color: var(--body-color-dark);
    box-shadow: 0 0 0 1px rgb(255 255 255 / 10%);
}
.ele_post_filters_nav > .booker.active {
    background-color: var(--main-btn);
    color: #fff;
}
.ele_post_filters_nav.not_filter > .booker.active {
    background-color: #607d8b;
    color: #fff;
}

.ele_booker {position: relative;right: 0;z-index: 1045;top: 0;padding: 8px 15px;}
.ele_booker > .dropdown {margin: 0 5px;}
.ele_booker > .dropdown .counter {padding: 1px 5px;border-radius: 2em;color: var(--main-color);font-size: 13px;z-index: 1;pointer-events: none;position: absolute;background-color: var(--main-btn);min-width: 19px;height: 19px;text-align: center;top: -5px;right: -5px;}
.ele_booker > .dropdown .dropdown-menu {box-shadow: 0 6px 12px rgb(0 0 0 / 18%);width: 100%;min-width: 350px;max-height: calc(100vh - 100px);max-width: 350px;overflow-y: auto;padding: 3px 10px;margin: 0;overscroll-behavior-y: contain;background: #fff;}

@media (max-width: 668px) {
.ele_booker {top: auto;padding: 0;justify-content: space-around;left: 0;bottom: 0;right: 0;height: 45px;width: 100%;z-index: 1045;background: var(--header-background);border-top: 1px solid rgba(0,0,0,.0975);}
.ele_booker.flex-end {justify-content: space-between;padding: 0 20px;}
.ele_booker.flex-end .ele_hdr_user_droptoggle span {display: inline-block;}
body.night-mode .ele_booker {background: var(--header-background-dark);border-color: rgb(255 255 255 / 10%);}
.ele_booker > .dropdown, .empty_stories, .ele_home_stories #stories, body:not(.booker-focus) .booker-message:not(.colored) .colored-text-wrapper .btn-live svg {margin: 0;}
.ele_booker > .dropdown .dropdown-menu {position: fixed;top: 0;bottom: 45px;left: 0;border-radius: 0;max-height: calc(100% - 45px);box-shadow: none;padding: 6px 10px;right: 0;margin: 0;height: calc(100vh - 45px);height: calc(var(--vh, 1vh) * 100 - 45px);max-width: none;min-width: 100%;}
.booker, .post:not(.product), #ele_side_people, .profile-header.group > .ele_content {margin-left: 0px;margin-right: 0px;border-radius: 0;box-shadow: none;margin-bottom: 0px;}
}

.dropdown-booker {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

@media (max-width: 668px) {
    .booker > .dropdown .dropdown-menu, .search_dropdown {
        position: fixed !important;        
        border-radius: 0 !important;
        width: 100% !important;
        /*top: 0;*/
    }
    /*.ui-datepicker {
        position: fixed;
        top: 221.375px;
        z-index: 100000;
        display: block;
        left: 0px !important;
        width: 100% !important;
    }*/
	.ui-datepicker {
		width: 100% !important;
		height: 100% !important;
		top: 0 !important;
		left: 0 !important;
	}
	
        .ui-datepicker-multi .ui-datepicker-group {
            float: left;
            width: 100% !important;
        }

	.ui-datepicker td a {
	  height: 3em !important;
	  line-height: 3em !important;
	}
}

.ui-datepicker {
    position: fixed;
    z-index: 100000;
    display: block;
}

.booker-slider {
    border-bottom: 0px solid #e6ecf0;
}

.booker .date-input {margin: 0 0px;position: relative;z-index: 100000 !important;}
.booker .date-input svg {position: absolute;top: 70%;transform: translateY(-50%);left: 9px;width: 22px;height: 22px;opacity: 0.7;pointer-events: none;transition: all .15s linear;color: var(--header-search-color);will-change: transform, opacity;}
.booker .date-input i {position: absolute;top: 70%;transform: translateY(-50%);left: 9px;width: 22px;height: 22px;opacity: 0.7;pointer-events: none;transition: all .15s linear;color: var(--header-search-color);will-change: transform, opacity;}

.booker > .dropdown .dropdown-menu, .search_dropdown {
    position: absolute;
    z-index: 100001;
    border-radius: 0;
    box-shadow: none;    
    left: 0;
    width: 100%;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
}

.booker .date-input > .form-control {
    background: #fff;
    width: 100%;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
    padding: 0px 0px 0px 39px;
    border-radius: 0em;
    height: 40px;
    transition: all .15s linear;
    color: var(--header-search-color);
    font-size: 13px;
}

.form-text {
    color: #000 !important;
}

.form-control {
    background: #fff;
    width: 100%;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
    padding: 10px 10px 10px 10px;
    border-radius: 0em;
    height: 40px;
    transition: all .15s linear;
    color: var(--header-search-color);
    font-size: 13px;
}
.form-control::-webkit-input-placeholder{color: var(--header-search-color);opacity: 0.5;}
.form-control:-moz-placeholder{color: var(--header-search-color);opacity: 0.5;}
.form-control:-ms-input-placeholder{color: var(--header-search-color);opacity: 0.5;}
.form-control:focus+svg {transform: translateY(-50%) translateX(-10px);opacity: 0;}

.traveler-form-control {
    border: 1px solid rgba(0, 0, 0, .15) !important;    
    border-radius: 16px;
    height: 40px;
    transition: all .15s linear;
    color: var(--header-search-color);
    font-size: 13px;
    width: 100%;
}

.booker .date-input > .traveler-form-control {
    padding: 0px 0px 0px 39px;    
}

.date-dropdown-input select {
    padding: 5px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    border-radius: 16px;
    margin: 0 2px;
    height: 40px;
}

.booker .dropdown > .traveler-form-control {
    padding: 0px 39px 0px 0px;    
}
.booker .dropdown i {position: absolute;padding-top: 10px;right: 9px;width: 22px;height: 22px;opacity: 0.7;pointer-events: none;transition: all .15s linear;color: var(--header-search-color);will-change: transform, opacity;}

.booker .dropdown-widget-header {padding: 10px 5px 5px;font-size: 13px;justify-content: space-between;}
.booker .dropdown-widget-header .title {font-size: 20px;line-height: 22px;font-weight: 600;font-family: 'Gilroy', Roboto, sans-serif;}
.booker .dropdown-widget-header .btn {height: 28px;width: 28px;min-width: auto;border-radius: 50%;padding: 0;text-align: center;color: #006f69;background: rgb(27 195 187 / 30%);line-height: 28px;}
.booker .dropdown-widget-header .btn svg {width: 18px;height: 18px;margin: 0;}
.booker .dropdown-widget-body {padding:0;font-size:12px}
.booker .dropdown-widget-body .title{color:#9a9fbf;padding:8px;display:block;font-size:11px;font-weight:600;line-height:16px}
.booker .dropdown-widget-body .js_scroller, .chat-sidebar-content .js_scroller {height: 100% !important;}
.booker .dropdown-widget-footer {display: block;padding: 7px;text-align: center;font-size: 13px;border-radius: 10px;color: #006f69;background: rgb(27 195 187 / 30%);font-weight: 500;margin: 8px 0;}
.booker body.night-mode .dropdown-widget-footer {color: #ffffff;}

@media (max-width: 668px) {
    .js_close-airport-from {
        display: block;
    }
    
    .js_close-airport-to {
        display: block;
    }
    .js_close-hotel {
        display: block;
    }
}
@media (min-width: 668px) {
    .js_close-airport-from {
        display: none;
    }

    .js_close-airport-to {
        display: none;
    }
    .js_close-hotel {
        display: none;
    }
}
.booker .airport-search-wrapper {margin: 0 auto 0 0px;position:relative;}
.booker .airport-search-wrapper .search-input {margin: 0 0px;position: relative;z-index: 1;}
.booker .airport-search-wrapper .search-input svg {position: absolute;top: 70%;transform: translateY(-50%);left: 9px;width: 22px;height: 22px;opacity: 0.7;pointer-events: none;transition: all .15s linear;color: var(--header-search-color);will-change: transform, opacity;}
.booker .airport-search-wrapper .search-input > .form-control {
    background: #fff;
    width: 100%;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
    padding: 0px 0px 0px 39px;
    border-radius: 0em;
    height: 40px;
    transition: all .15s linear;
    color: var(--header-search-color);
    font-size: 13px;
}
/* Airport menu */
.airport-menu {
    display: none;
    position: absolute;
    bottom: 100%;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
    font-size: 13px;
    line-height: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0 57.6px 0px, rgb(0 0 0 / 15%) 0px 0 14.4px 0px;
    z-index: 1000;
}
body.night-mode .airport-menu {
    background-color: #343434;
}
.booker .airport-menu {bottom: auto;right: -4px;}
.lightbox .airport-menu {bottom: auto;right: -7px;}

.airport-menu .item {float:left;padding:3px;margin-right:3px;margin-bottom:3px}
.airport-menu .item:hover {cursor:pointer;background:#f3f3f3;border-radius:4px}

.airport-menu .item>img {width:65px;height:65px}
.airport-menu .nav-tabs {
    border-top: 1px solid #dee2e6;
    border-bottom: 0;
    padding: 0;
}
body.night-mode .airport-menu .nav-tabs {
    border-color: #525252;
}
.airport-menu .nav-tabs > li {
    flex: 1;
}
.airport-menu .nav-tabs > li > .nav-link {
    color: var(--body-color);
    padding: 12px 16px;
    margin: 0;
    border: 2px solid transparent;
    border-radius: 0;
    font-size: 13px;
}
body.night-mode .airport-menu .nav-tabs > li > .nav-link {
    color: var(--body-color-dark);
}
.airport-menu .nav-tabs >li > .nav-link:hover {background:0 0;color:var(--main-link);}
body.night-mode .airport-menu .nav-tabs >li > .nav-link:hover {color:var(--main-link);}
.airport-menu .nav-tabs >li > .nav-link.active, .airport-menu .nav-tabs > li > .nav-link.active:focus, .airport-menu .nav-tabs > li > .nav-link.active:hover, body.night-mode .airport-menu .nav-tabs >li > .nav-link.active, body.night-mode .airport-menu .nav-tabs > li > .nav-link.active:focus, body.night-mode .airport-menu .nav-tabs > li > .nav-link.active:hover {
    color: var(--main-link);
    border-top-color: 2px solid var(--main-link);
    font-weight: 500;
}
.airport-from-item {
    line-height: 2.5rem;
}
.airport-to-item {
    line-height: 2.5rem;
}

@media (max-width: 668px) {
    .js_close-airline {
        display: block;
    }    
}
@media (min-width: 668px) {
    .js_close-airline {
        display: none;
    }
}
.booker .airline-search-wrapper {margin: 0 auto 0 0px;position:relative;}
.booker .airline-search-wrapper .search-input {margin: 0 0px;position: relative;z-index: 1;}
.booker .airline-search-wrapper .search-input svg {position: absolute;top: 70%;transform: translateY(-50%);left: 9px;width: 16px;height: 16px;opacity: 0.7;pointer-events: none;transition: all .15s linear;color: var(--header-search-color);will-change: transform, opacity;}
.booker .airline-search-wrapper .search-input > .form-control {
    background: #fff;
    width: 100%;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
    padding: 0px 0px 0px 39px;
    border-radius: 0em;
    height: 40px;
    transition: all .15s linear;
    color: var(--header-search-color);
    font-size: 13px;
}
/* Airport menu */
.airline-menu {
    display: none;
    position: absolute;
    bottom: 100%;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
    font-size: 13px;
    line-height: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0 57.6px 0px, rgb(0 0 0 / 15%) 0px 0 14.4px 0px;
    z-index: 1000;
}
body.night-mode .airline-menu {
    background-color: #343434;
}
.booker .airline-menu {bottom: auto;right: -4px;}
.lightbox .airline-menu {bottom: auto;right: -7px;}

.airline-menu .item {float:left;padding:3px;margin-right:3px;margin-bottom:3px}
.airline-menu .item:hover {cursor:pointer;background:#f3f3f3;border-radius:4px}

.airline-menu .item>img {width:65px;height:65px}
.airline-menu .nav-tabs {
    border-top: 1px solid #dee2e6;
    border-bottom: 0;
    padding: 0;
}
body.night-mode .airline-menu .nav-tabs {
    border-color: #525252;
}
.airline-menu .nav-tabs > li {
    flex: 1;
}
.airline-menu .nav-tabs > li > .nav-link {
    color: var(--body-color);
    padding: 12px 16px;
    margin: 0;
    border: 2px solid transparent;
    border-radius: 0;
    font-size: 13px;
}
body.night-mode .airline-menu .nav-tabs > li > .nav-link {
    color: var(--body-color-dark);
}
.airline-menu .nav-tabs >li > .nav-link:hover {background:0 0;color:var(--main-link);}
body.night-mode .airline-menu .nav-tabs >li > .nav-link:hover {color:var(--main-link);}
.airline-menu .nav-tabs >li > .nav-link.active, .airline-menu .nav-tabs > li > .nav-link.active:focus, .airline-menu .nav-tabs > li > .nav-link.active:hover, body.night-mode .airline-menu .nav-tabs >li > .nav-link.active, body.night-mode .airline-menu .nav-tabs > li > .nav-link.active:focus, body.night-mode .airline-menu .nav-tabs > li > .nav-link.active:hover {
    color: var(--main-link);
    border-top-color: 2px solid var(--main-link);
    font-weight: 500;
}
.airline-item {
    line-height: 3rem;
}

.booker-tools-tabs {
    /*border-top: 1px solid #e6ecf0;*/
    flex-wrap: wrap;
    padding: 0;
}
.booker-tools-tabs > li {
    list-style-type: none;
    display: block;
    width: 33.3333333%;
    padding: 0 6px 6px;
}
.booker-tools-tab {
    padding: 0 12px;
    font-weight: 500;
    background: var(--header-search-bg);
    border-radius: 10px;
    /*border: 1px solid #dadce0;*/
    line-height: 38px;transition: all 0.2s;position: relative;color: var(--body-color);
}
body.night-mode .booker-tools-tab {
    color: var(--body-color-dark);
}
.booker-tools-tab:not(.disabled):hover {cursor:pointer;}
.booker-tools-tab.active:hover {cursor:pointer;}
body.night-mode .booker-tools-tab:not(.disabled):hover {
    background: #333333;color: var(--body-color-dark);
}
.booker-tools-tab.active, .booker-tools-tab.activated {color: #fff;background-color: var(--main-btn)}
.booker-tools-tab.active {background-color: var(--main-btn);color: #fff;}
.booker-tools-tab.active svg {color: #fff;}
.booker-tools-tab.activated:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: currentColor;
    opacity: 0.15;
    border-radius: 10px;
}

body.night-mode .booker-tools-tab.activated{background:#111}
.booker-tools-tab[data-tab=audio].activated:after,.booker-tools-tab[data-tab=file].activated:after,.booker-tools-tab[data-tab=video].activated:after{content:"";background:0 0;position:absolute;top:0;bottom:0;left:0;right:0;cursor:initial}

.booker-tools-tab.disabled {position: relative;}
.booker-tools-tab.disabled:hover {cursor: initial;}

body.night-mode .booker-tools-tab.disabled:hover{background:#424242;color:#d5d5d5}
.booker-tools-tab.disabled:after{content:"";background:#fff;position:absolute;top:0;bottom:0;left:0;right:0;opacity:.6;border-radius:25px}
body.night-mode .booker-tools-tab.disabled:after{background:#000}
.booker-tools-tab.attach {position:relative;overflow:hidden}
.booker-tools-tab.attach form {display:initial}
.booker-tools-tab svg {
    width: 22px;
    height: 22px;
    color: var(--main-btn);
    margin: -1px 10px 0 0;
}

.booker-footer {
    padding: 12px;
    border-bottom: 1px solid #e6ecf0;
    justify-content: flex-end;
    padding-left: 60px;gap: 12px;
}
.booker-footer-options {
    border-top: 1px solid #e6ecf0;padding: 22px 22px 10px;
}
body.night-mode .booker-footer, body.night-mode .booker-tools-tabs, body.night-mode .booker-meta, body.night-mode .booker-footer-options {
    border-color: #424242;
}

/* Flight Traveler menu */
.travelers-menu {
    display: none;
    position: absolute;
    width: 100%;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
    font-size: 13px;
    line-height: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0 57.6px 0px, rgb(0 0 0 / 15%) 0px 0 14.4px 0px;
    z-index: 100000;
}

/* Class menu */
.cabin-menu {
    display: none;
    position: absolute;
    right: 0;
    width: 100%;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
    font-size: 13px;
    line-height: 38px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0 57.6px 0px, rgb(0 0 0 / 15%) 0px 0 14.4px 0px;
    z-index: 100000;
}

.card-menu {
    display: none;
    position: absolute;
    right: 0;
    width: 100%;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
    font-size: 13px;
    line-height: 38px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0 57.6px 0px, rgb(0 0 0 / 15%) 0px 0 14.4px 0px;
    z-index: 100001;
}

.cabin:hover {cursor: pointer;color: #fff;background-color: #4d61cf;}

body {
  padding-top: 0px !important;
}

.main-header {
  height: 50px !important;
}

.main-header .logo-wrapper {
  height: 50px !important;
}

.main-header .logo {
  height: 50px !important;
  /*line-height: 50px !important;*/
}

.logo-wrapper .logo {
    padding: 0px !important;
}

.main-header .search-wrapper .form-control {
  margin-top: 3px !important;
}
.navbar-wrapper {
  height: 50px !important;
}

.ele_post_filters {
    margin-bottom: 0px !important;
}

.navbar-wrapper>ul>li>a {
    margin-top: 10px !important;
    line-height: 30px !important;
    height: 40px !important;
}

.main-header .menu-icon {    
    top: 0px !important;
}

.sg-offcanvas {
    margin-top: 15px !important;
}

.sg-offcanvas-mainbar {
    padding: 0 !important;
}

.post-header {
    padding: 0px 0px 0 !important;
}

.post-avatar-picture {
  min-width: 40px !important;
  min-height: 40px !important;
  border-radius: 50% !important;
}

.line-circle{
    background: #fff;
    width: .3125rem;
    height: .3125rem;
    cursor: pointer;
    border: 1px solid #0f0f0f;
    z-index: 3;
    border-radius: 50%;
}

#airport-from-search-input::-webkit-search-cancel-button{
    right:20px;
}

.validation
{
  color: red;
  margin-bottom: 20px;
}

.flight-item {
    font-size: 13px;
    color: #000;    
    cursor: pointer;
}

.flight-item:hover {border: 1px solid #5e72e4;border-radius: 16px;}

.flight-item > .flight-header {    
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 1px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px; /* Optional: ensures bottom-left is explicitly square */
    border-bottom-right-radius: 16px;
}

.flight-item > .fareOptions {
    display: none;    
}

.view-price > .price-detail {
    display: none;
}

.flight-select-detail, .flight-select-price, .flight-traveler-info, .contact-info {
    font-size: 13px;
}

input.error {
    border: 1px solid red;
    background-color: #ffeded;
}

select.error {
    border: 1px solid red;
    background-color: #ffeded;
}

.ui-datepicker.ui-datepicker-multi {
    max-width: 100%;
}

/*.ui-datepicker-multi .ui-datepicker-group {
    float: left;
    width: 100% !important;
}*/

.ui-datepicker {
  /*width: 24em !important;*/
}

/*.ui-datepicker td a {
  height: 3em;
  line-height: 3em;
  width: 3em;
  text-align: center !important;
}*/

.select2-container .select2-selection--single {
    height: 40px !important; /* Adjust this value to your desired height */
    border-radius: 16px !important;
}

.x_top_posts {
    display: none;
}

.post_empty_space {
    display: none;
}

.logo-wrapper {
    padding: 12px !important;
}

@media (max-width: 520px) {
    .main-wrapper {
        padding: 50px 0 120px !important;
    }
}

.custom-header {
    display: flex;
    justify-content: space-between;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  padding-right: 20px;
}

::-webkit-search-cancel-button {
    height: 24px;
    width: 24px;
    display: inline-block;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f00d"; /* Official xmark icon */
}

.recent-search {
    border: 0px solid rgba(0, 0, 0, .15);
    border-radius: 8px;
    padding: 0px;
    background-color: #f2f2f2;
}

.traveler-search-history {
    z-index: 100001;
}

a.traveler-history-item:hover {cursor: pointer;background-color: #000;}

.post {
    padding: 5px !important; 
}

#hotel-search-input::-webkit-search-cancel-button{
    right:20px;
}

.booker .hotel-search-wrapper {margin: 0 auto 0 0px;position:relative;}
.booker .hotel-search-wrapper .search-input {margin: 0 0px;position: relative;z-index: 1;}
.booker .hotel-search-wrapper .search-input svg {position: absolute;top: 70%;transform: translateY(-50%);left: 9px;width: 22px;height: 22px;opacity: 0.7;pointer-events: none;transition: all .15s linear;color: var(--header-search-color);will-change: transform, opacity;}
.booker .hotel-search-wrapper .search-input > .form-control {
    background: #fff;
    width: 100%;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
    padding: 0px 0px 0px 39px;
    border-radius: 0em;
    height: 40px;
    transition: all .15s linear;
    color: var(--header-search-color);
    font-size: 13px;
}
/* Hotel menu 
.hotel-menu {    
    position: absolute;
    bottom: 100%;
    left: 0;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
    font-size: 13px;
    line-height: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0 57.6px 0px, rgb(0 0 0 / 15%) 0px 0 14.4px 0px;
    z-index: 1000;
}*/
body.night-mode .hotel-menu {
    background-color: #343434;
}
.booker .hotel-menu {bottom: auto;right: -4px;}
.lightbox .hotel-menu {bottom: auto;right: -7px;}

.hotel-menu .item {float:left;padding:3px;margin-right:3px;margin-bottom:3px}
.hotel-menu .item:hover {cursor:pointer;background:#f3f3f3;border-radius:4px}

.hotel-menu .item>img {width:65px;height:65px}
.hotel-menu .nav-tabs {
    border-top: 1px solid #dee2e6;
    border-bottom: 0;
    padding: 0;
}
body.night-mode .hotel-menu .nav-tabs {
    border-color: #525252;
}
.hotel-menu .nav-tabs > li {
    flex: 1;
}
.hotel-menu .nav-tabs > li > .nav-link {
    color: var(--body-color);
    padding: 12px 16px;
    margin: 0;
    border: 2px solid transparent;
    border-radius: 0;
    font-size: 13px;
}
body.night-mode .hotel-menu .nav-tabs > li > .nav-link {
    color: var(--body-color-dark);
}
.hotel-menu .nav-tabs >li > .nav-link:hover {background:0 0;color:var(--main-link);}
body.night-mode .hotel-menu .nav-tabs >li > .nav-link:hover {color:var(--main-link);}
.hotel-menu .nav-tabs >li > .nav-link.active, .hotel-menu .nav-tabs > li > .nav-link.active:focus, .hotel-menu .nav-tabs > li > .nav-link.active:hover, body.night-mode .hotel-menu .nav-tabs >li > .nav-link.active, body.night-mode .hotel-menu .nav-tabs > li > .nav-link.active:focus, body.night-mode .hotel-menu .nav-tabs > li > .nav-link.active:hover {
    color: var(--main-link);
    border-top-color: 2px solid var(--main-link);
    font-weight: 500;
}
.hotel-item {
    line-height: 2.5rem;
}

/* Flight Traveler menu */
.hotel-travelers-menu {
    display: none;
    position: absolute;
    width: 100%;
    min-width: 252px;
    max-width: 500px;
    margin: 0 0 .125rem;
    padding: 6px 2px 0 6px;
    font-size: 13px;
    line-height: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0 57.6px 0px, rgb(0 0 0 / 15%) 0px 0 14.4px 0px;
    z-index: 100000;
}

.modal-content {
    border: 0;
    border-radius: 0rem !important;
}

/*.booker-header {
    color: #fff;
    background-color: var(--main-btn);
    position: sticky !important;
    z-index: 4;
    top: 0;
}

.booker-header svg,i,button {color: #fff;}

.booker-slider {
    color: #000;
    background-color: #fff;
}

.booker-slider svg,i,button {color: #000;}
*/
#modal {
    font-size: 13px !important;
}
@media (max-width: 668px) {
    #modal {
        font-size: 15px !important;
    }
    .modal.fade .modal-dialog {
        margin-top: 0 !important;
        height: auto !important;
    }
    .booker-header {
        line-height: 2.0;
    }    
}

.booker-header {
    display: flex;
    align-items: center;         /* Vertically centers the text */
    justify-content: center;
    font-weight: bold;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0;                   /* Sticking point at the very top of the viewport */
    background-color: #fff;   /* Keeps background opaque over scrolling content */
    z-index: 100001;
    width: 100%;
}

.booker-slider {
    padding-top: 20px;
    background-color: #fff;
}

.back,.next,.close {    
    padding: 10px 10px 10px 10px;
}

.form-text {
    font-size: 1em !important;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px !important;
    }
}

.flight-depart-select,.flight-select-process,.flight-return-select {
    z-index: 100000;
}

#booker-wapper-modal {
    height: 80vh;    
    padding-bottom: 50px;
    background-color: #fff;
}

.receipt-item {
    border-collapse: collapse;
}

.logo-wrapper .logo img {
    max-height: 40px !important;
}

.home-hotel-filter a.active {
    border-color: #0d99ff;
    color: #fff;
    background: #0d99ff !important;
}

.home-hotel-filter a {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 10px 13px !important;
    border: 1px solid #d0d5dd;
    border-radius: 999px !important;
    color: #344054;
    background: #fff;
    font-size: 12px;
    font-weight: 800;
}

/* Apply this class to your scrollable div */
.hide-scrollbar {
  /* Enable scrolling if it isn't already */
  overflow: auto !important; 
  
  /* Firefox */
  scrollbar-width: none !important; 
  
  /* IE 10+ and Legacy Edge */
  -ms-overflow-style: none !important; 
}

/* Chrome, Safari, Opera, and Modern Edge */
.hide-scrollbar::-webkit-scrollbar {
  display: none !important;
}

.site-content {
    padding: 5px 5px 5px 5px !important;
}

.text-base-content\/65 {
    display: none !important;
}

.post-media-meta {
    padding: 5px 5px 5px 5px !important;
}

.post-media-image div {
    min-height: 300px !important;
    padding: 5px 0 5px 0 !important;
}

.post-stats {
    padding: 0 0 0 0 !important;
}

.post-actions {
    padding: 0 0 0 0 !important;
}

.post-bid-wrapper {
  display: flex;
  background: #fff;
  padding: 5px 5px;
  border: 1px solid #e5e5e5;
  font-size: 14px;
  /*border-radius: 16px;*/
  width: 100%;
}

.post-bid-image-wrapper {
  position: relative;
}

.post-bid-image-meta {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.post-bid-image {
  color: #fff;
  display: block;
  position: relative;
}

.post-bid-image a {
  text-decoration: none;
}

.post-bid-image a:hover {
  text-decoration: none;
}

.post-bid-image>div {
  border-radius: 16px;
}

.post-bid-image img,
.post-bid-image .image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-width: 100px;
  min-height: 100px;
  border-radius: 16px;
}

.post-bid-image .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #284b63;
}

body.night-mode .post-bid-image .image {
  background-color: transparent;
}

.post-bid-image .date {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  border-radius: 10px;
  text-transform: uppercase;
  text-align: center;
}

body.night-mode .post-bid-image .date {
  background: var(--card-dark-input);
  color: var(--body-color-dark);
}

.post-bid-image .date .month {
  background: red;
  color: #fff;
  padding: 5px 20px;
  border-radius: 0 0 10px 10px;
}

.post-bid-image .date .day {
  padding: 5px 20px;
}

.post-bid-image .icon {
  position: absolute;
  bottom: -31px;
  left: 50%;
  margin-left: -31px;
  padding: 15px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

body.night-mode .post-bid-image .icon {
  background: var(--card-dark-input);
}

.post-bid-details {
  flex: 1;
  text-align: left;
  vertical-align: middle;
}

.post-bid-image .company-title {  
  text-align: center;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 15px;
  border-radius: 10px;
  text-transform: uppercase;
  width: 100%;
}

.post-bid-image .investor {
  text-align: center;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 15px;
  border-radius: 10px;  
  width: 100%;
}

.post-bid-image .address {
  position: absolute;
  top: 20%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 15px;
  border-radius: 10px;
  width: 100%;
}

.post-bid-image .bid-name {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 15px;
  border-radius: 10px;
  width: 100%;
}

.post-bid-image .bid-invitation {
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 20px;
  border-radius: 10px;
  text-transform: uppercase;
}

.post-bid-image .logo {
  position: absolute;
  top: 20%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  width: 65px;
  height: 65px;
}

.post-bid-image .type {
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size: 13px;
  border-radius: 10px;
  text-transform: uppercase;
}

.post-bid-image .price {
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size: 13px;
  border-radius: 10px;
  text-transform: uppercase;
}

.post-bid-image .description .badge {
  padding-top: 12px;
  padding-bottom: 12px;
}

.post-bid-meta {
  padding: 0px;
  padding-bottom: 0;
  text-align: left;
  background-color: #284b63;
}


.post-bid-meta .bid-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  word-break: break-word;
}

.post-bid-meta .bid-description {
  /*background: #f7f7f7;*/
  padding-bottom: 10px;
  border: 1px solid #284b63;
  margin-top: 5px;
  /*border-radius: 16px;*/
  text-align: center;
  color: #000;
}

.bid-description .post-text {
    padding: 0px;
}

.bid-description a[data-readmore-toggle] {
    color: #fff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    padding-top: 10px;
}