@import url('./variables.css');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

body {
	overflow-x: hidden;
}

body,
button {
	font-family: "Outfit", Arial, Helvetica, sans-serif !important;
	font-weight: 400;
	color: var(--common-text-color);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: inherit;
	font-size: 18px;
	word-break: break-word;
}

body {
	direction: ltr;
}

.h1,
.h2,
.h3,
.h4,
.h5 {
	font-family: "Outfit", Arial, Helvetica, sans-serif !important;
}

input[type=text],
textarea {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

button,
input,
optgroup,
select,
textarea {
	font-family: "Outfit", Arial, Helvetica, sans-serif !important;
}

hr {
	border-color: var(--primary-border) !important;
}

svg {
	flex-shrink: 0;
}

.isolate {
	isolation: isolate;
}

/** Font - End **/

/** Common Start **/
select {
	background-image: url(../commonDownArrow.svg) !important;
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) 50%;
	background-size: 16px 25px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
}

label {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 6px;
	font-weight: 500;
}

.adminstyle select {
	background-position: calc(100% - 15px) 50%;
}

select::-ms-expand {
	display: none;
}

/** Common End **/

/** Header - Start **/

.homeHeader.navbar-default {
	background: var(--primary-white-bg);
	font-weight: 500;
	padding-top: 34px;
	padding-left: 0px;
	padding-right: 0px;
}

.rentAllHeader.navbar-default .navbar-nav>li {
	padding: 8px 0px 0px 0px;
}

.homeHeader.navbar-default .navbar-nav>li {
	padding: 0px 0px 0px 0px;
}

.rentAllHeader.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.rentAllHeader.navbar-default .navbar-nav>li>form>button:focus,
.navbar-default .navbar-nav>li>form>button:hover {
	text-decoration: none;
	color: var(--common-text-color);
}

.rentAllHeader.navbar-default .navbar-nav>.open>a,
.rentAllHeader.navbar-default .navbar-nav>.open>a:focus,
.rentAllHeader.navbar-default .navbar-nav>.open>a:hover {
	background: var(--primary-white-bg);
}

.rentAllHeader .dropdown-menu {
	padding: 20px 0 0;
	margin: 0px;
	min-width: 200px;
	max-width: 200px;
	border-radius: 12px !important;
	border-width: inherit;
	top: 55px;
	right: 0px;

}

.rentAllHeader .dropdown-menu>li {
	padding-left: 0px;
	padding-right: 0px;
}

.rentAllHeader .dropdown-menu>li>a,
.rentAllHeader .dropdown-menu>li>form>button {
	padding: 0 22px 20px;
	font-size: 16px;
	color: var(--common-text-color);
	position: relative;
	transition: 0.15s all ease;
	width: 100%;
	text-align: left;
	margin: 0px;
	text-decoration: none;
	line-height: 1.42857143;
	display: block;
	font-weight: 500;
	outline: 0 !important;
	background: transparent;
	word-wrap: break-word;
	white-space: normal;
}

.headerNewDesign .navbar-default .navbar-nav>li>a,
.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>a:focus,
.headerNewDesign .navbar-default .navbar-nav>li>a,
.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>a:hover {
	color: var(--primary-white-bg);
}

.headerNewDesign .navbar-default .navbar-nav>li {
	padding: 0px 0px;
	position: relative;
	z-index: 5;
}

/*************************** AdminHeader - Start **********************************/


.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>form>button:hover {
	text-decoration: none;
	color: var(--common-text-color);
}

.rentallAdminHeaderNoBorder.navbar-default .navbar-nav>li>a:focus,
.rentallAdminHeaderNoBorder.navbar-default .navbar-nav>li>a:hover,
.rentallAdminHeaderNoBorder.navbar-default .navbar-nav>li>form>button:focus,
.rentallAdminHeaderNoBorder.navbar-default .navbar-nav>li>form>button:hover,
.homeHeader.navbar-default .navbar-nav>li>a:focus,
.homeHeader.navbar-default .navbar-nav>li>a:hover,
.homeHeader.navbar-default .navbar-nav>li>form>button:focus,
.homeHeader.navbar-default .navbar-nav>li>form>button:hover,
.homeHeader.navbar-default .navbar-nav>li>a:focus,
.ListHeader.navbar-default .navbar-nav>li>a:hover,
.ListHeader.navbar-default .navbar-nav>li>form>button:focus,
.ListHeader.navbar-default .navbar-nav>li>form>button:hover {
	text-decoration: none;
	color: var(--common-text-color);
}

html.scrollHidden {
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: unset;
}

/*************************** AdminHeader - End **********************************/
.location .navbar-form {
	margin: 0;
	padding: 10px 0px;
}

.rentAllHeader .dropdown-menu>li:last-child>a,
.rentAllHeader .dropdown-menu>li:last-child>form>button,
.rentAllHeader .dropdown-menu>li:last-child>a:hover,
.rentAllHeader .dropdown-menu>li:last-child>form>button:hover {
	border-bottom: 0px !important;
	outline: 0px;
}

.ListHeader.navbar-default .navbar-nav>li>a {
	color: var(--common-text-color);
	font-size: 19px;
	font-weight: normal;
	line-height: 61px;
	height: 61px;
	vertical-align: middle;
	padding: 0px 19px;
	background: var(--primary-white-bg);
	border-left: 1px solid var(--primary-border);
}

.sliderBg {
	background-size: cover;
	background-repeat: no-repeat;
}

/*headerNewDesign*/
.headerNewDesign .navbar-default {
	background: transparent;
	font-weight: 500;
	position: absolute;
	border-color: transparent;
	padding: 34px 0 0;
}

.headerNewDesign .navbar-default .navbar-nav>.open>a,
.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>.open>a:focus,
.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>.open>a:hover {
	background: transparent;
}

.homeSliderMobile {
	display: none;
}

@media screen and (max-width: 767px) {
	.commonHeaderSearchForm {
		display: none;
	}
}

.popularLocation .slick-list .slick-slide>div>div {
	outline: 0;
}

.headerNewDesign .logoWhite {
	color: var(--primary-white-bg) !important;
	font-weight: 700;
	font-size: 26px;
	text-shadow: 0 6px 32px var(--common-text-color) !important;
}

.homeSlickSlider .slick-list .slick-slide>div>div {
	padding: 0px 8px;
	outline: 0;
}

.vidFormsearch .DateRangePickerInput_arrow {
	width: 10%;
}

.clearBoth {
	clear: both;
}

.heartIcon {
	right: 28px !important;
}

@media screen and (max-width: 1200px) {

	.rentAllHeader.navbar-default .navbar-toggle:focus,
	.rentAllHeader.navbar-default .navbar-toggle:hover {
		background: var(--primary-white-bg);
	}

	.rentAllHeader.navbar-default .navbar-nav {
		margin-bottom: 20px;
		padding-bottom: 100px;
	}

	.rentAllHeader.navbar-default .navbar-nav>li>a,
	.rentAllHeader.navbar-default .navbar-nav>li>form>button {
		font-size: 15px;
		border-top: 1px solid var(--primary-border) !important;
		width: 100%;
		text-align: start;
		line-height: 60px;
		height: 63px;

	}

	.headerNewDesign .navbar-default .navbar-nav>li {
		padding: 0px 0px;
		position: relative;
		z-index: 5;
	}

	.ListHeader.navbar-default .navbar-toggle:focus,
	.ListHeader.navbar-default .navbar-toggle:hover {
		background: var(--primary-white-bg);
	}
}

/** Header - End **/

/** Slick - Slider - Start **/

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
	display: none;
}

.slick-next:before {
	content: '';
}

.slick-prev:before {
	content: '';
}

/** Slick - Slider - End **/

/**Price Range rc-slider Start**/

.rc-slider {
	margin-bottom: 12px;
	overflow: visible;
	height: 24px !important;
}

.rc-slider-rail {
	background-color: var(--primary-border) !important;
	height: 2px !important;
	position: absolute;
	top: 14px !important;
	width: 100% !important;
}

.rc-slider-step {
	display: none;
}

.rc-slider-handle {
	border: 1px solid var(--primary-border) !important;
	background: var(--primary-white-bg) !important;
	border-radius: 100 !important;
	box-shadow: 0px 2px 3px #0000001A;
	cursor: pointer !important;
	height: 28px !important;
	margin-left: -12px !important;
	margin-top: -5px !important;
	position: absolute !important;
	z-index: 2 !important;
	width: 28px !important;
	font-size: 0 !important;
	position: relative;
	opacity: 1 !important;
	transform: unset !important;
}

.rc-slider-handle::after {
	content: '';
	width: 16px;
	height: 16px;
	background: var(--common-background-color);
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 50%;
}

.rc-slider-handle.rc-slider-handle-1::after {
	left: 5.5px;
	right: auto;
	top: 5.5px;
}

.rc-slider-handle.rc-slider-handle-2::after {
	right: 5.2px;
	left: auto;
	top: 5.5px;
}

.rc-slider-track {
	background-color: var(--common-background-color) !important;
	height: 4px !important;
	position: absolute !important;
	top: 13px !important;
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
	box-shadow: 0 0 5px #96dbfa !important;
}

/**Price Range rc-slider Start**/

/** switch - Start **/

.searchSwitch input:checked+.toggle {
	background-color: var(--common-background-color);
}

.searchSwitch input:checked+.toggle:after {
	background-color: var(--common-background-color);
}

/** switch - End **/

/** Carousal - Start **/

.carousel-control {
	text-shadow: none;
	font-size: 48px;
	opacity: 0;
}

.carousel-control.left {
	background-image: none;
}

.carousel-control.right {
	background-image: none;
}

.carousel-control svg {
	position: absolute;
	top: 42%;
	z-index: 5;
	display: inline-block;
}

.carousel.slide:hover .carousel-control {
	opacity: 1;
}

.mapInfoWindow .carousel-control svg {
	top: 36%;
}

.carousel-control.left svg {
	left: 5px;
}

.carousel-control.right svg {
	right: 5px;
}

.carousel-control.right svg {
	right: 5px;
}

/** Carousal - End **/

/** DateRange - Start **/

.DateRangePicker__picker {
	z-index: 3 !important;
}

.searchBoxshadow .DateRangePickerInput {
	box-shadow: 0 1px 15px 3px #eeebeb !important;
	-webkit-box-shadow: 0 1px 15px 3px #eeebeb !important;
	-webkit-appearance: none !important;
	min-height: 42px;
}

.homeDate .DateRangePickerInput {
	border: 0px none !important;
	border-radius: 60px;
	border: none !important;
}

.homeDate .DateInput {
	line-height: inherit;
	font-size: 16px;
	padding: 8px 0px;
	width: 100px !important;
}

.DateInput__display-text,
.DateInput_input {
	text-transform: capitalize;
	padding: 4px 8px !important;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px !important;
	padding: 8px 0px;
	color: var(--common-text-color) !important;
}

.DateInput_input__focused {
	border-bottom: 1px solid var(--primary-border) !important;
}

.homeDate .DateInput_input:first-child {
	padding-left: 0px !important;
	background: transparent !important;
	padding: 0px 10px 0 0 !important;
	line-height: inherit !important;
	border-bottom: 0 !important;
	text-transform: none;
}

.homeDate .DateInput__display-text--focused {
	border-bottom: 1px;
	background: none;
	color: var(--modalText-color);
	box-shadow: 0 1px 0 var(--primary-border);
	border-radius: 0px;
}

.homeDate .DateInput_fang {
	top: 38px !important;
	z-index: 12 !important;
}

.homeDate .DateRangePicker_picker {
	top: 51px !important;
}

.DateRangePicker,
.DateRangePickerInput {
	width: 100%;
}

.searchDate .DateInput {
	width: auto;
	line-height: inherit;
	font-size: inherit;
	padding: 5px 0px;
}

.searchDate .DateInput__display-text--focused {
	border-bottom: 1px;
	background: none;
	color: var(--modalText-color);
}

.searchDate .DateRangePickerInput {
	border-radius: 2px;
	border: 1px solid var(--primary-border);
}


.viewListingDate .DateInput {
	font-size: 16px;
	padding: 0px;
	height: 48px;
	color: var(--common-text-color);
	background: transparent;
}

.viewListingDate .DateInput_input__focused,
.viewListingDate .DateInput_input {
	border-bottom: 0px !important;
	border-radius: 6px;
	line-height: 40px;
	color: var(--common-text-color);
	font-weight: normal;
	padding: 4px 8px 4px 19px !important;
	text-transform: inherit !important;
}

.viewListingDate .DateRangePickerInput {
	border-radius: 6px;
	border: 1px solid var(--primary-border);
}

.viewListingDate .DateInput__display-text--focused {
	border-bottom: 1px;
	background: none;
	color: var(--modalText-color);
}

.viewListingDate .DateRangePicker_picker {
	top: 52px !important;
	left: -9px !important;
}

.viewListingDate .DateInput_fang {
	top: 42px !important;
	z-index: 12 !important;
}

.inputFocusColor .form-control:focus {
	border-color: var(--primary-border) !important;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
}

.inputFocusColorNone .form-control:focus {
	border-color: var(--primary-border) !important;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
}

.vidFormsearch .DateInput {
	width: 45% !important;
	padding: 12px 20px 10px !important;
	border-radius: 6px;
	min-height: 48px;
}

@media screen and (max-width: 935px) {
	.homeDate .DateInput {
		width: 100px;
	}
}

@media screen and (max-width: 640px) {
	.popularLocation {
		max-width: 100%;
		margin: 0 auto;
	}

	.viewListingDate .DateInput {
		max-width: 115px;
		width: 100%;
		padding: 4px 10px;
	}

	.searchDate .DateRangePickerInput {
		margin-bottom: 12px;
	}

	.homeDate .DateInput {
		width: auto;
	}

	.homeSliderMobile {
		display: block;
	}

	.sliderBg {
		height: 100%;
		background-size: cover;
	}

	.homeSliderMobile .slick-track {
		width: 100% !important;
	}

	.homeSliderMobile .slick-initialized .slick-slide {
		width: 100% !important;
	}

	.headerNewDesign .navbar-default .navbar-toggle {
		color: var(--primary-white-bg) !important;
	}

	.headerNewDesign .navbar-default .navbar-nav {
		background: var(--primary-white-bg);
	}

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>form>button {
		color: var(--common-text-color);
		height: 62px !important;
	}

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>a::after {
		border-radius: 0;
	}

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>a:focus,
	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>a:hover {
		color: var(--common-text-color);
	}

	.vidFormsearch .DateRangePickerInput {
		width: 100% !important;
	}
}

@media screen and (max-width: 767px) {
	.viewListingDate .DateInput {
		max-width: 95px;
		width: 100%;
		padding: 4px 5px;
		font-size: 14px;
	}

	.homeDate .DateInput {
		width: 38% !important;
		padding: 0 !important;
	}

	.vidFormsearch .DateInput {
		width: 44% !important;
	}
}

@media screen and (max-width: 1024px) {
	.viewListingDate .DateInput {
		max-width: 45%;
		width: 100%;
		padding: 0px;
		font-size: 16px;
	}
}

/** DateRange - End **/

.headerSearch .DateRangePicker_picker {
	top: 49px !important;
	left: -26px !important;
}

.headerSearch .DateInput_fang {
	top: 34px !important;

}

.SearchPageForm .panel-body,
.headerSearch .panel-body {
	padding: 0px;
}

/** Google map - Start **/

.gm-style-iw {
	top: 15px !important;
	left: 0px !important;
	right: 0px !important;
	background-color: var(--primary-white-bg);
	box-shadow: none;
	border: 0px;
	border-radius: 0px;
	margin: 0 auto;
}

.gm-style-iw div {
	overflow: hidden;
}

@media screen and (max-width: 321px) {
	.gm-style-iw {
		right: -20px !important;
	}
}

/** Google map - End **/

/** Message Panel Start **/

.dashboardMessage .panel-body {
	padding: 0px;
}

/** Message Panel Start **/
.panel-footer {
	text-align: right;
	background-color: var(--primary-white-bg);
	padding: 15px;
}

@media screen and (max-width: 640px) {
	.headerNewDesign .navbar-default .navbar-toggle {
		color: var(--primary-white-bg) !important;
	}

	.headerNewDesign .navbar-default .navbar-nav {
		background: var(--primary-white-bg);
		overflow-y: auto;
	}

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>form>button {
		color: var(--common-text-color);
		height: 62px !important;
	}

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>a::after {
		border-radius: 0;
	}
}

/**Feature Alert Modal **/

/* List Photos */

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

.dropZoneBox {
	padding: 18px 18px 6px;
}

/* View Listing */

.sticky .bookItContentCommon {
	margin-top: 53px !important;
}

.react-switch-handle {
	box-shadow: none !important;
}

.react-switch-bg div:last-child {
	width: 32px !important;
	z-index: 1;
	left: 0;
	right: unset;
	color: var(--common-background-color);
	transform: scale(0.9);
	top: 2px !important;
}

.react-switch-bg div:first-child {
	width: 32px !important;
	z-index: 1;
	right: 3px;
	left: unset;
	color: var(--common-link-color);
	position: absolute !important;
	transform: scale(0.9);
	top: 3px;
}

.carousel-indicators {
	bottom: 0px !important;
	padding: 8px 0px !important;
	right: 0px !important;
	z-index: 4;
}

.carousel-indicators li {
	display: inline-block !important;
	vertical-align: middle !important;
	text-align: center !important;
	transform-origin: 50% 50% 0px !important;
	transform: scale(1);
	width: 8px;
	opacity: 1;
	height: 8px;
	background: var(--primary-white-bg);
	margin: 5px;
}

.carousel-indicators .active {
	width: 11px !important;
	height: 11px !important;
}

.headerSearch {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 562px;
	margin: 0px auto;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.input-group .form-control {
	z-index: unset;
}

@media (max-width:768px) {
	.sliderBg {
		height: 100vh !important;
		background-repeat: no-repeat;
		background-size: cover;
		width: calc(100% + 5px);
		margin-top: 0px;
	}
}

@media (max-width:1200px) and (min-width:768px) {

	.headerNewDesign .navbar-default .navbar-toggle {
		color: var(--primary-white-bg) !important;
	}

	.headerNewDesign .navbar-default .navbar-nav {
		background: var(--primary-white-bg);
	}

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>form>button {
		color: var(--common-text-color);
		height: 62px !important;
	}

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>a::after {
		border-radius: 0;
	}

	.headerNewDesign .navbar-default .navbar-collapse,
	.headerNewDesign .navbar-default .navbar-form {
		width: 100%;
		position: fixed;
		top: 75px;
		padding: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 375px) and (max-width: 640px) and (orientation: landscape) {

	.homeSliderMobile .slick-slide {
		min-height: 560px;
	}

	.sliderBg {
		min-height: 560px !important;
	}

}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
	.homeSliderMobile .slick-slide {
		min-height: 630px;
	}

	.sliderBg {
		min-height: 630px !important;
	}

	.headerNewDesign .navbar-default .navbar-toggle {
		color: var(--primary-white-bg) !important;
	}

	.headerNewDesign .navbar-default .navbar-nav {
		background: var(--primary-white-bg);
		overflow-y: auto;
	}

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>a::after {
		border-radius: 0;
	}

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>form>button {
		color: var(--common-text-color);
		height: 62px !important;
	}
}

/**Mobile navbar Toogle**/

@media screen and (max-width: 767px) {
	.stepCalendar .DateRangePicker_picker__directionLeft {
		left: -32px !important;
	}
}

@media (max-width: 1200px) {
	.navbar-header {
		float: none;
	}

	.navbar-left,
	.navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-nav {
		float: none !important;
		margin-top: 60px;
	}

	.navbar-nav>li {
		float: none;
	}

	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.rentAllHeader.navbar-default .navbar-nav>li>a,
	.rentAllHeader.navbar-default .navbar-nav>li>form>button {
		line-height: 61px;
		height: 63px;
		padding: 0 30px;
	}

	.headerNewDesign .navbar-default .navbar-toggle {
		color: var(--primary-white-bg) !important;
		z-index: 5;
	}

	.headerNewDesign .navbar-default .navbar-nav {
		background: var(--primary-white-bg);
		overflow-y: auto;
	}

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>a::after {
		border-radius: 0;
	}

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>form>button {
		color: var(--common-text-color);
		height: 62px !important;
		padding: 0 30px;
	}


}

/**Mobile navbar Toogle**/

/** Date Range Small **/


.slick-dots {
	bottom: 10px !important;
	color: var(--primary-white-bg) !important;
}

.slick-dots li,
.slick-dots li button {
	width: 10px !important;
	height: 10px !important;
	line-height: 10px !important;
	vertical-align: middle !important;
}

.slick-dots li button:before {
	opacity: 1 !important;
	height: 6px;
	background: var(--primary-white-bg);
	width: 6px;
	content: ' ';
	border-radius: 50%;
	top: 2px !important;
}

.slick-dots li.slick-active button:before {
	opacity: 1 !important;
	height: 9px;
	width: 9px;
	top: 0px !important;
}

@media (max-width:1023px) and (min-width:768px) {
	.hiddenFooterMobile {
		display: none;
	}
}

@media screen and (min-width: 640px) {
	.searchPage .slick-arrow {
		opacity: 0;
	}

	.searchPage .slick-slider:hover .slick-arrow {
		opacity: 1;
	}
}

/** View listing Page**/

.carousel.carousel-slider {
	height: 402px !important;
}

.carousel.carousel-slider {
	height: 405px;
}

.carousel.carousel-slider .control-arrow:hover {
	background: transparent vidSearchForm !important;
}

.carousel.carousel-slider .control-arrow {
	opacity: 1 !important;
	color: var(--primary-white-bg);
	font-size: 24px !important;
}

.carousel .control-next.control-arrow:before,
.carousel .control-prev.control-arrow:before {
	border: 0px !important;
}

.carousel .control-next.control-arrow:before {
	background-image: url('../chevron-right.png');
	height: 30px;
	width: 30px;
	color: var(--primary-white-bg) !important;
	background-size: 100%;
}

.carousel .control-prev.control-arrow:before {
	background-image: url('../chevron-left.png');
	height: 30px;
	width: 30px;
	color: var(--primary-white-bg) !important;
	background-size: 100%;
}

.carousel.carousel-slider .control-arrow .carousel .thumbs-wrapper {
	margin: 10px 20px !important;
}

.carousel .thumbs-wrapper .thumbs.animated {
	padding: 0px !important;
}

.carousel .thumb {
	border: none !important;
}

.carousel .thumb.selected,
.carousel .thumb:hover {
	border: none !important;
}


/* Availability Calendar */

.modal-backdrop.in {
	filter: alpha(opacity=75);
	opacity: 0.75;
}

.location .navbar-form {
	padding: 12px 8px;
	margin: 0px -6px;
	border-top: 0;
}

@media screen and (max-width: 1200px) {
	.location .navbar-form {
		border-top: 1px solid var(--primary-border);
		border-bottom: 1px solid var(--primary-border);
	}
}

/* Star Rating */

.dv-star-rating-star {
	margin-top: -2px;
}

.small-star-rating .dv-star-rating-star {
	font-size: 12px;
}

/* New Home Page Design */

.homeSlickSlider .slick-list .slick-slide>div>div {
	padding: 0px 8px;
}

.homeSlickSlider {
	margin: 0px -6px;
}

.vidFormsearch {
	border: 1px solid var(--primary-border) !important;
	border-radius: 6px !important;
	display: block;
	height: 48px;
}

.DateRangePicker_picker__portal {
	z-index: 9 !important;
}

.addpopular-autocomplete .popularLocationAutoComplete:focus {
	outline: none;
}

/*Admin Style*/

.adminRadioBtn input[type=radio] {
	vertical-align: middle;
	margin: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.adminstyle table select {
	border: 1px solid var(--primary-border);
	background: var(--primary-white-bg);
	background-repeat: no-repeat;
	padding: 5px 32px 5px 10px;
	height: 32px;
	border: 1px solid var(--primary-border);
	border-radius: 4px;
	background: var(--primary-white-bg);
	background-image: url(/AdminIcons/downArrowAdmin.svg) !important;
	background-repeat: no-repeat;
	background-position: calc(100% - 9px) 50% !important;
	background-size: 11px 6px !important;
	-webkit-appearance: none;
	line-height: 20px !important;
}

.adminstyle :focus {
	outline: none;
}

.adminstyle .form-control:focus {
	border-color: var(--primary-border) !important;
	outline: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.adminstyle textarea {
	padding: 14px 35px 14px 19px;
	border-radius: 6px !important;
	font-size: 16px;
	border: 1px solid var(--border-secondary-color);
	background-color: var(--primary-white-bg);
	color: var(--common-text-color);
	font-weight: normal;
	box-shadow: none !important;
	resize: none;
	height: 120px !important;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	-ms-border-radius: 6px !important;
	-o-border-radius: 6px !important;
}

.adminstyle .form-control {
	box-shadow: none !important;
}

.maxwidthcenter {
	max-width: 602px !important;
	float: none;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	border: 1px solid var(--primary-border);
	border-radius: 4px;
	padding: 20px 25px;
	border: 1px solid var(--primary-border);
}

.adminReviewStar .dv-star-rating-star {
	font-size: 26px;
}

.Loader__background {
	background-color: transparent !important;
	z-index: 4 !important;
}

@media screen and (max-width: 767px) {
	.maxwidthcenter {
		padding: 15px 15px;
	}
}

.modal-dialog .maxwidthcenter {
	margin-top: 0px;
	box-shadow: none;
	border: 0;
	padding: 0px;
}

.modal:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: -4px;
}

.loginpage .panel-body {
	padding: 33px;
}

/*Why Host page*/
.faq-Collaps .Collapsible {
	border-bottom: 1px solid var(--primary-border);
	padding-bottom: 12px;
	padding-top: 12px;
}

.faq-Collaps .Collapsible:hover {
	cursor: pointer;
}

.faq-Collaps .Collapsible .is-closed:before {
	content: '';
	padding-right: 21px;
	background-image: url(../right-arrow.png);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 0px;
}

.faq-Collaps .Collapsible .is-open:before {
	content: '';
	padding-right: 21px;
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 0px;
	background-image: url(../down-arrow.png);
}

.faq-Collaps .Collapsible__contentOuter {
	padding-left: 22px
}

@media screen and (max-width:767px) {
	.faq-Collaps .Collapsible .is-closed:before {
		margin-left: -20px;
	}

	.faq-Collaps .Collapsible .is-open:before {
		margin-left: -20px;
	}
}

@media screen and (max-width: 1024px) {

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>a:focus,
	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>a:hover {
		color: var(--common-text-color) !important;
	}
}

.DayPickerNavigation.DayPickerNavigation_1.DayPickerNavigation__vertical.DayPickerNavigation__vertical_2.DayPickerNavigation__verticalDefault.DayPickerNavigation__verticalDefault_3 {
	bottom: 10px !important;
}

@media(max-width:360px) {
	button.DayPickerNavigation_button.DayPickerNavigation_button_1.DayPickerNavigation_button__default.DayPickerNavigation_button__default_2.DayPickerNavigation_button__vertical.DayPickerNavigation_button__vertical_3.DayPickerNavigation_button__verticalDefault.DayPickerNavigation_button__verticalDefault_4.DayPickerNavigation_prevButton__verticalDefault.DayPickerNavigation_prevButton__verticalDefault_5 {
		height: 75% !important;
	}

	button.DayPickerNavigation_button.DayPickerNavigation_button_1.DayPickerNavigation_button__default.DayPickerNavigation_button__default_2.DayPickerNavigation_button__vertical.DayPickerNavigation_button__vertical_3.DayPickerNavigation_button__verticalDefault.DayPickerNavigation_button__verticalDefault_4.DayPickerNavigation_nextButton__verticalDefault.DayPickerNavigation_nextButton__verticalDefault_5 {
		height: 75% !important;
	}

	svg.DayPickerNavigation_svg__vertical.DayPickerNavigation_svg__vertical_1 {
		height: 25px !important;
		width: 25px !important;
	}
}

.displayFlex {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
}

.logoPadding>a {
	padding: 0px 0 !important;
	position: relative;
	z-index: 5;
}

.logoPadding>button {
	padding: 0 !important;
}

.logoPadding {
	padding: 0 !important;
}

.fixedPosition {
	position: fixed;
	top: 0;
	z-index: 5;
	width: 100%;
	background: var(--primary-white-bg) !important;
	padding: 0 25px !important;
}

.normalPosition {
	position: relative;
}

@media(min-width:768px) {
	.fixedPosition {
		width: 100%;
		left: 0;
	}
}

@media(max-width:1200px) {

	.headerNewDesign .navbar-default .navbar-nav>li>a,
	.headerNewDesign .rentAllHeader.navbar-default .navbar-nav>li>form>button {
		font-weight: normal !important
	}

	.location.collapse.in {
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		bottom: 0;
		overflow-y: scroll !important;
		overflow-x: hidden !important;
	}

	.location.searchHeader {
		position: relative !important;
		width: auto !important;
	}
}

@media(max-width:767px) {
	.fixedPosition {
		padding: 0 10px !important;
	}
}

.HomeCarSlide .slick-slide {
	padding: 5px 10px;
}

.popularLocation .swiper-slide {
	min-height: 200px;
	margin-top: 10px;
}

.DateRangePicker_picker {
	z-index: 10 !important;
}

.specialPriceCalendar .DateInput {
	width: 45% !important;
}

.specialPriceCalendar .DateRangePickerInput_arrow {
	width: 10%;
}

.specialPriceCalendar .DateInput_fang .DateInput_fang_1 {
	top: 38px !important;
	z-index: 12 !important;
}

.specialPriceCalendar .DateRangePicker_picker {
	top: 49px !important;
}

.searchSwitch>div>div {
	float: right !important;
}

.steering svg:not(:root) {
	overflow: visible !important;
}

.displayBlock {
	display: block !important;
}

.displayNone {
	display: none !important;
}

.newMenuDesign {
	border-top: 1px solid var(--primary-border);
	margin-top: 90px !important;
}

.newMenu {
	margin-top: 75px !important
}

.homeSliderMobile .slick-track {
	height: auto !important;
}

@media screen and (max-width: 640px) {
	.DayPickerNavigation.DayPickerNavigation_1.DayPickerNavigation__vertical.DayPickerNavigation__vertical_2.DayPickerNavigation__verticalDefault.DayPickerNavigation__verticalDefault_3 {
		bottom: 20px !important;
	}
}

input[type=text],
input[type=password],
input[type=number] {
	-webkit-appearance: none !important;
}

.viewListingDate .DateInput {
	width: 45%;
}

@media (max-width:1199px) and (min-width:1024px) {
	.listingCarousel .carousel-control {
		opacity: .9;
	}
}

@media screen and (max-width: 991px) {
	.carousel-control svg {
		top: 29%;
	}

	.headerSearch .newGeoSuggestInput {
		width: 165px !important;
	}
}

@media (max-width:1023px) and (min-width:768px) {
	.listingCarousel .carousel-control {
		opacity: .9;
	}

}

@media (max-width: 767px) {
	.listingCarousel .carousel-control {
		opacity: .9;
	}

	.carousel-control svg {
		top: 43%;
	}

}

@media screen and (max-width: 480px) {
	.carousel-control svg {
		top: 34%;
	}
}

a {
	outline: none;
}

@-moz-document url-prefix() {
	select:-moz-focusring {
		color: transparent;
		text-shadow: 0 0 0 #000;
	}
}

:focus {
	outline: none !important;
}

.gm-style {
	background-color: #a4ddf5 !important;
}

@media (max-width: 768px) and (min-width: 320px) {
	.gm-bundled-control {
		top: 30px !important;
	}
}

/*************************** SearchDateRange Start *****************************/

.DayPickerNavigation_button__horizontalDefault {
	padding: 9px 9px !important;
}

.DayPickerNavigation_button__default {
	border-radius: 50% !important;
}

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
	border: none !important;
}

.DayPickerNavigation_button__horizontalDefault {
	top: 15px !important;
}

.DayPickerNavigation_button__default {
	border: none !important;
	box-shadow: 0px 0px 7px 1px #eeebeb !important;
}

@media screen and (max-width: 991px) {
	.searchFilter .DayPicker__horizontal {
		margin: 0 auto !important;
		margin-top: 50px !important;
	}

	.searchFilter .DayPickerNavigation_rightButton__horizontalDefault {
		right: 35px !important;
	}

	.searchFilter .DayPickerNavigation_leftButton__horizontalDefault {
		left: 6px !important;
	}

	.searchFilter .DayPicker_weekHeaders__horizontal {
		margin-left: 0px !important;
	}

	.searchFilter .CalendarMonth {
		background: var(--primary-white-bg);
		text-align: center;
		padding: 0 0px !important;
	}
}

@media screen and (max-width: 767px) {
	.searchFilter .DayPicker__horizontal {
		margin-top: 50px !important;
	}
}

/*************************** SearchDateRange End *****************************/
/*************** Become a Host Big Calendar Start ************/

.specialPriceCalendar .DateRangePickerInput__withBorder {
	border-radius: 6px;
	border: 1px solid var(--primary-border);
	height: 48px;
	background: transparent;
}

.specialPriceCalendar .DateInput {
	border-radius: 6px;
	height: 48px;
	background: transparent;
}

.specialPriceCalendar .DateInput_input {
	background: transparent;
	padding-top: 13px !important;
	padding-left: 20px !important;
	text-transform: inherit;
}

.customRatioButton input[type=checkbox],
.customRatioButton input[type=radio] {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	outline: none !important;
	border: 1px solid var(--primary-border);
	position: relative;
	border-radius: 50%;
	vertical-align: middle;
	margin: 0;
	flex-shrink: 0;
}

.customRatioButton input[type=radio]:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.customRatioButton input[type=radio]:checked {
	border: 1px solid var(--common-link-color);
	background-color: var(--common-link-color);
}

.customRatioButton input[type=radio]:checked:before {
	background-image: url('../SiteIcons/stepRadioBtnOn.svg');
}

.stepHeader .rentAllHeader .container-fluid {
	max-width: 100%;
	padding: 0 25px;
}

.stepHeader .rentAllHeader .containerSearch {
	max-width: 100%;
}


.textLoaderSave .savaLoader {
	margin: 0;
	position: relative;
}

.textLoaderSave .savaLoader span:nth-child(1) {
	color: var(--common-link-color);
}

.textLoaderSave .savingDotsLoader span {
	color: var(--common-link-color);
}

.textLoaderSave .savingDotsLoader {
	position: absolute;
	top: -34px;
	right: -41px;
}

.popularLocationNewGeoSuggest {
	width: 100%;
}


@media screen and (max-width:767px) {
	.borderNoneMb a {
		border-top: inherit !important;
	}
}

/*************** Become a Host Big Calendar End ************/
.StripeElement {
	display: block;
	width: 100%;
	padding: 13px 45px 13px 20px;
	font-size: 16px;
	line-height: 22px;
	background-image: none;
	border-radius: 6px;
	height: 48px;
	color: var(--common-text-color);
	border: 1px solid var(--primary-border);
	background-color: var(--primary-white-bg);
	text-align: start;
}

/*************************** SearchMapSection Start *************************/
.searchMapSection .gm-bundled-control div:nth-child(1) {
	width: 38px !important;
	height: 76px !important;
	background: transparent !important;
	box-shadow: inherit !important;
}

.searchMapSection .gm-control-active {
	width: 38px !important;
	height: 38px !important;
	background: var(--primary-white-bg) !important;
	border-radius: 6px !important;
	box-shadow: 0px 8px 11px #3131310F;
}


.searchMapSection .gm-control-active>img:nth-child(1) {
	height: 15px !important;
	width: 15px !important;
}

.searchMapSection .gm-bundled-control {
	left: auto !important;
	right: 50px !important;
	top: 20px !important;
}

.gm-style {
	background-color: #a4ddf5 !important;
}

/*************************** SearchMapSection End *************************/


.searchSwiper .searchArrow,
.mapInfoWindow- .searchArrow {
	display: none;
}

.searchSwiper:hover .searchArrow,
.mapInfoWindow-:hover .searchArrow {
	display: block;
}

.mapInfoWindow- .searchArrowPrev,
.mapInfoWindow- .searchArrowNext {
	top: 42% !important;
}

.adminstyle .siteSettingRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.searchInputControl {
	height: 48px;
	border: 1px solid var(--primary-border) !important;
	background-image: url('../AdminIcons/adminSearch.png');
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-size: 13px;
	padding: 12px 12px 12px 40px;
	box-shadow: 0 1px 15px 3px #eeebeb !important;
	-webkit-box-shadow: 0 1px 15px 3px #eeebeb !important;
	border-radius: 4px;
}

.searchInputControlWidth {
	width: 395px;
}

@media (max-width: 991px) and (min-width: 768px) {
	.headerSearch {
		width: 500px;
	}

	.navbar-form {
		margin: 0 !important;
	}
}

/***AdminCommonCss End***/

/***************** New Responsive Table ***********************/

@media screen and (max-width: 767px) {
	.rentAllHeader.navbar-default .navbar-nav>li {
		padding: 0px 15px;
	}

}

/***************** New Responsive Table End *******************/

/*************************** NewAdminResponsiveTable  Section Start ******************************/

@media screen and (max-width: 1199px) {
	.rentAllHeader .container {
		padding: 0 15px;
	}

	.ListHeader .navbar-collapse.collapse {
		display: block !important;
		border: inherit;
		padding: 0;
	}

	.searchSwiper .searchArrow,
	.mapInfoWindow- .searchArrow {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.youcarsBg .nav-tabs {
		border-bottom: unset !important;
	}
}

/*************************** NewAdminResponsiveTable Section End ******************************/
.searchMap iframe+div {
	border: none !important;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #ced4da;
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #a2a2a2;
	border-radius: 10px;
}

::-webkit-scrollbar-corner {
	width: 3px;
}

.dropzone .dz-preview.dz-success {
	display: none !important;
}

/*********************************** Home Time Select End *******************************/

/*Site Admin**/
@media screen and (min-width: 768px) {
	.rentAllHeader .navbar-brand {
		margin-left: 0px !important;
	}

	.rentAllHeader .navbar-right {
		margin-right: 0 !important;
	}
}

.rentAllHeader .container,
.rentAllHeader .container-fluid {
	width: 100%;
	max-width: 1274px;
	margin: 0 auto;
}

@media screen and (min-width: 1280px) {

	.headerNewDesign .container,
	.headerNewDesign .container-fluid {
		padding: 0;
	}
}

.fixedHeader .container-fluid {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 25px;
}

.fixedHeader {
	position: fixed;
	width: 100%;
	left: 0px;
	right: 0px;
	height: auto;
	max-height: 100vh;
}

.rentAllHeader .navbar-nav>li>a {
	padding-left: 22px;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
}

.viewArrowLeft {
	padding-left: 4px;
}

.imgIconRight {
	padding-right: 5px;
}

.homeSearchForm .DateInput {
	background: transparent;
	padding: 0;
}

.homeSearchForm .DateInput {
	background: transparent;
	padding: 0;
	font-size: 14px;
}

.homeSearchForm .DateInput_input {
	font-size: 16px !important;
	font-weight: 400;
}

.homeSearchForm .DateRangePickerInput {
	background: transparent;
}

.searchHeader .DateRangePickerInput {
	margin-left: 17px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

.homeDate .DateRangePickerInput_arrow {
	padding-right: 30px;
	vertical-align: inherit;
}

.commonIconSpace {
	margin-right: 7px;
	width: 18px;
}

.vidSearchForm .DateInput_fang {
	top: 47px !important;
	z-index: 12 !important;
}

.vidSearchForm .DateRangePicker_picker {
	top: 57px !important;
	left: -1px !important;
}

.centerLink2 a {
	color: var(--common-text-color) !important;
}

.dot2::after {
	background-color: var(--common-text-color) !important;
}

.dot2::before {
	background-color: var(--common-text-color) !important;
}

.searchHeaderIcon {
	padding-right: 4px;
}

.searchHeaderIconWidth {
	width: 100%;
	max-width: 18px;
	min-width: 18px;
}

.form-control:focus {
	box-shadow: inherit !important;
	border-color: var(--primary-border) !important;
}

.searchTextLeft {
	padding-left: 4px;
}

.noPadding {
	padding: 0px;
}

::-webkit-input-placeholder {
	/* Edge */
	color: var(--primary-placeholder-foreground);
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: var(--primary-placeholder-foreground);
}

::placeholder {
	color: var(--primary-placeholder-foreground) !important;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .btn-link {
	color: var(--common-text-color) !important;
}

.vidFormsearch .DateRangePickerInput {
	border-radius: 6px;
	box-shadow: inherit !important;
}

.form-control {
	color: var(--common-text-color) !important;
	font-size: 16px !important;
}

.searchGridRTL .DateInput_input {
	font-size: 14px !important;
}

.showMapBtn .react-switch-handle {
	width: 32px !important;
	height: 32px !important;
	top: 2px !important;
}

.showBtnGap {
	margin-left: 6px;
}

.searchFixedHeader {
	position: fixed;
	width: 100%;
	left: 0px;
	right: 0px;
	height: auto;
	max-width: 100% !important;
	padding: 18px 0px 0px !important;
}

.rentAllHeader.searchFixedHeader .container-fluid {
	max-width: 100%;
}

.rentAllHeader.searchFixedHeader .containerSearch {
	max-width: 100%;
}

.rentAllHeader .navbar-form {
	margin: 0 !important;
}

.searchMapSection .slick-list {
	border-radius: 6px;
}

.saveArrowCss {
	padding-left: 6px;
}

.stepPlaceMap .gm-fullscreen-control {
	top: 30px !important;
	left: 14px !important;
	box-shadow: 0px 8px 11px #3131310F !important;
	border: 1px solid var(--primary-border) !important;
	border-radius: 6px !important;
}

.stepPlaceMap .gm-bundled-control {
	left: auto !important;
	top: 30px !important;
}

.stepPlaceMap .gm-control-active {
	background: var(--primary-white-bg) !important;
	box-shadow: 0px 8px 11px #3131310F;
	border: 1px solid var(--primary-border);
	border-radius: 6px;
	width: 38px !important;
	height: 38px !important;
}

.stepPlaceMap .gm-bundled-control div:nth-child(1) {
	background: transparent !important;
	box-shadow: inherit !important;
}

.noScroll ::-webkit-scrollbar {
	background: transparent !important;
	width: 0px;
}

.noScroll ::-webkit-scrollbar-track {
	background: transparent !important;
}

.noScroll ::-webkit-scrollbar-thumb {
	background: transparent !important;
	width: 0px;
	border-radius: 0px;
}

.noScroll ::-webkit-scrollbar-thumb:hover {
	background: transparent !important;
}

.searchMapSection .slick-list {
	border-radius: 6px;
}

.passwordInputPadding {
	padding: 10px 45px 10px 19px !important;
}

.photoListDropDown button {
	background: transparent;
	border: inherit;
	font-size: 15px;
	box-shadow: inherit;
	position: relative;
}

.photoListDropDown .btn .caret {
	display: none;
}

.photoListDropDown button::before {
	content: '';
	background: url('../SiteIcons/photoListDropDown.svg');
	position: absolute;
	top: 8px;
	left: -7px;
	background-repeat: no-repeat;
	width: 44px;
	height: 44px;
}

.photoListDropDown .btn-group.open .dropdown-toggle {
	box-shadow: inherit;
}

.photoListDropDown .btn-default:hover,
.photoListDropDown .btn-default:focus,
.photoListDropDown .btn-default:active {
	background-color: transparent;
	border-color: transparent;
}

.photoListDropDown .open>.dropdown-toggle.btn-default:focus,
.photoListDropDown .open>.dropdown-toggle.btn-default:hover {
	background-color: transparent;
	border-color: transparent;
}

.photoListDropDown .btn-group .dropdown-toggle:active,
.photoListDropDown .btn-group.open .dropdown-toggle {
	background-color: transparent;
	box-shadow: inherit;
	border-color: transparent;
}

.photoListDropDown .dropdown-menu {
	left: auto;
	right: -10px;
	top: 43px;
	min-width: 175px;
	padding: 0px 0px 12px;
	z-index: 0;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 12px;
	border: inherit;
	z-index: 2;
}

.photoListDropDown li {
	padding: 12px 18px 0px;
}

.photoListDropDown a {
	color: var(--common-text-color) !important;
	padding: 0 !important;
	font-weight: 500 !important;
	font-size: 16px;
}

.photoListDropDown {
	position: absolute;
	right: 18px;
	top: -12px;
}

.photoListDropDown .dropdown-menu>li>a:hover {
	color: var(--common-link-color) !important;
	text-decoration: none;
	background-color: transparent;
	border-radius: 4px;
}

.photoListDropDown .dropdown-menu>li:first-child {
	border-bottom: 1px solid transparent;
}

.paymentDetailsPadding {
	padding-right: 51px;
}

.whiteBgColor {
	background-color: var(--primary-white-bg);
}

/***************SideMenu Highlight Active start ****************************/
.sideMenuBorder {
	padding: 0px;
	list-style: none;
	margin: 0px;
}

.sideMenuBorderPadding {
	border: 1px solid var(--primary-border);
	margin-bottom: 12px;
	border-radius: 12px;
	background-color: var(--primary-white-bg);
}

.menuActive .sideNav {
	color: var(--btn-primary-bg);
	border-radius: 12px;
	position: relative;
}

.menuActive .sideNav::before {
	display: inline-block;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	left: 26px;
	background-color: var(--common-link-color);
	border-radius: 50%;
	top: 25px;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transition: transform 200ms linear 0.2s;
	-webkit-transition: transform 200ms linear 0.2s;
	-moz-transition: transform 200ms linear 0.2s;
	-ms-transition: transform 200ms linear 0.2s;
	-o-transition: transform 200ms linear 0.2s;
}

.menuNotActive .sideNav::before {
	display: inline-block;
	content: "";
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transition: transform 1000ms;
	-webkit-transition: transform 1000ms;
	-moz-transition: transform 1000ms;
	-ms-transition: transform 1000ms;
	-o-transition: transform 1000ms;
}

.sideNav::after {
	content: '';
	position: absolute;
	width: 15px;
	height: 12px;
	right: 20px;
	top: 25px;
	background-image: url('../sidemenuBlackArrow.svg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

.menuActive .sideNav::after {
	background-image: url('../sideMenuActiveArrow.svg');
}

.menuActive .sideNav,
.sideNav:hover {
	color: var(--common-link-color);
}

.menuActive .sideNav span {
	transition: margin-left 500ms;
	-webkit-transition: margin-left 500ms;
	-moz-transition: margin-left 500ms;
	-ms-transition: margin-left 500ms;
	-o-transition: margin-left 500ms;
}

.menuNotActive .sideNav span {
	transition: margin-left 1000ms;
	-webkit-transition: margin-left 1000ms;
	-moz-transition: margin-left 1000ms;
	-ms-transition: margin-left 1000ms;
	-o-transition: margin-left 1000ms;
}

.menuActive .sideNav span {
	margin-left: 18px;
	display: inline-block;
}

.menuNotActive .sideNav span {
	margin-left: 0;
	display: inline-block;
}

.menuActive a,
.menuActive a:focus {
	color: var(--common-link-color) !important;
}

.menuNotActive a,
.menuNotActive a:focus {
	color: var(--common-text-color) !important;
}


/* .menuActive .spaceLeft18{
	margin-left: 18px;
} */

.sideNavitem {
	display: block;
	padding: 18px 36px 18px 24px;
	font-size: 16px;
	color: var(--common-text-color);
	position: relative;
	font-weight: 500;
}

.sideNavitem:hover,
.sideNavitem:active {
	text-decoration: none;
	color: var(--common-link-color);
}

.searchSwiper .swiper-pagination-bullet,
.mapInfoWindow- .swiper-pagination-bullet {
	background: var(--primary-white-bg);
	opacity: 9;
	margin: 0 6px !important;
}

.searchSwiper .swiper-pagination-bullet-active,
.mapInfoWindow- .swiper-pagination-bullet-active {
	background: var(--primary-white-bg);
	opacity: 1;
	width: 10px;
	height: 10px;
}

.listingContainer {
	width: 100%;
	max-width: var(--max-listing-width);
	margin: 0 auto;
}

.tripDropDown button {
	background: transparent;
	border: inherit;
	font-size: 16px;
	box-shadow: inherit;
	position: relative;
}

.tripDropDown .btn .caret {
	display: none;
}

.tripDropDown button::before {
	content: '';
	background: url('../siteImages/more.svg');
	position: absolute;
	left: 0;
	background-repeat: no-repeat;
	background-size: contain;
	width: 12px;
	height: 12px;
}

.tripDropDown .btn-group>.btn,
.tripDropDown .btn-group>.btn:active,
.tripDropDown .btn-group>.btn:hover,
.tripDropDown .btn-group>.btn:focus,
.tripDropDown .btn-group>.btn:active:hover {
	color: var(--common-link-color);
	font-size: 16px;
	white-space: normal;
	padding-left: 20px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.tripDropDown .btn-group.open .dropdown-toggle {
	box-shadow: inherit;
}

.tripDropDown .btn-default:hover,
.tripDropDown .btn-default:focus,
.tripDropDown .btn-default:active {
	background-color: transparent;
	border-color: transparent;
}

.tripDropDown .open>.dropdown-toggle.btn-default:focus,
.tripDropDown .open>.dropdown-toggle.btn-default:hover {
	background-color: transparent;
	border-color: transparent;
	color: var(--common-link-color);
}

.tripDropDown .btn-group .dropdown-toggle:active,
.tripDropDown .btn-group.open .dropdown-toggle {
	background-color: transparent;
	box-shadow: inherit;
	border-color: transparent;
}

.tripDropDown .dropdown-menu {
	left: auto;
	right: 0;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 6px;
	border: 0;
	padding: 0;
	z-index: 2;
	min-width: 130px !important;
}

.tripDropDown a {
	color: var(--common-text-color) !important;
	padding: 9px 14px !important;
	border-top: 1px solid var(--primary-border);
	font-size: 16px !important;
	font-weight: 500 !important;
}

.tripDropDown li:first-child a {
	border-top: none;
}

.tripDropDown a:hover {
	background-color: var(--primary-white-bg) !important;
	border-radius: 6px;
}

.stepEditArrow {
	padding-left: 6px;
}

.youcarsBg {
	background: var(--primary-white-bg);
	border: 1px solid var(--primary-border);
	border-radius: 12px;
	padding: 15px 24px 24px 24px;
}

.youcarsBg .nav-tabs>li>a {
	color: var(--modalText-color);
	font-weight: 500;
	padding: 0 0px 7px 0;
	margin-right: 30px;
}

.youcarsBg .nav-tabs>li.active>a,
.youcarsBg.nav-tabs>li.active>a:focus,
.youcarsBg .nav-tabs>li.active>a:hover {
	color: var(--common-text-color);
	border: 1px solid transparent;
	border-color: transparent;
	background: transparent;
	border-bottom: 1px solid var(--common-link-color);
}

.youcarsBg .nav-tabs {
	border-bottom: 1px solid var(--primary-border);
}

.youcarsBg .nav-tabs>li>a:hover {
	background: transparent;
	border-color: transparent;
}

.inputFocusColor .input-group {
	z-index: 1;
}

.inboxTimeDirection {
	direction: ltr !important;
}

/* new geo suggest start */

.pac-item:hover,
.pac-item:focus {
	background: #f2f2f2 !important;
	color: var(--common-text-color) !important;
}

.pac-container {
	box-shadow: none !important;
	border: 1px solid var(--primary-border);
	border-top: 0;
}

.pac-item {
	border: 0px !important;
	padding: 7px 9px;
	font-size: 14px;
	font-family: var(--font-family-base) !important;
	font-weight: 400;
	text-align: start;
	line-height: normal;
	white-space: normal;
	color: var(--common-text-color);
	cursor: pointer;
}

.pac-item-query {
	font-size: 14px !important;
}

.pac-icon {
	display: none !important;
}

.pac-logo:after {
	background-size: 100px 12px !important;
	margin: 0px 5px;
}

.widthFull {
	width: 100%;
}

.searchPageGeoSuggestContainer .pac-container,
.headerLocationSearch .pac-container {
	border-radius: 0;
	border: 1px solid var(--primary-border);
	border-top: 0;
	box-shadow: none;
	margin-top: 8px;
	box-sizing: content-box;
}

.searchPageGeoSuggestContainer .pac-container {
	position: fixed !important;
}

/* layout one */
.locationSearch .pac-container {
	border-radius: 6px;
	border: 1px solid var(--primary-border);
	border-width: 0px 1px 0px;
	margin-top: 2px;
}

/* layout two */
.search .pac-container {
	margin-top: 18px !important;
	border-radius: 0 !important;
}

/* layout three */
.layoutThree .pac-container {
	border: 1px solid var(--primary-border) !important;
	border-top-width: 0px !important;
	margin-top: -2px;
	box-sizing: content-box;
}

/* becomeHost */
.becomeHost .pac-container:last-of-type {
	box-shadow: rgb(219 219 220) 0px 6px 8px 1px !important;
	border: none !important;
	margin-top: 2px !important;
}

.becomeHost .pac-container:last-of-type .pac-item {
	padding: 10px 7px !important;
	font-size: 13px !important;
	line-height: inherit !important;
}

.becomeHost .pac-container:last-of-type .pac-item-query {
	font-size: 13px !important;
}

/* popular location */
.popularLocation .pac-container {
	border: 1px solid var(--primary-border) !important;
	border-top-width: 0px !important;
	margin-top: 3px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
	border-radius: 4px;
}

/* new geo suggest end */

/* default geo suggest start */
.loadingInputContainer {
	position: relative;
}

.suggestItem {
	padding: 7px 9px;
	font-size: 14px;
	font-family: var(--font-family-base) !important;
	font-weight: 400;
	text-align: start;
	line-height: normal;
	white-space: normal;
	color: var(--common-text-color);
	cursor: pointer;
	background: #fff;
	border: 1px solid var(--primary-border) !important;
	border-top-width: 0px !important;
	position: absolute;
}

/* popular location */
#containereditPopular #suggestItemeditPopular,
#containeraddPopular #suggestItemaddPopular {
	margin-top: 3px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
	border-radius: 4px;
	width: 100%;
	z-index: 1;
}

/* layout one */
#containerlocationSearch #suggestItemlocationSearch {
	border-radius: 6px;
	margin-top: 2px;
}

/* layout two */
#containersearch #suggestItemsearch {
	margin-top: 15px !important;
	border-radius: 0 !important;
	width: 100%;
}

/* layoutthree */
.vidSearchForm .suggestItem {
	margin-top: -2px;
	width: 100%;
}

/* search page */
.searchHeader .suggestItem {
	width: 211px;
	margin-top: 10px;
}

/* become host */
.becomeHostGeoSuggest .suggestItem {
	box-shadow: rgb(219 219 220) 0px 6px 8px 1px !important;
	border: none !important;
	padding: 10px 7px !important;
	font-size: 13px !important;
	line-height: inherit !important;
	width: 100%;
}

.filterSelectContainer {
	margin-bottom: 0 !important;
	width: 100%;
	max-width: 180px;
}

.filterSelectContainer select {
	width: 100%;
}

/* default geo suggest end */

.tooltipFlex {
	display: flex;
	gap: 5px;
}

.tooltipFlex>svg {
	cursor: pointer;
}

@media (max-width: 1024px) and (min-width: 768px) {
	.headerSearch .DateRangePicker_picker {
		left: -201px !important;
	}
}

@media screen and (max-width: 991px) {
	.paymentDetailsPadding {
		padding-right: 15px;
	}

	.sideNavitem {
		padding: 18px 46px 18px 36px;
	}

	.menuActive .spaceLeft18 {
		margin-left: 8px;
	}

	.searchHeader .suggestItem {
		width: 165px;
	}
}

@media (max-width: 768px) and (min-width: 320px) {
	.gm-bundled-control {
		top: 53px !important;

	}

	.rentAllHeader .container {
		padding: 0 15px;
	}

	.viewListingBottom {
		padding-bottom: 100px;
	}
}

@media (max-width: 768px) and (min-width: 320px) {
	.gm-bundled-control {
		top: 53px !important;
	}
}

@media screen and (max-width: 767px) {
	.vidFormsearch .DateInput {
		padding: 12px 7px 10px 10px !important;
	}

	.headerSearch {
		display: none;
	}

	.rentAllHeader .navbar-form {
		display: none;
	}

	.rentAllHeader .container {
		padding: 0 15px;
	}

	.youcarsBg .nav-tabs>li {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}

	.youcarsBg .nav-tabs>li>a {
		margin-right: 0;
	}

	.popularLocation .pac-container {
		max-height: 230px;
		z-index: 1031;
		overflow: auto;
	}

	/* layout two */
	#containersearch #suggestItemsearch {
		margin-top: 18px
	}

	/* mobile search  */
	#containermobileSearch #suggestItemmobileSearch {
		border: 1px solid var(--primary-border) !important;
		border-top-width: 0px !important;
		position: absolute;
		border-radius: 0px 0px 6px 6px;
		margin-top: -19px;
		width: 100%;
		z-index: 1;
	}

}


@media screen and (max-width: 991px) and (min-width: 768px) {
	.sideMenuBorderPadding {
		margin: 0px 15px 0px 0px;
	}

	.sideMenuBorder {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		row-gap: 15px;
	}

}

@media (max-width: 575.98px) {
	.youcarsBg {
		padding: 17px 10px;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.youcarsBg {
		padding: 17px 15px;
	}
}

/***************SideMenu Highlight Active End ****************************/


/***********   language modal popup start ********************************/

.languageModalContainer .nav-pills {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-bottom: 1px solid var(--primary-border);
	margin-bottom: 23px;
	float: none !important;
}

.languageModalContainer .nav-pills li a {
	background-color: transparent;
	color: var(--modalText-color);
	font-size: 18px;
	font-weight: 500;
	padding: 8px 0;
	margin-right: 29px;
	border-radius: unset;
}

.languageModalContainer .nav-pills li.active a {
	color: var(--primary-foreground);
	border-bottom: 1px solid var(--primary-foreground);
}

.languageModalContainer .nav-pills li.active a:hover,
.languageModalContainer .nav-pills li.active a:focus {
	background-color: transparent;
	border-bottom: 1px solid var(--primary-foreground);
	color: var(--primary-foreground);
}

.tabBarView .nav-tabs>li.active>a,
.tabBarView .nav-tabs>li.active>a:focus,
.tabBarView .nav-tabs>li.active>a:hover,
.tabBarView .nav-tabs>li.active>a:active,
.tabBarView .nav-tabs>li.active>a:active:hover {
	border-color: transparent;
	border-bottom: 1px solid var(--common-link-color);
	color: var(--common-text-color);

}

.tabBarView .nav-tabs>li>a,
.tabBarView .nav-tabs>li>a:hover,
.tabBarView .nav-tabs>li>a:active,
.tabBarView .nav-tabs>li>a:focus,
.tabBarView .nav-tabs>li>a:active:hover {
	background: transparent;
	border-bottom: 1px solid transparent;
	margin-right: 36px;
}

.tabBarView .nav-tabs>li>a {
	color: var(--muted-text-color);
	font-weight: 500;
	border-width: 1px;
	padding: 0 0 7px 0;
}

.cancellationBg.tabBarView .nav-tabs>li>a:hover {
	border-color: transparent;
	border-bottom: 1px solid var(--common-link-color);
}

.positionRelative {
	position: relative;
}

.reviewStarSection .dv-star-rating-star {
	margin: 0 !important;
}

.selectContainer {
	padding: 4px 35px 4px 12px !important;
	height: 28px !important;
	background-size: 10px 5px !important;
	width: 110px;
}

.responseRs {
	padding: 0 8px;
}

/*------------ Reservation filter modal ----------------*/

.filterModalDatePicker .DateRangePickerInput__withBorder {
	border-radius: 6px;
	border: 1px solid var(--primary-border);
}

.filterModalDatePicker .DateInput_input {
	height: 48px;
	padding-inline: 19px !important;
	border: transparent !important;
	background: transparent;
	text-transform: initial;
}

.filterModalDatePicker .DateInput_fang {
	top: 50px !important;
}

.filterModalDatePicker .DateRangePicker_picker {
	top: 62px !important;
}

.filterModalDatePicker .DateInput.DateInput_1 {
	background: transparent;
}

.filterModalDatePicker .DateInput {
	width: 165px !important;
}


.claimModalImgCloseIcon .swiper-wrapper {
	padding-top: 24px;
	margin-bottom: 24px;
}

.resStatusBtn.label-success {
	background-color: var(--success-status-bg) !important;
}

.resStatusBtn.label-danger {
	background-color: var(--cancelled-status-bg) !important;
}

.resStatusBtn.label-warning {
	background-color: var(--expired-status-bg) !important;
}

.resStatusBtn.approvedStyle {
	background-color: var(--approved-status-bg) !important;
}

.resStatusBtn.pendingStyle {
	background-color: var(--pending-status-bg) !important;
}

/* ---------------Reservation filter modal end---------------------*/

.listLayoutRTL {
	padding: 0 !important;
}

.listTipIcon {
	padding-right: 5px;
}

.DateRangePicker_picker,
.DayPicker__withBorder,
.DayPicker_transitionContainer {
	border-radius: 6px !important;
}

body.modal-open {
	padding-right: 0 !important;
	overflow: hidden !important;
	touch-action: none;
	-ms-touch-action: none;
}

/* inbox */
.inBoxbtn {
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

.inBoxbtn .label {
	width: 100%;
	display: inline-block;
	padding: 9px 16px;
	font-size: 16px;
	font-weight: 500;
	white-space: normal !important;
	border-radius: 19px;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	-ms-border-radius: 19px;
	-o-border-radius: 19px;
}

.inBoxbtn .label-success {
	background-color: var(--inbox-successBtn-color);
}

.inBoxbtn .label-danger {
	background-color: var(--inbox-dangerBtn-color);
}

.inBoxbtn .label-primary {
	background-color: var(--inbox-primaryBtn-color);
}

.inBoxbtn .label-expired {
	background-color: var(--inbox-expiredBtn-color);
}

.inBoxbtn .label-completed {
	background-color: var(--inbox-completedBtn-color);
}

.inBoxbtn .label-intantBooking {
	background-color: var(--inbox-instantBtn-color);
}

.inBoxbtn .label-inquiry {
	background-color: var(--inbox-inquiryBtn-color);
}

.inBoxbtn .label-securityDeposit {
	background-color: var(--inbox-securityDepositBtn-color);
}

.clearFlex {
	display: flex;
	justify-content: flex-end;
	padding: 0 20px 20px 20px;
	font-size: 16px;
	cursor: pointer;
	text-decoration: underline;
	color: var(--common-link-color);
	font-weight: 500;
}

/* inbox */
.rentAllHeader.becomeHeaderCss {
	border-bottom: unset;
}


/***********   language modal popup end ********************************/

.deleteWishList .model-header {
	background: var(--common-gray-bg-color);
	border-radius: 12px 12px 0 0;
}

.wordBreak {
	word-break: break-word;
}


/* listing Select tag */

.publishListArrow select {
	background-position: calc(100% - 15px) !important;
	background-image: url(../SiteIcons/publishArrow.svg) !important;
	background-repeat: no-repeat;
	background-size: 13px !important;
}

.changePadding {
	padding: 8px 35px 8px 15px !important;
}

.iconGap {
	margin-right: 8px;
}

.loginpage a {
	text-decoration: none !important;
}

.printText {
	display: none !important;
}

/* header */
.vtrMiddle {
	vertical-align: middle;
}

.reviewStarSection span {
	top: 0 !important;
}

.paypalCancelInput .form-control[disabled] {
	background-color: var(--common-gray-bg-color) !important;
	border: 1px solid #ededed !important;
	border-radius: 6px !important;
}

.paypalCancelInput textarea {
	min-height: 187px;
}

.tableActionPopOver>.arrow {
	display: none;
}

.popover-content {
	display: flex;
	flex-direction: column;
}

.popover {
	background: var(--common-gray-bg-color) 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 3px 6px #00000029 !important;
	width: 100%;
	min-width: 130px !important;
	max-width: 130px !important;
	line-height: inherit;
	font-family: "Outfit", Arial, Helvetica, sans-serif !important;
	border: unset;
}

.popover-content {
	padding: 0px !important;
	cursor: pointer;
}

.popoverContentPadding {
	padding: 12px 10px;
	border-top: 1px solid var(--primary-border) !important;
}

.popoverContentPadding:first-child {
	border: none !important;
}

.forgetArrow {
	margin-left: 6px;
}

.passwordIcon {
	position: absolute;
	top: 9.5px;
	right: 15px;
	cursor: pointer;
}

.passwordInputIcon {
	padding: 10px 45px 10px 19px !important;
}

.csvFileImport .csv-input {
	display: none;
}

.csvFileImport .csv-reader-input label {
	cursor: pointer;
	color: var(--common-link-color);
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0;
	position: relative;
	display: flex;
	align-items: center;
	gap: 6px;
	border-bottom: 1px solid var(--common-link-color);
}

#siteSettingPopover.popover {
	min-width: unset !important;
	max-width: 276px !important;
}

#siteSettingPopover .popover-content {
	padding: 9px 14px !important;
	white-space: break-spaces;
}

.tooltipLabelContainer {
	display: flex;
	align-items: center;
	gap: 5px;
}

.imageUploadTooltipImg {
	width: 15px;
	height: 15px;
	object-fit: contain;
}

.previewSliderBox {
	position: relative;
}

.previewSliderBtnContainer .prevRTL,
.previewSliderBtnContainer .nextRTL {
	width: 42px !important;
	height: 42px !important;
	border: 1px solid var(--search-input-border) !important;
	border-radius: 6px !important;
	box-shadow: unset !important;
	padding: 6px !important;
	top: 45% !important;
	transform: translateY(-45%);
	display: block;
}

.previewSliderBtnContainer .prevRTL {
	left: 0px !important;
}

.previewSliderBtnContainer .nextRTL {
	right: 0px !important;
}

.previewSliderBtnContainer .prevRTL svg,
.previewSliderBtnContainer .nextRTL svg {
	width: 18px !important;
	height: 18px !important;
}

.previewSliderBtnContainer .prevRTL svg {
	left: 8px !important;
}

.previewSliderBtnContainer .nextRTL svg {
	right: 10px !important;
}

.siteSettingTooltipIcon {
	width: 15px;
	height: 15px;
	position: relative;
	top: -1px;
}

/* become a host tab button start  */


.becomeHostInnerBox .rts___tab,
.becomeHostInnerBox .rts___tab:hover,
.becomeHostInnerBox .rts___tab:focus {
	border: unset;
	border-radius: 36px;
	margin: 0;
	margin-right: 10px;
	margin-left: 10px;
	box-shadow: unset;
	padding: 1px;
	outline-color: transparent;
	line-height: unset !important;
}

.becomeHostInnerBox .rts___tab:last-child,
.becomeHostInnerBox .rts___tab:last-child:focus,
.becomeHostInnerBox .rts___tab:last-child:hover {
	margin-right: 8px;
}

.becomeHostInnerBox .rts___tab___selected,
.becomeHostInnerBox .rts___tab___selected:hover,
.becomeHostInnerBox .rts___tab___selected:focus {
	background-color: transparent !important;
	color: var(--common-text-color) !important;
}

.becomeHostInnerBox .rts___tab a,
.becomeHostInnerBox .rts___tab:hover a,
.becomeHostInnerBox .rts___tab:focus a {
	display: inline-block;
	white-space: nowrap;
}

.becomeHostInnerBox {
	padding: 0 !important;
}

.becomeHostTabsContainer {
	justify-content: center;
}

/* manualGeoSuggest start */
.widthFull {
	width: 100%;
}

.manualGeoSuggestContainer {
	position: relative;
}

.manualGeoSuggestListWrapper,
.safariManualGeoSuggestListWrapper .suggestItem {
	position: absolute;
	border-radius: 0 0 6px 6px;
	border: 1px solid var(--primary-border);
	max-height: 400px;
	padding: 0;
	background: #fff;
	border-top-width: 0;
	overflow-x: hidden;
	overflow-y: auto;
	list-style: none;
	z-index: 5;
	width: 100%;
	text-align: start;
	left: 0;
	right: 0;
}

.manualGeoSuggestList,
.safariManualGeoSuggestListWrapper .suggestItem {
	padding: 8px 10px;
	font-size: 14px;
	line-height: normal;
	font-weight: 500;
	color: var(--common-text-color);
}

.manualGeoSuggestList:hover {
	background-color: var(--common-gray-bg-color);
	cursor: pointer;
}

.manualGeoSuggestListWrapper:after {
	content: '';
	display: block;
	background-image: url('../powered_by_google.png');
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	background-size: 80px 12px;
	width: 100%;
	height: 20px;
}

.searchHeaderGeoSuggest .manualGeoSuggestInput {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
	font-size: 14px;
	height: 28px;
	background-color: transparent;
	color: var(--common-text-color);
	border: unset;
	box-shadow: unset;
	max-width: calc(100% - 10px);
}

.searchHeaderGeoSuggest .manualGeoSuggestListWrapper,
.searchHeaderGeoSuggest .suggestItem {
	top: calc(100% + 8px);
	left: -5px;
	min-width: calc(100% + 5px);
}

.mobileViewSearchHeader {
	margin-bottom: 15px;
}

.mobileViewSearchHeader .manualGeoSuggestInput,
.becomeHostGeoSuggest .manualGeoSuggestInput {
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-size: 14px;
	border: 1px solid var(--primary-border);
	border-radius: 6px;
	height: 48px;
	padding: 10px 10px 10px 30px;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	color: var(--common-text-color);
}

.mobileViewSearchHeader .manualGeoSuggestInput {
	background-image: url(../SiteIcons/listLocatiionPin.svg);
}

.becomeHostGeoSuggest .manualGeoSuggestInput {
	background-image: url('../SiteIcons/locatiionPin.svg');
}

.mobileViewSearchHeader .manualGeoSuggestListWrapper,
.mobileViewSearchHeader .suggestItem,
.siteAdminPopularLocation .suggestItem {
	top: 100%;
}

.siteAdminPopularLocation .manualGeoSuggestListWrapper {
	position: relative;
	z-index: 0;
}

.siteAdminPopularLocation .manualGeoSuggestInput,
.layoutThreeDetailsFormGeoSuggest .manualGeoSuggestInput {
	height: 46px;
	border-radius: 6px;
	font-size: 16px;
	border: 1px solid var(--primary-border);
	line-height: 24px;
	color: var(--common-text-color);
	font-weight: normal;
	padding: 10px 20px;
}

.layoutOneLocationSearchGeoSuggest .manualGeoSuggestInput,
.layoutTwoGeoSuggest .manualGeoSuggestInput {
	border: unset;
	color: var(--common-text-color);
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
}

.layoutOneLocationSearchGeoSuggest .manualGeoSuggestListWrapper,
.layoutOneLocationSearchGeoSuggest .suggestItem {
	top: calc(100% + 15px);
	min-width: calc(100% + 30px);
	left: -30px;
	right: auto;
}

.layoutTwoGeoSuggest .manualGeoSuggestListWrapper,
.layoutTwoGeoSuggest .suggestItem {
	top: calc(100% + 13px);
	left: -15px;
	min-width: calc(100% + 15px);
}

.loaderButtonFlex {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
}

.doubleBtnDFlexStart {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	flex-wrap: wrap;
}

.doubleBtnFlexEnd {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	flex-wrap: wrap;
}

.singleFlexEndBtn {
	display: flex;
	justify-content: flex-end;
}

.smallStarRatingAdjust svg {
	position: relative;
	top: -2px;
	font-size: 18px;
}

.reviewStarAlign {
	display: flex;
	align-items: center;
	gap: 2px;
	flex-wrap: wrap;
}

.tooltipIconContainer {
	width: 100%;
	max-width: 19px;
	vertical-align: middle;
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.tooltipIconStyle {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	flex-shrink: 0;
}

.tooltipIconStyle>svg {
	width: 100%;
	height: 100%;
	display: block;
}

.customTooltipContainer {
	padding: 8px;
	text-align: center !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	background-color: var(--common-tooltip-bg) !important;
	border: 1px solid var(--common-tooltip-bg) !important;
	color: var(--common-tooltip-foreground) !important;
	width: auto !important;
	max-width: 276px !important;
	min-width: auto !important;
}

.customTooltipContainer.popover.top>.arrow::after,
.customTooltipContainer.popover.top>.arrow::before {
	border-top-color: var(--common-tooltip-bg) !important;
}

.customTooltipContainer.popover.bottom>.arrow::after,
.customTooltipContainer.popover.bottom>.arrow::before {
	border-bottom-color: var(--common-tooltip-bg) !important;
}

/* common Modal start */

.loginFormModal .modal-header {
	background: transparent;
	padding: 0;
	border: 0;
}

.loginFormModal {
	max-width: 973px;
}

.loginFormModal .modal-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 18px;
	border-radius: 12px;
	gap: 30px;
}

.commonModalContainer {
	margin: 30px auto;
	width: 100%;
	padding: 0 15px;
}

.commonModalContainer .modal-content {
	border-radius: 12px !important;
	background-color: var(--modal-bg);
}

.commonModalHeader {
	padding: 20px 24px;
	border-bottom: 1px solid var(--primary-border);
	background-color: var(--modal-header-bg);
	border-radius: 12px 12px 0 0;
	text-align: start;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	position: relative;
}

.commonModalHeaderLess {
	padding: 35px;
	border-bottom: 1px solid var(--primary-border);
	background-color: var(--modal-header-bg);
	border-radius: 12px 12px 0 0;
}

.commonModalHeader .modal-title {
	max-width: calc(100% - 25px);
	width: 100%;
}

.commonModalHeader .close span[aria-hidden="true"],
.commonModalHeaderLess .close span[aria-hidden="true"],
.loginFormModal .close span[aria-hidden='true'] {
	display: none;
}

.commonModalHeader .close,
.commonModalHeaderLess .close,
.loginFormModal .close {
	position: absolute;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background-image: url(../SiteIcons/modalCloseIcon.svg) !important;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 1 !important;
	box-shadow: unset !important;
	outline: unset !important;
	width: 18px;
	height: 18px;
}

.commonModalHeader .close,
.commonModalHeaderLess .close,
.loginFormModal .close {
	top: 27px;
	right: 24px;
}

.commonModalTitle {
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	color: var(--primary-foreground);
}

.commonModalHeader::before,
.commonModalHeader::after,
.commonModalHeaderLess::after,
.commonModalHeaderLess::before {
	display: none;
}

.commonModalBody {
	padding: 24px;
	text-align: start;
}

.globalModalContainer,
.commonAiModalContainer {
	max-width: 607px;
}

.whistListModalContainer {
	max-width: 466px;
}

.largeModalContainer {
	max-width: 844px;
}

.commonAiModalFooter {
	text-align: center !important;
	padding: 12px 24px;
	background-color: var(--primary-gray-bg);
	border: unset;
	border-bottom-right-radius: inherit;
	border-bottom-left-radius: inherit;
}

/* common Modal end */

.couponCodeCloseIcon {
	color: var(--primary-foreground);
	filter: drop-shadow(0px 2px 4px #0000001F);
}

.discountText {
	color: var(--discountAndSpecial-color) !important;
}

.verifiedText {
	color: var(--verified-color);
}

.cancelStatusText {
	color: var(--cancelled-status-bg);
}

.secondaryText {
	color: var(--secondary-foreground) !important;
}

.tertiaryText {
	color: var(--tertiary-foreground) !important;
}

@media (max-width:767px) {

	.layoutTwoGeoSuggest .manualGeoSuggestListWrapper,
	.layoutTwoGeoSuggest .suggestItem {
		min-width: calc(100% + 30px);
	}

	.commonModalHeader {
		padding: 18px 24px;
	}

	.commonModalHeaderLess {
		padding: 30px;
	}

	.commonModalHeader .close,
	.commonModalHeaderLess .close {
		top: 24px;
	}

	.commonModalBody {
		padding: 18px;
	}

	.loginFormModal .modal-content {
		grid-template-columns: 100%;
	}
}

/* manualGeoSuggest end */

@media (max-width: 1200px) {
	.headerModalOpen {
		overflow-x: hidden;
		overflow-y: hidden !important;
	}

	.normalHeader {
		overflow-x: hidden;
		height: 90vh;
		width: 100%;
		overflow-y: auto !important;
		margin-left: 0;
	}

}

@media (min-width: 768px) and (max-width: 991.98px) {
	.prevRTL {
		top: 28% !important;
	}

	.nextRTL {
		top: 28% !important;
	}

	.becomeHostTabsContainer {
		padding: 0 20px !important;
	}

}


@media (min-width: 1201px) {
	.closebtnHidden {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.searchPageDataBtn {
		display: none !important;
	}

	.activeSticky {
		position: sticky;
		top: 0;
		z-index: 5;
		visibility: visible;
	}

	.nonActiveSticky {
		visibility: hidden;
		height: 0;
		width: 0;
	}

	.activeStickyDiv {
		margin-top: -65px;
	}
}

@media (max-width: 1200px) {
	.closebtnHidden {
		display: block !important;
	}
}


@media (max-width: 767.98px) {
	.inBoxbtn .label {
		width: auto;
	}

	.imgIconRightMb {
		padding-right: 0;
	}

	.searchPageDataBtn {
		display: block;
	}
}

@media (max-width: 991.98px) {
	.menuActive .sideNav span {
		margin-left: 8px;
		display: inline-block;
	}
}

/* media querie */
@media (max-width: 320px) {
	.sideNavitem {
		font-size: 14px;
	}
}

@media (max-width: 1200px) {
	.languageModalContainer .nav-pills {
		margin-top: 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.searchInputControlWidth {
		width: 280px;
	}
}

@media (max-width: 767px) {
	.languageModalContainer .nav-pills {
		border-bottom: unset;
		text-align: center;
		margin: 0px 0px 23px 0px !important;
	}

	.languageModalContainer .nav-pills li {
		width: 100%;
		display: block;
	}

	.languageModalContainer .nav-pills li a {
		margin-right: 0;
	}

	.tabBarView .nav-tabs>li>a,
	.tabBarView .nav-tabs>li>a:hover,
	.tabBarView .nav-tabs>li>a:active,
	.tabBarView .nav-tabs>li>a:focus,
	.tabBarView .nav-tabs>li>a:active:hover {
		margin-right: 0;
	}

	.tabBarView .nav-tabs>li {
		text-align: center;
		float: none !important;
		margin-bottom: 10px;
	}

	/*------------ Reservation filter modal ----------------*/
	.filterModalDatePicker .DateInput {
		width: 45% !important;
	}

	.filterModalDatePicker .DateInput_input {
		padding-inline: 10px !important;
		font-size: 14px !important;
	}

	.filterModalDatePicker .DateRangePickerInput_arrow_svg {
		width: 20px !important;
		height: 20px !important;
	}

	.filterModalDatePicker .DateRangePickerInput_arrow {
		vertical-align: inherit !important;
	}

	/* ---------------Reservation filter modal end---------------------*/
	.selectContainer {
		max-width: 100%;
	}

	.infoBox {
		left: -190.548px !important;
	}

	.tripDropDown .dropdown-menu {
		right: auto;
	}

	.cancellationBg.tabBarView .nav-tabs>li>a:hover {
		border-color: transparent;
		border-bottom: 1px solid transparent;
	}

	.cancellationBg.tabBarView .nav-tabs>li>a:active {
		border-bottom: 1px solid transparent !important;
	}

	.nonActiveSticky,
	.activeSticky {
		display: none;
	}

	.becomeHostTabsContainer {
		padding: 0 !important;
	}

	.searchInputControlWidth {
		width: 100%;
	}

	.filterSelectContainer {
		max-width: 100%;
	}
}


/*************************** Common Table Section End *******************/

@media screen and (max-width: 1199px) {
	.visibleWebView {
		display: none !important;
	}

	.sideMenuBodyHidden {
		overflow: hidden !important;
	}
}

/* custom check box design start */
.disabledCheckBox {
	cursor: not-allowed !important;
}

.commonCustomCheckFlex {
	display: inline-flex !important;
	align-items: flex-start !important;
	gap: 8px;
	cursor: pointer;
	margin: 0;
}

.commonCustomCheckFlex>span:last-child {
	position: relative;
	top: 1px;
}

.disabledCheckBox .commonCustomCheckBox .checkBoxChecked {
	background-color: var(--disabled-checkBox-bg);
}

.commonCustomCheckBox {
	border: 1px solid var(--border-quarterly) !important;
	position: relative;
	border-radius: 5px !important;
	cursor: pointer;
}

.commonCustomCheckBox .checkBoxChecked {
	position: absolute;
	inset: -1px;
	background-color: var(--common-link-color);
	border-radius: inherit;
	background-size: 60%;
	background-position: 50% 50% !important;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNzguMzY5IDc4LjM2OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzguMzY5IDc4LjM2OTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik03OC4wNDksMTkuMDE1TDI5LjQ1OCw2Ny42MDZjLTAuNDI4LDAuNDI4LTEuMTIxLDAuNDI4LTEuNTQ4LDBMMC4zMiw0MC4wMTVjLTAuNDI3LTAuNDI2LTAuNDI3LTEuMTE5LDAtMS41NDdsNi43MDQtNi43MDQgICBjMC40MjgtMC40MjcsMS4xMjEtMC40MjcsMS41NDgsMGwyMC4xMTMsMjAuMTEybDQxLjExMy00MS4xMTNjMC40MjktMC40MjcsMS4xMi0wLjQyNywxLjU0OCwwbDYuNzAzLDYuNzA0ICAgQzc4LjQ3NywxNy44OTQsNzguNDc3LDE4LjU4Niw3OC4wNDksMTkuMDE1eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) !important;
}

.normalSizeCheckBox {
	width: 22px !important;
	height: 22px !important;
}

.smallSizeCheckBox {
	width: 16px !important;
	height: 16px !important;
}

/* custom check box design end */
.searchMapSection .gm-control-active+menu {
	top: -10px;
}

.stepPlaceMap .gm-control-active+menu {
	top: 0;
	bottom: unset !important;
}

.stepPlaceMap .PlaceMap-alertContainer-2WkLs+div .gm-fullscreen-control,
.stepPlaceMap .PlaceMap-alertContainer-2WkLs+div .gm-bundled-control {
	top: 60px !important;
}

.becomeAHostDropdownNavMenu {
	display: block;
}

.commonHeaderBecomeAHostLink,
.beforeLoginHeaderBecomeAHostLink {
	display: block !important;
}



@media (max-width: 768px) {

	.viewListingMapResultContainer .gm-control-active+menu {
		top: 0;
		bottom: unset !important;
	}
}

@media (max-width: 1279px) {

	.commonHeaderBecomeAHostLink,
	.beforeLoginHeaderBecomeAHostLink {
		display: none !important;
	}

}

@media (min-width: 1280px) {
	.becomeAHostDropdownNavMenu {
		display: none;
	}
}

.searchSwiper .swiper-lazy-preloader,
.mapListingSwiperContainer .swiper-lazy-preloader {
	animation: 1s steps(12) 0s infinite normal none running swiper-preloader-spin;
	border: unset;
	outline: unset;
}

.searchSwiper .swiper-lazy-preloader::after,
.mapListingSwiperContainer .swiper-lazy-preloader:after {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50% center;
	background-repeat: no-repeat;
	background-size: 100%;
	content: "";
}

.iconButtonFlex {
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: center;
}

.reportUserProfile {
	margin-top: 8px;
	color: var(--common-link-color);
	font-size: 16px;
	line-height: 25px;
	cursor: pointer;
	font-weight: 400;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.reportUserProfile:hover,
.reportUserProfile:focus {
	color: var(--common-link-color);
}

.defaultScrollHidden {
	overflow: hidden;
}

/* skeleton Work Start */
.fourCardSkeleton {
	display: grid;
	gap: 25px;
	justify-content: space-between;
	grid-template-columns: repeat(4, 1fr);
}

.redux-toastr .top-right,
.redux-toastr .top-left {
	max-width: 350px;
	width: 100% !important;
}

@media (max-width:640px) {

	.fourCardSkeleton {
		grid-template-columns: 100%;
	}

	.fourCardSkeleton .skeletonViewCard:not(:first-child) {
		display: none;
	}
}

@media (min-width:641px) and (max-width:991px) {

	.fourCardSkeleton {
		grid-template-columns: repeat(2, 1fr);
	}

	.fourCardSkeleton .skeletonViewCard:not(:first-child):not(:nth-child(2)) {
		display: none;
	}
}

@media (min-width:992px) and (max-width:1199px) {

	.fourCardSkeleton {
		grid-template-columns: repeat(3, 1fr);
	}

	.fourCardSkeleton .skeletonViewCard:last-child {
		display: none;
	}
}

/* skeleton Work End */


.oneColumnGrid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
}

.twoColumnGrid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px 24px;
}

.threeColumnGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px 24px;
}

.becomeHostDescLanguageGrid {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 18px 24px;
}

/* commonInputField */
.commonLabelText {
	display: inline-flex;
	gap: 4px;
	align-items: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	color: var(--primary-foreground);
	margin-bottom: 6px;
	text-align: start;
}

.commonInputField,
.commonTextAreaField,
.commonSelectField,
.commonSearchIconInput {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: var(--primary-foreground);
	border: 1px solid var(--primary-border) !important;
	background-color: var(--primary-input-bg);
	border-radius: var(--radius-1);
	width: 100%;
	resize: none;
	box-shadow: none !important;
	outline: none !important;
}

.commonInputField {
	padding: 12px 20px;
	height: 48px;
}

.commonTextAreaField {
	padding: 12px 20px;
	min-height: 99px;
	max-height: 99px;
	resize: none;
}

.commonSelectField {
	display: block;
	padding: 12px 42px 12px 20px;
	height: 48px;
	background-image: url('../commonDownArrow.svg');
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) 50%;
	background-size: 25px 25px;
	appearance: none;
}

.commonInputField:disabled,
.commonTextAreaField:disabled,
.commonSelectField:disabled,
.commonSearchIconInput:disabled {
	background-color: var(--common-gray-bg-color);
	cursor: not-allowed;
}

.commonSearchIconInput {
	background-image: url('../SiteIcons/searchIcon.svg');
	display: block;
	background-repeat: no-repeat;
	background-position: 15px 50%;
	background-size: 14px 14px;
	appearance: none;
	padding: 12px 20px 12px 42px;
	height: 48px;
}

.siteAdminHeading {
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
	margin: 0 0 24px;
}

.siteAdminSecondaryHeading {
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	margin: 0 0 24px;
}

.siteAdminSubHeading {
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 12px;
}

.goBackLink {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	display: inline-flex;
	gap: 4px;
	color: var(--common-link-color) !important;
	border-bottom: 1px solid var(--common-link-color);
	text-decoration: none !important;
	align-items: center;
}

.goBackLink>svg {
	position: relative;
}

.singleButtonFlexEnd {
	display: flex;
	justify-content: flex-end;
}


.commonRadioBtnFlexGroup {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.commonRadioFlex {
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
}

.siteAdminRadioText {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	display: inline-block;
}

.input-group-addon {
	padding: 12px 18px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	color: var(--btn-primary-color);
	text-align: center;
	background-color: var(--btn-primary-bg);
	border: 1px solid;
	border-color: var(--btn-primary-bg) !important;
	border-radius: 4px;
}

.editProfileAddonContainer {
	position: relative;
}

.editProfileAddonContainer .form-control {
	pointer-events: none;
}

.editProfilePhoneNoClose {
	position: absolute;
	right: 15px;
	top: 50%;
	z-index: 4;
	transform: translateY(-50%);
}

body.drawer-open {
	overflow: hidden !important;
}

.siteAdminCenterContainer {
	max-width: 632px;
	margin: auto;
}

.siteAdminCenterContainerBox {
	width: 100%;
	padding: 24px;
	border: 1px solid var(--primary-border);
	border-radius: var(--radius);
}

.siteAdminDropZoneWrapper {
	padding: 18px;
	border-radius: 12px;
	border: 1px solid var(--primary-border);
}

.servicePlanHistoryNoDataBox {
	margin-top: 48px;
	margin-bottom: 30px;
}

.servicePlanCardActiveBadge {
	padding: 4px 12px;
	border-radius: 100px;
	border: 1px solid var(--active-badge-border);
	flex-shrink: 0;
	position: relative;
	top: -6px;
	right: -6px;
}

.servicePlanSwiperContainer {
	margin: 0 calc(-1 * var(--wrapper-Padding));
}

@media screen and (max-width: 991px) {
	.customTooltipContainer.popover>.arrow {
		display: none;
	}

	.addonMobileWrapper .input-group {
		display: flex;
		flex-direction: column;
	}

	.addonMobileWrapper .input-group-addon:first-child {
		width: 100%;
		border-radius: 6px 6px 0 0 !important;
		text-align: start;
		white-space: normal;
		line-height: 24px;
	}

	.addonMobileWrapper .input-group .form-control:last-child {
		border-radius: 0 0 6px 6px !important;
	}

	.becomeHostDescLanguageGrid {
		grid-template-columns: 100%;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.threeColumnGrid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width:767px) {

	.twoColumnGrid,
	.threeColumnGrid {
		grid-template-columns: 100%;
	}

	.contactHostCalendar .DateInput_fang {
		display: none !important;
	}

	.searchPageMobileViewSearch {
		display: flex;
		justify-content: center;
	}
}

@media (min-width:576px) {
	.servicePlanSwiperRow {
		padding: 10px 0 40px var(--wrapper-Padding) !important;
		margin-bottom: -18px;
	}
}

@media (max-width:575px) {
	.servicePlanSwiperRow {
		padding: 10px var(--wrapper-Padding) 40px !important;
		margin-bottom: -18px;
	}
}