@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;
	overflow-y: auto !important;
}

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(--common-border-color) !important;
}

/** Font - End **/

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

label {
	font-size: 18px;
	margin-bottom: 9px;
	font-weight: 500;
}

.adminstyle select {
	background-position: 96% 50%;
	line-height: 26px;
}

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

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

/** Common End **/

/** Header - Start **/

.homeHeader.navbar-default {
	background: var(--background-color);
	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(--background-color);
}

.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(--background-color);
}

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

/*************************** AdminHeader - Start **********************************/
.rentAllAdminHeader.navbar-default .navbar-nav>li>a,
.rentAllAdminHeader.navbar-default .navbar-nav>li>form>button {
	display: inline-block;
	color: var(--common-text-color);
	line-height: 44px;
	vertical-align: middle;
	padding: 0px 19px;
	background: var(--background-color);
	font-size: 18px;
	font-weight: 500;
	font-family: inherit;
}

.rentAllAdminHeader.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.rentAllAdminHeader.navbar-default .navbar-nav>li>form>button:focus,
.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);
}

.rentAllCarSiteAdminHeader {
	padding: 6px 0 !important;
	border-color: var(--common-border-color);
}

.rentAllCarSiteAdminHeader.navbar-default .navbar-nav>li>a {
	padding: 0 0 0 24px !important;
}

.siteAdminHeaderLink {
	position: relative;
	top: -2px;
}

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

@media screen and (max-width: 1200px) {
	.rentAllAdminHeader .navbar-nav>li {
		float: left !important;
	}

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

	.rentAllAdminHeader .navbar-right {
		float: right !important;
	}

	.rentAllAdminHeader .collapse {
		display: inherit !important;
	}

	.rentAllAdminHeader .navbar-header {
		float: left !important;
	}

	.rentAllAdminHeader .navbar-collapse.collapse {
		display: inherit !important;
	}

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

/*************************** 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(--background-color);
	border-left: 1px solid var(--common-border-color);
}

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

.homeSlider .slick-slide.slick-active .sliderBg {
	width: 100%;
	height: 800px;
	background-size: cover;
	object-fit: cover;
	background-repeat: no-repeat;
	background-position: top center;
	transition: all 1.5s ease !important;
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.homeSlider .slick-slide.slick-active .sliderBg {
	-webkit-animation: imageanimation 22s linear infinite;
	/* Safari 4+ */
	-moz-animation: imageanimation 22s linear infinite;
	/* Fx 5+ */
	-o-animation: imageanimation 22s linear infinite;
	/* Opera 12+ */
	animation: imageanimation 22s linear infinite;
	/* IE 10+, Fx 29+ */
}

.homeBannerSlider .slick-slide.slick-active .sliderBg {
	width: 100%;
	height: 1000px !important;
	background-size: cover;
	object-fit: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

.homeBannerSlider .slick-slide.slick-active .sliderBg {
	-webkit-animation: imageanimation 22s linear infinite;
	/* Safari 4+ */
	-moz-animation: imageanimation 16s linear infinite !important;
	/* Fx 5+ */
	-o-animation: imageanimation 22s linear infinite;
	/* Opera 12+ */
	animation: imageanimation 22s linear infinite;
	/* IE 10+, Fx 29+ */
}

.sliderOne img {
	width: 100%;
	height: 800px;
	background-size: cover;
	object-fit: cover;
}

.homeSlider .slick-slide.slick-active .sliderOne img {
	-webkit-animation: imageanimation 22s linear infinite;
	/* Safari 4+ */
	-moz-animation: imageanimation 22s linear infinite;
	-ms-animation: imageanimation 22s linear infinite;
	/* Fx 
	/* Fx 5+ */
	-o-animation: imageanimation 22s linear infinite;
	/* Opera 12+ */
	animation: imageanimation 22s linear infinite;
	/* IE 10+, Fx 29+ */
}

/*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;
}

.listHeaderLogo img {
	max-width: 180px;
	height: auto;
}

@-webkit-keyframes imageanimation {
	0% {
		transform: translateY(-3%);
	}

	100% {
		transform: translateY(-16%);
		-moz-transform: translateY(-16%);
	}
}

@-moz-keyframes imageanimation {
	0% {
		transform: translateY(-3%);
		-moz-transform: translateY(-3%);
	}

	100% {
		transform: translateY(-16%);
		-moz-transform: translateY(-16%);
	}
}

@-o-keyframes imageanimation {
	0% {
		transform: translateY(-3%);
	}

	100% {
		transform: translateY(-16%);
		-moz-transform: translateY(-16%);
	}
}

@keyframes imageanimation {
	0% {
		transform: translateY(-3%);
		-moz-transform: translateY(-3%);
		-ms-transform: translateY(-3%);
	}

	100% {
		transform: translateY(-16%);
		-moz-transform: translateY(-16%);
		-ms-transform: translateY(-16%);
	}
}

.homeBannerSlider {
	width: calc(100% + 3px);
	height: 100%;
	background: rgb(25, 30, 23);
}

.homeBannerSlider .slick-dots,
.homeBannerSlider .slick-next,
.homeBannerSlider .slick-prev {
	display: none !important;
}

.homeBannerSlider .slick-slide {
	height: 100vh !important;
}

.homeSliderMobile {
	display: none;
}

.sharesocialModal .modal-header {
	border-bottom: none;
}

.sharingsocial>a {
	border-right: 0px !important;
	border-left: 0px !important;
	padding: 24px 0px !important;
	color: var(--btn-color) !important;
	font-size: 16px !important;
	font-weight: 300 !important;
}

.sharingsocial>a:hover {
	background: transparent !important;
}

.sharingsocial>a:focus {
	background: transparent !important;
}

.SocialMediaShareButton {
	outline: 0 !important;
}

.loginModal .close {
	float: left !important;
	font-size: 30px !important;
	font-weight: normal;
	color: rgb(118, 118, 118);
	opacity: 0.7;
	margin-left: 5px;
}

.loginModal .modal-header {
	background: inherit;
	padding: 0;
	border: 0;
}

.loginModal .modal-dialog {
	width: 100%;
	max-width: 973px;
	margin: 0 auto;
}

.loginModal .modal-content {
	display: grid;
	grid-template-columns: 50% 50%;
	padding: 15px;
	border-radius: 12px;
}

.loginModal .modal-body {
	padding: 0px;
}

.signUpModel .modal-content {
	display: block;
	padding: 28px 54px 45px;
}

.signUpModel .modal-dialog {
	max-width: 466px;
}

.flexNoShrink {
	flex-shrink: 0;
}

.textAlignEnd {
	text-align: end;
}

.textAlignStart {
	text-align: start;
}

@media screen and (max-width: 767px) {
	.loginModal .modal-content {
		grid-template-columns: 100%;
	}

	.loginModal .modal-dialog {
		max-width: 100%;
		padding: 10px;
	}

	.signUpModel .modal-content {
		display: block;
		padding: 28px 20px 20px;
	}
}

.wishModel .close {
	float: right !important;
	font-size: 30px !important;
	font-weight: normal;
	color: rgb(118, 118, 118);
	opacity: 0.7;
	display: inline-block;
	margin: 6px 0 0 0;
}

.wishModel .modal-header {
	padding: 5px 15px 0 12px;
	border-bottom: none;
}

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

.headerNewDesign .logoWhite {
	color: var(--background-color) !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;
}

.reportModel .close {
	float: left !important;
	font-size: 28px !important;
	font-weight: normal;
	color: rgb(118, 118, 118);
	opacity: 0.7;
	margin-left: 5px;
	display: inline-block;
	margin: -3px 0 0 0;
	outline: 0;
}

.reportModel .modal-header {
	padding: 12px 15px 10px 26px;
	border-bottom: none;
}

.vidFormsearch .DateRangePickerInput_arrow {
	width: 10%;
}

.clearBoth {
	clear: both;
}

.heartIcon {
	right: 28px !important;
}

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

.DayPicker-Day {
	position: relative;
}

.DayPicker-Day .priceAlignment {
	position: absolute;
	bottom: 10px;
	width: 100%;
	left: 0;
	text-align: center;
	overflow-x: auto;
}

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

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

	.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(--common-border-color) !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(--background-color);
	}
}

/** Header - End **/

/** Slick - Slider - Start **/

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

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

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

/* inner arrow controls */

.innerControl .slick-next {
	right: 10px;
}

.innerControl .slick-prev {
	left: 10px;
}

/** Slick - Slider - End **/

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

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

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

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

.rc-slider-handle {
	border: 1px solid var(--common-border-color) !important;
	background: var(--background-color) !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;
}

.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: 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: var(--common-background-color);
}

.searchSwitch input:checked+.toggle:after {
	background: 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(--common-border-color) !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(--common-border-color);
	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(--border-color);
}


.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(--border-color);
}

.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(--common-border-color) !important;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-appearance: none !important;
}

.inputFocusColorNone .form-control:focus {
	border-color: var(--common-border-color) !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;
}

.stepCalendar .DayPicker-Day {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

.stepCalendar .DayPicker-Day::-webkit-scrollbar {
	width: 2px !important;
	height: 2px !important;
}

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

@media(max-width:767px) {
	.DayPicker-Day .priceAlignment {
		bottom: -1px;
		padding: 0 3px;
	}
}

@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;
	}

	.homeSlider {
		display: none;
	}

	.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(--background-color) !important;
	}

	.headerNewDesign .navbar-default .navbar-nav {
		background: var(--background-color);
	}

	.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;
	}

	.videoDesignSlider .sliderBg {
		height: 100% !important;
		animation: inherit !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 (min-width:768px) and (max-width:991px) {
	.DayPicker-Day .priceAlignment {
		bottom: 0px;
		font-size: 12px;
	}
}

@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 {
	/* max-width: 260px !important; */
	top: 15px !important;
	left: 0px !important;
	right: 0px !important;
	background-color: var(--background-color);
	box-shadow: none;
	border: 0px;
	border-radius: 0px;
	margin: 0 auto;
}

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

/* .gm-style div {
	/*max-width: 261px;
} */

.gm-style-iw+div {
	/* display: none; */
}

@media screen and (min-width: 321px) {
	.gm-style-iw {
		/* width: 260px !important; */
	}
}

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

/** Google map - End **/

/** Message Panel Start **/

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

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

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

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

	.headerNewDesign .navbar-default .navbar-nav {
		background: var(--background-color);
		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;
	}
}

/**Signup Modal **/

@media screen and (max-width: 640px) {
	.BookingModal .modal-content {
		border-radius: 0px;
		overflow-y: auto !important;
		top: 0px !important;
		bottom: 0px !important;
		width: 100% !important;
		position: absolute !important;
	}
}

/**Signup Modal **/

/**Feature Alert Modal **/

.featureAlert .modal-content {
	border-radius: 0px;
}

.reactable-filter-input {
	height: 35px;
	max-width: 250px;
	width: 100%;
	padding: 9px 10px;
	border: 1px solid var(--border-color);
}

.reactable-page-button {
	padding-right: 10px;
	font-size: 15px;
}

.reactable-next-page {
	font-size: 15px;
}

.reactable-previous-page {
	font-size: 15px;
	padding-right: 10px;
}

/* List Photos */

.dzInputContainer {
	position: relative;
}

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

.listPhotoContainer .dzInputContainer .dz-hidden-input {
	height: 100% !important;
	width: 100% !important;
	visibility: visible !important;
	opacity: 0 !important;
	cursor: pointer;
}

.dzInputContainer.dashboardFile .dz-hidden-input {
	height: 100% !important;
	width: 100% !important;
	visibility: visible !important;
	opacity: 0 !important;
	cursor: pointer;
}

.dashboardFile .dz-hidden-input {
	height: 100% !important;
	width: 100% !important;
	visibility: visible !important;
	opacity: 0 !important;
	cursor: pointer;
}

/* View Listing */

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

.table-responsive>.table {
	margin-bottom: 0;
}

.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid var(--common-border-color);
}

.rc-pagination {
	font-family: 'Outfit' !important;
	list-style-type: none;
}

.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(--background-color);
	margin: 5px;
}

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

/* Footer Toggle */

@-webkit-keyframes fadeInUpCustom {
	from {
		opacity: 1 !important;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1 !important;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUpCustom {
	from {
		opacity: 1 !important;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1 !important;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadeOutDownCustom {
	from {
		opacity: 1 !important;
		-webkit-transform: none;
		transform: none;
	}

	to {
		opacity: 1 !important;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes fadeOutDownCustom {
	from {
		opacity: 1 !important;
	}

	to {
		opacity: 1 !important;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

.react-drawer-drawer[class*="fadeInUp"] {
	-webkit-animation-name: fadeInUpCustom !important;
	animation-name: fadeInUpCustom !important;
}

.react-drawer-drawer[class*="fadeIfadeOutDownnUp"] {
	-webkit-animation-name: fadeOutDownCustom !important;
	animation-name: fadeOutDownCustom !important;
}

.react-drawer-drawer {
	background-color: var(--background-color) !important;
	height: auto !important;
	opacity: 1 !important;
	-webkit-animation-duration: 0.2s !important;
	animation-duration: 0.2s !important;
	z-index: 7;
}

.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) {
	.homeSlider .slick-slide.slick-active .sliderBg {
		height: 100vh !important;
	}

	.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(--background-color) !important;
	}

	.headerNewDesign .navbar-default .navbar-nav {
		background: var(--background-color);
	}

	.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: 2000px) and (max-width: 2058px) {

	.homeBannerSlider .slick-slide,
	.homeBannerSlider .homePosition,
	.homeBannerSlider .homeCarsoual {
		height: 60vh !important;
	}
}

@media only screen and (min-width: 1600px) and (max-width: 2048px) {

	.homeBannerSlider .slick-slide,
	.homeBannerSlider .homePosition,
	.homeBannerSlider .homeCarsoual,
	.homeBannerSlider .bgHeight {
		height: 85vh !important;
	}
}

@media only screen and (min-width: 1560px) and (max-width: 1599px) {

	.homeBannerSlider .slick-slide,
	.homeBannerSlider .homePosition,
	.homeBannerSlider .homeCarsoual {
		height: 90vh !important;
	}

}

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

	.homeBannerSlider .slick-slide,
	.homeBannerSlider .homePosition,
	.homeBannerSlider .homeCarsoual {
		height: 93vh !important;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

	.homeBannerSlider .slick-slide,
	.homeBannerSlider .homePosition,
	.homeBannerSlider .homeCarsoual {
		height: 100vh !important;
	}
}

@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(--background-color) !important;
	}

	.headerNewDesign .navbar-default .navbar-nav {
		background: var(--background-color);
		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;
	}

	.collapse.in {
		display: block !important;
	}

	.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(--background-color) !important;
		z-index: 5;
	}

	.headerNewDesign .navbar-default .navbar-nav {
		background: var(--background-color);
		overflow-y: auto;
		/* z-index:4; */
	}

	.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(--background-color) !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(--background-color);
	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(--background-color);
	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(--background-color) !important;
	background-size: 100%;
}

.carousel .control-prev.control-arrow:before {
	background-image: url('../chevron-left.png');
	height: 30px;
	width: 30px;
	color: var(--background-color) !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;
}

/*** share Modal View Lisiting **/

.shareModal .modal-header {
	border: none;
}

.shareModal .modal-content {
	border-radius: 0px;
}

.shareModal .modal-header {
	padding: 24px;
}

.shareModal .modal-body {
	padding: 0px 24px 24px 24px;
}

/*** share Modal View Lisiting **/

/* Availability Calendar */

/* iCheckBox - Green */

.icheckbox_square-green {
	border: 1px solid var(--common-border-color) !important;
	background-color: var(--background-color) !important;
	background-image: none !important;
	border-radius: 3px !important;
	width: 20px;
	height: 20px;
}

.icheckbox_square-green.checked {
	border: var(--common-border-color) !important;
	background-color: var(--common-link-color) !important;
	color: var(--background-color) !important;
	background-size: 60%;
	background-position: 4px 4px !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;
}

.icheckbox_minimal-green {
	border: 1px solid var(--common-border-color) !important;
	background-color: var(--background-color) !important;
	background-image: none !important;
	width: 22px !important;
	height: 22px !important;
}

.icheckbox_minimal-green.checked {
	border: 1px solid var(--common-border-color) !important;
	background-color: var(--background-color) !important;
	color: var(--btn-color) !important;
	background-size: 60%;
	background-position: 4px 4px !important;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDc4LjM2OSA3OC4zNjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDc4LjM2OSA3OC4zNjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNNzguMDQ5LDE5LjAxNUwyOS40NTgsNjcuNjA2Yy0wLjQyOCwwLjQyOC0xLjEyMSwwLjQyOC0xLjU0OCwwTDAuMzIsNDAuMDE1Yy0wLjQyNy0wLjQyNi0wLjQyNy0xLjExOSwwLTEuNTQ3bDYuNzA0LTYuNzA0ICAgYzAuNDI4LTAuNDI3LDEuMTIxLTAuNDI3LDEuNTQ4LDBsMjAuMTEzLDIwLjExMmw0MS4xMTMtNDEuMTEzYzAuNDI5LTAuNDI3LDEuMTItMC40MjcsMS41NDgsMGw2LjcwMyw2LjcwNCAgIEM3OC40NzcsMTcuODk0LDc4LjQ3NywxOC41ODYsNzguMDQ5LDE5LjAxNXoiIGZpbGw9IiMwMDZjNzAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) !important;
}

.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(--border-color);
		border-bottom: 1px solid var(--border-color);
	}
}

.table-responsive,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	vertical-align: middle;
}

/* 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;
}

.rc-pagination-prev a,
.rc-pagination-next a,
.rc-pagination-prev a:focus,
.rc-pagination-next a:focus {
	outline: none !important;
}

.wishListCloseBtn .close {
	float: left !important;
	font-size: 40px !important;
	font-weight: normal;
	color: rgb(118, 118, 118);
	opacity: 0.7;
	margin-left: 5px;
	display: inline-block;
	margin: -4px 0 0 3px;
	outline: 0;
}

.wishListCloseBtn .modal-header {
	padding: 28px;
	padding-bottom: 8px;
	padding-top: 15px;
}

.videoBanner video {
	width: 100% !important;
}

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

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

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

/*Admin Style*/
.adminstyle .table>thead>tr>th {
	border: 0;
}

.table>.reactable-data>.reactable-no-data>td {
	border: 0px !important;
	font-size: 18px;
	font-weight: 500;
	padding: 20px 15px !important;
}

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

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

.adminstyle :focus {
	outline: none;
}

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

.adminstyle .reactable-filterer td {
	padding-left: 0 !important;
}

.adminstyle .reactable-column-header {
	background-color: var(--common-gray-bg-color);
}

.adminstyle table tbody tr:hover {
	background-color: var(--background-color);
}

.adminstyle textarea {
	padding: 14px 35px 14px 19px;
	border-radius: 6px !important;
	font-size: 16px;
	border: 1px solid var(--border-secondary-color);
	background-color: var(--background-color);
	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;
}

.adminstyle .reactable-th-title {
	min-width: 300px !important;
}

.adminstyle .reactable-th-owner-email,
.adminstyle .reactable-th-address {
	min-width: 300px !important;
}

.adminstyle .reactable-th-owner-name,
.adminstyle .reactable-th-city,
.adminstyle .reactable-th-state {
	min-width: 200px !important;
}

.adminstyle .table-responsive th {
	min-width: 250px;
}

.adminstyle .table-responsive th:first-child {
	min-width: 120px;
}

.adminstyle .table-responsive th:nth-child(2) {
	min-width: 300px;
}

.adminstyle .reactable-th-id {
	min-width: 80px !important;
}

.adminstyle .reactable-th-list-title {
	min-width: 420px;
}

.adminstyle .reactable-th-reservation,
.adminstyle .reactable-th-reservation-id {
	min-width: 120px !important;
}

.adminstyle .reactable-th-message-history {
	min-width: 150px !important;

}

.adminstyle .reactable-th-refund-to-guest {
	min-width: 146px !important;
}

@media screen and (max-width: 767px) {
	.adminstyle .table-responsive>.table>tbody>tr>td {
		white-space: normal !important;
	}
}

.reactable-header-sort-asc:after {
	content: '';
	border: solid var(--border-color);
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	margin-top: 5px;
	float: right;
}

.reactable-header-sort-desc:after {
	content: '';
	border: solid var(--border-color);
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin-top: 7px;
	float: right;
}

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

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

.droupText {
	text-align: center;
	margin-top: 10px;
}

.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(--border-color);
	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
}

.empty .form-group {
	margin-bottom: 10px;
}

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

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

	.listHeaderLogo img {
		max-width: 100px;
		height: auto;
	}
}

.BookingModalNew .modal-header {
	padding: 15px 12px 0px 16px;
	border-bottom: none;
	background-color: var(--common-gray-bg-color);
}

.BookingModalNew .close {
	float: left !important;
	font-size: 30px !important;
	font-weight: normal;
	color: rgb(118, 118, 118);
	opacity: 0.7;
	margin-left: 5px;
	display: inline-block;
	margin: -3px 0 0 0;
	outline: 0;
}

@media screen and (max-width: 767px) {
	.BookingModalNew .modal-content {
		border-radius: 12px !important;
		border: 1px solid var(--border-color) !important;
	}
}


.selectNew {
	background-image: url(../commonDownArrow.svg) !important;
	background-repeat: no-repeat;
	background-position: 90% 12px !important;
	background-size: 14px 25px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.table-width {
	width: 35% !important;
}

@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;
	}
}

.managelisitinempty>.panel-body {
	display: flex;
	justify-content: center;
	text-align: center;
}

.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;
	}
}

/* Hamburger Icon */

.menuToggle {
	display: block;
	position: relative;
	top: 0;
	right: 0;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
}

.menuToggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
	-webkit-touch-callout: none;
}

.menuToggle span {
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: var(--background-color);
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
		opacity 0.55s ease;
}

.menuToggle span:first-child {
	transform-origin: 0% 0%;
}

.menuToggle span:nth-last-child(2) {
	transform-origin: 0% 100%;
}

.menuToggle input:checked~span {
	opacity: 1;
	transform: rotate(45deg) translate(-5px, -20px);
	background: #0009;
}

.menuToggle input:checked~span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

.menuToggle input:checked~span:nth-last-child(2) {
	transform: rotate(-45deg) translate(1px, 15px);
}

.menuToggle input:checked~ul {
	transform: none;
}

/* Menu toggle one */
.menuToggleOne {
	display: block;
	position: relative;
	top: 0;
	right: 0;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;

}

.menuToggleOne input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
	-webkit-touch-callout: none;
}

.menuToggleOne span {
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: var(--background-color);
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
		opacity 0.55s ease;
}

.menuToggleOne span {
	background: #0009 !important;
}

.menuToggleOne span:first-child {
	transform-origin: 0% 0%;
}

.menuToggleOne span:nth-last-child(2) {
	transform-origin: 0% 100%;
}

.menuToggleOne input:checked~span {
	opacity: 1;
	transform: rotate(45deg) translate(-5px, -20px);
	background: #0009;
}

.menuToggleOne input:checked~span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

.menuToggleOne input:checked~span:nth-last-child(2) {
	transform: rotate(-45deg) translate(1px, 15px);
}

.menuToggleOne input:checked~ul {
	transform: none;
}

.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;
}

.toggleHeight {
	height: 81px !important;
}

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

.normalPosition {
	position: relative;
}

.normalPositionOne {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 81px;
	background: var(--background-color) !important;
	border-bottom: 1px solid var(--common-border-color);
	z-index: 5;
}

@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;
	}
}

@media (min-width:768px) and (max-width:1200px) {
	.collapse.in {
		background: var(--background-color) !important;
		left: 0;
	}
}

.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;
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover,
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover,
.CalendarDay__default,
.DayPickerNavigation_rightButton__horizontalDefault,
.DayPickerNavigation_leftButton__horizontalDefault {
	outline: none !important;
}

.displayBlock {
	display: block !important;
}

.displayNone {
	display: none !important;
}

.newMenuDesign {
	border-top: 1px solid var(--common-border-color);
	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%;
}

.viewListModal .borderRadiusNone {
	border-radius: 0px !important;
}

.viewListModal .modalMarginTop {
	margin-top: 0px !important;
}

.viewListingDate .CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {

	border: 1px solid transparent !important;
	background: var(--common-background-color) !important;
	border-top: 2px solid transparent !important;

}

.viewListingDate .CalendarDay__selected_span:active,
.viewListingDate .CalendarDay__selected_span:hover {
	border: 2px solid transparent !important;
}

.viewListingDate .CalendarDay__selected_span {

	border: 1px solid transparent;

}

.viewListingDate .CalendarDay__selected_span:active {
	background: var(--common-background-color) !important;
	border: 1px solid transparent !important;
	color: var(--background-color) !important;
}

.viewListingDate .CalendarDay__selected_span {
	border: 2px solid transparent !important;
}

.viewListingDate .CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
	background: var(--common-background-color) !important;
	border: 1px solid transparent !important;
	color: var(--background-color) !important;
}

.inputFocusColor .DayPicker-Day--selecting {
	background: var(--common-background-color) !important;
}

.inputFocusColor .DayPicker-Day--outside {
	background-color: var(--background-color) !important;
}

.CalendarDay__selected:hover {
	border-top: none !important;
}

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

		opacity: .9;
	}
}

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

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

	.viewListModal .modalMarginTop {
		margin-top: 0px !important;
	}
}

@media (max-width: 767px) {
	.listingCarousel .carousel-control {

		opacity: .9;
	}

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

	.viewListModal .modalMarginTop {
		margin-top: 0px !important;
		margin-bottom: 0 !important;
	}

	.viewListModal .borderRadiusNone {

		padding-top: 0;
		padding-bottom: 0;
	}
}

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

@-moz-document url-prefix() {

	.adminstyle .table>tbody>tr>td,
	.adminstyle .table>tbody>tr>th,
	.adminstyle .table>tfoot>tr>td,
	.adminstyle .table>tfoot>tr>th,
	.adminstyle .table>thead>tr>td,
	.adminstyle .table>thead>tr>th {

		padding: 9px 4px;
		color: var(--common-text-color);
	}

	.stepCalendar .DayPicker-Day {
		position: inherit;
	}
}

a {
	outline: none;
}

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

	.DayPicker-Day .priceAlignment {
		position: relative !important;
		top: 35px !important;
		padding-left: 0 !important;
	}

	.BecomeCalendar .DayPicker-Caption {
		right: 0;
	}

	.BecomeCalendar .DayPicker-Day {
		width: 131px !important;
	}
}

: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 *****************************/
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
	border-radius: 50% !important;
	border: none !important;
}

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

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
	border: none !important;
	outline: none !important;
}

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

.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;
}

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

.hostClaminModal div.filepicker {
	margin: 15px 0;
	width: 102px;
	min-height: 102px;
	border: 1px dashed var(--border-color);
	padding-top: 8px;
}

.hostClaminModal .filepicker .dz-message {
	font-size: 55px;
	margin: 0;
	font-weight: inherit;
}

@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(--background-color);
		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 ************/
.BecomeCalendar .DayPicker-wrapper {
	padding: 0;
	margin: 0px 0 0;
}

.BecomeCalendar .DayPicker-Caption {
	width: 280px;
	height: 48px;
	margin: 0 0 20px auto;
	position: relative;
	font-size: 18px;
	left: 0;
	right: 0;
	margin: 0;
	font-weight: 500;
	margin: 0 auto 0 -40px;
}

.BecomeCalendar .DayPicker-Caption div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

@-moz-document url-prefix() {
	.BecomeCalendar .DayPicker-Caption div {
		left: 68px;
	}
}

.BecomeCalendar .DayPicker-NavBar {
	width: 200px;
	height: 48px;
	border: 1px solid var(--common-border-color);
	border-radius: 6px;
	padding: 10px 0 0 0;
	font-size: 18px;
	margin: 0 0 20px auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
	margin: 0 auto 0 0;
}

.BecomeCalendar .DayPicker-Footer {
	position: absolute;
	top: 0;
	right: 0;
	display: inherit;
}

.BecomeCalendar .DayPicker-TodayButton {
	color: var(--background-color);
	width: 88px;
	height: 48px;
	border: 1px solid var(--common-background-color);
	border-radius: 6px;
	background: var(--common-background-color);
}

@-moz-document url-prefix() {
	.BecomeCalendar .DayPicker-TodayButton {
		padding: 0px !important;
	}

	.saveCalender .DayPicker-Day {
		border: 4px solid rgb(255, 255, 255);
		border-radius: 5px;
	}
}

.BecomeCalendar .DayPicker-NavBar .DayPicker-NavButton {
	transform: translate(0%, -50%);
	top: 50%;
}

.BecomeCalendar .DayPicker-NavBar .DayPicker-NavButton--prev {
	background-image: url('../SiteIcons/calenderLeft.svg') !important;
	width: 8px;
}

.BecomeCalendar .DayPicker-NavBar .DayPicker-NavButton--next {
	background-image: url('../SiteIcons/calenderRight.svg') !important;
	width: 8px;
}

.BecomeCalendar .DayPicker-WeekdaysRow .DayPicker-Weekday {
	border: 1px solid var(--background-color);
	height: 64px;
	position: relative;
	font-weight: 700;
	color: var(--common-text-color);
}

.BecomeCalendar .DayPicker-WeekdaysRow .DayPicker-Weekday abbr {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.DayPicker-Day {
	position: relative;
}

.DayPicker-Day .priceAlignment {
	position: absolute;
	bottom: 10px;
	width: 100%;
	left: 0;
	text-align: left;
	font-size: 14px;
	padding-left: 10px;
}

.saveCalenderDate .DateInput {
	font-size: 16px;
	padding: 4px;
	height: 40px;
	color: var(--common-text-color);
	width: 45%;
	border-radius: 4px;
}

.saveCalenderDate .DateRangePickerInput__withBorder {
	border-radius: 4px;
	border: 1px solid var(--border-color);
}

.specialPriceCalendar .DateRangePickerInput__withBorder {
	border-radius: 6px;
	border: 1px solid var(--common-border-color);
	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] {
	margin: -4px 0 0;
	line-height: normal;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	outline: none !important;
	background: url('../SiteIcons/stepRadioBtnOff.svg') no-repeat;
	position: relative;
	vertical-align: middle;
}

.customRatioButton input[type=radio]:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: 0px;
	border-radius: 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}

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

.importCalenderModal .modal-dialog {
	width: 466px;
}

.importCalenderModal .modal-header {
	border-bottom: inherit;
}

.buttonGap {
	margin-right: 12px;
}

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

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

.listHeaderSlider .swiper-button-next,
.listHeaderSlider .swiper-button-prev {
	display: none;
}

.listHeaderSlider.tabBar3Slider .swiper-wrapper {
	justify-content: flex-start;
}

.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;
}

.rc-pagination-disabled a {
	cursor: not-allowed !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
	.saveCalenderDate .DateRangePicker_picker {
		z-index: 5;
	}
}

@media (min-width: 992px) and (max-width: 1024px) {
	@-moz-document url-prefix() {
		.BecomeCalendar .DayPicker-Caption {
			left: 38px !important;
		}
	}
}

@media (min-width:768px) and (max-width:991px) {
	.BecomeCalendar .DayPicker-Day {
		height: 90px;
		padding: 10px;
		font-size: 14px;
	}

	.DayPicker-Day .priceAlignment {
		bottom: 0px;
		font-size: 12px;
	}

	.BecomeCalendar .DayPicker-WeekdaysRow .DayPicker-Weekday {
		height: 50px;
	}
}

@media screen and (max-width:767px) {
	.BecomeCalendar .DayPicker-NavBar {
		width: 100%;
		margin: 0;
		top: -50px;
		right: 0;
		position: relative;
		left: auto;
	}


	@-moz-document url-prefix() {
		.BecomeCalendar .DayPicker-Caption div {
			left: 50%;
			top: -76px;
		}
	}

	.BecomeCalendar .DayPicker-Footer {
		top: 15px;
		width: 100%;
	}

	.BecomeCalendar .DayPicker-TodayButton {
		width: 100%;
		font-size: 14px;
	}

	.BecomeCalendar .DayPicker-WeekdaysRow .DayPicker-Weekday {
		height: 36px;
	}

	.DayPicker-Day .priceAlignment {
		bottom: 1px;
	}

	.availabilityMobile .DayPicker__horizontal {
		left: -28px;
	}

	.saveCalenderDate .DateRangePicker_picker {
		z-index: 5;
		left: -30px !important;
	}

	.BecomeCalendar .DayPicker-Caption div {
		position: absolute;
		top: -48%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
	}

	.DayPicker-Day .priceAlignment {
		left: -6px;
		font-size: 12px;
	}

	.saveCalender .DayPicker-Day {
		border-radius: 6px;
	}

	@-moz-document url-prefix() {
		.BecomeCalendar .DayPicker-Caption div {
			left: 50%;
			top: -76px;
		}

		.saveCalender .DayPicker-Day {
			border-radius: 3px;
		}
	}

	.borderNoneMb a {
		border-top: inherit !important;
	}
}

@media screen and (max-width: 375px) {
	.DayPicker-Day .priceAlignment {
		left: -6px;
		font-size: 8px;
	}
}

/*************** Become a Host Big Calendar End ************/
.StripeElement {
	display: block;
	width: 100%;
	padding: 15px 35px 10px 15px;
	font-size: 16px;
	line-height: inherit;
	background-image: none;
	border-radius: 6px;
	height: 48px;
	color: var(--common-text-color);
	border: 1px solid var(--common-border-color);
	background-color: var(--background-color);
	margin-bottom: 24px;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
	background: var(--common-background-color) !important;
}

.CalendarDay__selected_span {
	background: #090b1ee0 !important;
	color: var(--background-color) !important;
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
	background: #090b1ee0 !important;
	color: var(--background-color) !important;
}

.hamburgerButton {
	position: absolute;
	top: 10px;
	right: 0px;
}

/*************************** 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(--background-color) !important;
	margin-bottom: 14px !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 *************************/

/********************************** Feature Alert MoreFilter Modal Start ******************************/
.featureAlert .modal-content {
	border-radius: 0px;
}

.moreFilterModal .modal-dialog {
	width: 100%;
	max-width: 824px;
}

.moreFilterModal .modal-header {
	font-size: 20px;
	font-weight: 600;
}

.whistListModel .modal-dialog {
	width: auto;
	max-width: 466px !important;
	margin: 10px auto 10px auto;
	padding: 0px 10px
}

.whistListModel .modal-header {
	font-size: 20px;
	font-weight: 600;
	padding: 24px;
}

.whistListModel .modal-body {
	padding: 24px;
}

.moreModal .modal-body {
	padding: 0px;
}

.modal-header {
	padding: 22px 28px;
	background: var(--common-gray-bg-color);
	border-radius: 12px 12px 0 0;
	font-size: 20px;
	font-weight: 600;
}

.modal-dialog .close {
	float: right !important;
}

.modal-header .close span {
	display: none;
}

.modal-body {
	padding: 28px;
}

.modal-header .close {
	background: url('../SiteIcons/modalCloseIcon.svg') !important;
	background-repeat: no-repeat !important;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 30px;
	right: 28px;
	opacity: 9;
	z-index: 5;
}

.sharesocialModal .modal-body {
	padding: 18px 24px 24px;
}

@media screen and (max-width: 767px) {
	.moreFilterModal .modal-dialog {
		width: auto;
		max-width: auto;
	}
}

@media (max-width:991px) and (min-width: 768px) {
	.moreFilterModal .modal-dialog {
		width: 100%;
		max-width: 700px;
	}
}

/********************************** Feature Alert MoreFilter Modal End ******************************/
.searchSwiper .searchArrow,
.mapInfoWindow- .searchArrow {
	display: none;
}

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

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

/***AdminCommonCss Start***/
.adminScrollBar ::-webkit-scrollbar {
	background: transparent !important;
	width: 6px;
}

/* Track */

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

/* Handle */

.adminScrollBar ::-webkit-scrollbar-thumb {
	background: #afafaf !important;
	width: 3px;
	border-radius: 10px;
}

/* Handle on hover */

.adminScrollBar ::-webkit-scrollbar-thumb:hover {
	background: #afafaf !important;
}

.hamburger .icon-bar {
	display: block;
	width: 100%;
	height: 3px;
	background: #000;
	transition: .3s;
}

.hamburger .icon-bar+.icon-bar {
	margin-top: 4px;
}

.hamburger {
	width: 25px;
	position: absolute;
	top: 25px;
	left: 25px;
}

.adminUploader div.filepicker {
	font-size: 18px;
	font-weight: 500;
	color: var(--common-text-color);
	min-height: auto !important;
	margin-bottom: 0 !important;
	padding: 12px 19px !important;
	border: 1px solid var(--border-secondary-color) !important;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	text-align: center;
}

.adminAddOnInputField .input-group-addon {
	padding: 12px 18px !important;
	border-radius: 6px 0 0 6px !important;
	border: 1px solid var(--border-secondary-color) !important;
	font-size: 20px;
	font-weight: 600;
	height: 48px;
	color: var(--common-text-color);
	-webkit-border-radius: 6px 0 0 6px !important;
	-moz-border-radius: 6px 0 0 6px !important;
	-ms-border-radius: 6px 0 0 6px !important;
	-o-border-radius: 6px 0 0 6px !important;
}

.adminAddOnInputField .form-control {
	padding: 14px 35px 14px 19px;
	border-radius: 0 6px 6px 0;
	font-size: 16px;
	border: 1px solid var(--border-secondary-color) !important;
	background-color: var(--background-color);
	line-height: 24px;
	color: var(--common-text-color);
	font-weight: normal;
	border: 1px solid transparent;
	-webkit-appearance: none !important;
	box-shadow: none !important;
	height: 48px;
}

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

@media screen and (max-width: 767px) {
	.adminUploader div.filepicker {
		padding: 11px 10px !important;
	}
}

.adminUploader .filepicker .dz-message {
	margin: 0 !important;
}

.searchInputControl {
	height: 48px;
	border: 1px solid var(--common-border-color) !important;
	background-image: url('../AdminIcons/adminSearch.png');
	background-repeat: no-repeat;
	background-position: calc(3% + 6px);
	background-size: 13px;
	padding: 20px 10px 20px 42px;
	box-shadow: 0 1px 15px 3px #eeebeb !important;
	-webkit-box-shadow: 0 1px 15px 3px #eeebeb !important;
	border-radius: 4px;
	margin-bottom: 30px;
}

.searchInputControlWidth {
	width: 461px;
}

.tableOne {
	width: 100% !important;
	margin-bottom: 15px !important;
	overflow-y: hidden !important;
	border: 1px solid var(--border-color) !important;
	padding: 0px !important;
	border-radius: 4px 4px 0px 0px;
}

.tableOne .table>thead>tr>th {
	color: var(--common-text-color) !important;
	padding: 20px 15px !important;
	background: var(--common-gray-bg-color) !important;
}

.tableOne .table>tbody>tr>td {
	padding: 9px 15px !important;
	color: var(--common-text-color) !important;
}

.tableTwo .table>thead>tr>th {
	color: var(--common-text-color) !important;
	padding: 12px 15px !important;
}

.tableTwo .table>tbody>tr>td {
	padding: 9px 15px !important;
	color: var(--common-text-color) !important;
}

.staticPageUrl .input-group-addon {
	color: var(--background-color) !important;
	background: var(--common-background-color) !important;
	border: 1px solid var(--common-border-color) !important;
	border-radius: 20px 0 0px 20px !important;
	border-bottom: 0 !important;
}

@media screen and (max-width: 991px) {
	.staticPageUrl .input-group-addon {
		display: block;
		width: 100%;
		padding: 13px 12px;
		font-size: 14px;
		font-weight: 500 !important;
		line-height: 1;
		color: var(--background-color) !important;
		text-align: center;
		background: var(--common-background-color) !important;
		border: 1px solid var(--common-border-color) !important;
		border-radius: 0px !important;
		border-bottom-left-radius: 0 !important;
		border-top-right-radius: 20px !important;
		border-top-left-radius: 20px !important;
		border-bottom: 0 !important;
		word-break: break-word;
		white-space: normal;
	}

	.staticPageUrl .input-group {
		width: 100%;
	}
}

.adminPhotoUplod .dropzone {
	padding: 170px 20px 20px;
	min-height: 300px;
	border: none;
	border-radius: 0px;
	margin-bottom: 36px !important;
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent !important;
	border-radius: 12px;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23D9DDE3FF' stroke-width='4' stroke-dasharray='2%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
}

.uploadDropZoneSection {
	position: relative;
	z-index: 1;
	background-color: var(--common-gray-bg-color) !important;
	border-radius: 12px;
}

.uploadDropZoneSectionImage {
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 66px;
	margin: 0 auto;
	z-index: -1;
}

.photoUploadImgAdmin {
	width: 100%;
	max-width: 74px;
	position: absolute;
	left: 0;
	right: 0;
	top: 20%;
	bottom: 0;
	margin: 0 auto;
}

@media (max-width: 1200px) and (min-width: 768px) {
	.adminCollapse .collapse.in {
		background: transparent !important;
	}
}

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

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

/***AdminCommonCss End***/
div.filepicker {
	background-color: transparent !important;
}

/***************** New Responsive Table ***********************/
.NewResponsiveTable table {
	border: 1px solid var(--common-border-color) !important;
	border-radius: 4px;
	border-collapse: separate;
}

.NewResponsiveTable table caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
}

.NewResponsiveTable table tr {
	background-color: var(--background-color);
	border: 0px;
}

.NewResponsiveTable table th,
.NewResponsiveTable table td {
	text-align: left;
}

.NewResponsiveTable table th {
	font-size: 16px;
	background: var(--common-gray-bg-color);
}

.NewResponsiveTableAdmin table {
	border: 0px !important;
}

.NewResponsiveTableAdmin table th {
	background: var(--background-color) !important;
}

@media screen and (max-width: 767px) {
	.NewResponsiveTable table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-align: left;
	}

	.NewResponsiveTable table td {
		display: grid;
		text-align: left;
		word-break: break-word;
	}

	.NewResponsiveTable table td::before {
		margin-bottom: 5px;
	}

	.NewResponsiveTable button a {
		text-align: center;
	}

	.NewResponsiveTable a {
		text-align: left;
		margin: 0;
	}

	.NewResponsiveTable table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.NewResponsiveTable .label-success {
		width: 80px;
		margin-top: 3px;
		padding: 3px;
	}

	.mobileTable table tr {
		padding: 0px;
		display: block;
		margin-bottom: 0;
		background: var(--background-color);
		border-radius: 12px;
	}

	.mobileTable .table>tbody>tr>td:first-child {
		border-top: none !important;
	}

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

}

/***************** New Responsive Table End *******************/
/***************** NewAdminResponsiveTable Start ***********************/
.NewAdminResponsiveTable table {
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
}

.NewAdminResponsiveTable table caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
}

.NewAdminResponsiveTable table tr {
	background-color: var(--background-color);
	border: 0px solid var(--border-color);
	padding: .35em;
}

.NewAdminResponsiveTable table th,
.NewAdminResponsiveTable table td {
	padding: 1.625em;
	text-align: center;
}

.NewAdminResponsiveTable table th {
	font-size: 14px;
}

.topScrollbarTable {
	max-width: 100%;
	overflow-x: auto;
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
}

.topScrollbarTableContent {
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
}

.hostClaminModal .modal-header {
	padding: 10px;
	font-size: 12px;
	color: var(--common-text-color);
	text-align: center;
}

.hostClaminModal .modal-body {
	padding: 20px 25px;
}

.hostClaminModal .modal-header .close {
	background: url('../SiteIcons/modalCloseIcon.svg') !important;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 35px;
	left: 25px;
	opacity: 9;
}

.hostClaminModal .modal-header .close span {
	display: none;
}

.hostClaminModal .modal-content {
	max-width: 468px;
	margin: 0 auto;
}

.claimModalCss .modal-dialog {
	max-width: 466px;
	margin: 30px auto;
}

.claimModalCss .modal-header .close {
	background: url('../SiteIcons/modalCloseIcon.svg') !important;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 32px;
	right: 25px;
	opacity: 9;
}

.claimModalCss .modal-header .close span {
	display: none;
}


@-moz-document url-prefix() {

	.BecomeCalendar .DayPicker-Caption {
		margin: 0 auto 0 30px;
	}
}

/***************** NewAdminResponsiveTable End *******************/
/*************************** NewAdminResponsiveTable  Section Start ******************************/
@media screen and (max-width: 1199px) {
	.NewAdminResponsiveTable table {
		border: 0;
	}

	.adminstyle .NewAdminResponsiveTable .table>tbody>tr>td {
		max-width: 100% !important;
	}

	.adminstyle .NewAdminResponsiveTable {
		border: 0px !important;
	}

	.adminstyle .NewAdminResponsiveTable table select {
		display: initial;
	}

	.NewAdminResponsiveTable table caption {
		font-size: 1.3em;
	}

	.NewAdminResponsiveTable table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.NewAdminResponsiveTable table tr {
		border: 1px solid var(--border-color) !important;
		display: block;
		margin-bottom: 30px;
		padding: 0px;
	}

	.NewAdminResponsiveTable table td {
		border-bottom: 1px solid var(--border-color);
		display: block;
		font-size: 14px;
		text-align: right;
		border-top: 0px !important;
		min-height: 44px;
	}

	.NewAdminResponsiveTable table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
	}

	.NewAdminResponsiveTable table td:last-child {
		border-bottom: 0;
	}

	.widthInnerNoBorder {
		border: 0px !important;
	}

	.tableBorderRadiusAdmin {
		border-radius: 0px !important;
	}

	.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) {
	.topScrollbarTable {
		transform: inherit;
		-webkit-transform: inherit;
		-o-transform: inherit;
		-moz-transform: inherit;
	}

	.topScrollbarTableContent {
		transform: inherit;
		-webkit-transform: inherit;
		-o-transform: inherit;
		-moz-transform: inherit;
	}

	.hostClaminModal .nextRTL,
	.hostClaminModal .prevRTL {
		top: 46% !important
	}

	.youcarsBg .nav-tabs {
		border-bottom: unset !important;
	}
}

@media screen and (max-width: 480px) {
	.NewAdminResponsiveTable table td {
		display: grid;
		text-align: left;
		word-break: break-word;
	}

	.NewAdminResponsiveTable table td::before {
		margin-bottom: 5px;
	}

	.NewAdminResponsiveTable button {
		text-align: left;
	}

	.NewAdminResponsiveTable a {
		text-align: left;
	}
}

.textCenterAdmin {
	text-align: center !important;
}

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

/* .homeSwiperArrow {
	display: none;
} */

::-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**/
.photoUploadBtn div.filepicker {
	text-align: center !important;
	padding: 0px !important;
	background-color: transparent !important;
	border-radius: 5px !important;
	height: 50px !important;
	min-height: 50px !important;
	border: none !important;
	margin-bottom: 00px !important;
	line-height: 50px !important;
}

.photoUploadBtn .dz-default,
.photoUploadBtn .dz-message {
	margin: 0px !important;
}

.claimAddon .input-group-addon {
	border-radius: 6px 0 0 6px;
	padding: 14px 19px;
	font-size: 16px;
	color: var(--btn-primary-color);
	background: var(--btn-primary-bg);
}

.hostClaminModal .dropzone .dz-preview {
	margin: -5px 0 10px -3px;
}

.hostClaminModal .dropzone .dz-preview:last-child {
	margin: -5px 0 0px -3px;
}

@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;
}

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;
}

.modal-content {
	border-radius: 12px;
}

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

.searchTextLeft {
	padding-left: 4px;
}

.noPadding {
	padding: 0px;
}

.viewListingCalendarTable .table>tbody>tr>td {
	font-size: 16px !important;
}

::-webkit-input-placeholder {
	/* Edge */
	color: #757575;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #757575;
}

::placeholder {
	color: #757575;
}

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

.rc-pagination-item {
	min-width: 28px !important;
	height: 28px !important;
	line-height: 28px !important;
	border-radius: 6px !important;
}

.rc-pagination-prev .rc-pagination-item-link:hover,
.rc-pagination-next .rc-pagination-item-link:hover {
	text-decoration: none;
}

.rc-pagination-item-active {
	background-color: var(--common-link-color) !important;
	border-color: var(--common-link-color) !important;
}

.rc-pagination-item:hover {
	border-color: var(--common-link-color) !important;
}

.rc-pagination-prev,
.rc-pagination-next,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
	border-radius: 6px !important;
	min-width: 28px !important;
	height: 28px !important;
	line-height: 28px !important;
}

.rc-pagination-total-text {
	font-weight: 500;
	bottom: -38px;
	left: 0px;
	right: 0px;
	position: absolute;
}

.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: 60px !important;
	left: 14px !important;
	box-shadow: 0px 8px 11px #3131310F !important;
	border: 1px solid var(--border-color) !important;
	border-radius: 6px !important;
}

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

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

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

.listHeaderSlider .swiper-slide {
	width: auto !important;
}

.listHeaderSlider .swiper-wrapper {
	display: flex;
	justify-content: center;
}

.stepPhotoUpload div.filepicker {
	min-height: 250px;
	border: 1px dashed var(--btn-color);
	border-radius: 6px;
}

.photoUploadImg {
	width: 100%;
	max-width: 49px;
	position: absolute;
	left: 0;
	right: 0;
	top: 25%;
	bottom: 0;
	margin: 0 auto;
	z-index: 0;
}

.documentPlaceholder {
	position: absolute;
	left: 0;
	right: 0;
	top: 51%;
	font-weight: 500;
	padding: 4px;
}

.maxText {
	color: var(--modalText-color);
	font-size: 14px;
}

.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;
}

.photoListRemovePadding {
	padding: 0px !important;
}

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

.paymentDetailsPadding {
	padding-right: 51px;
}

.discountAddon .input-group-addon {
	background: var(--common-background-color);
	border: 1px solid var(--common-background-color);
	color: var(--background-color);
	padding: 6px 19px;
	font-size: 16px;
	font-weight: 500;
}

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

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

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

.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(--background-color);
	opacity: 9;
	margin: 0 6px !important;
}

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

.similarRTL {
	padding: 0 15px;
}

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

.payoutTable {
	overflow-x: auto;
}

.payoutTable .table {
	border-collapse: separate;
	margin: 0px;
	border-radius: 12px;
	margin-right: 10px;
}

.payoutTable .table>thead>tr>th {
	background: var(--common-gray-bg-color);
	border-bottom: none;
	padding: 21px 24px;
	font-weight: 500;
}

.payoutTable .table>thead>tr>th {
	white-space: nowrap;
}

.payoutTable .table>thead>tr>th:first-child {
	border-top-left-radius: 12px;
}

.payoutTable .table>tbody>tr>td:first-child {
	min-width: 140px;
}

.payoutTable .table>thead>tr>th:last-child {
	border-top-right-radius: 12px;
}

.payoutTable .table>tbody>tr>td {
	color: var(--common-text-color);
	padding: 21px 24px;
	vertical-align: top;
	word-break: normal;
	font-size: 16px;
	font-weight: normal;
}

.payoutTable table tr {
	background-color: transparent;
	border: none;
	padding: 0px;
}


.payoutTable .label-success {
	font-size: 10px;
	border-radius: 30px;
	line-height: 20px;
	padding: 0px 8px 0px 8px;
	background-color: var(--verified-color);
	margin-left: 5px;
}

.footerMarginTop {
	margin-top: 60px;
}

.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(--common-border-color);
	font-size: 16px !important;
	font-weight: 500 !important;
}

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

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

.stepEditArrow {
	padding-left: 6px;
}

.youcarsBg {
	background: var(--background-color);
	border: 1px solid var(--border-color);
	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(--common-border-color);
}

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

.rc-pagination-prev a,
.rc-pagination-next a {
	color: var(--common-text-color) !important;
}

.rc-pagination-prev a:after,
.rc-pagination-next a:after {
	margin-top: -3px !important;
	font-size: 28px !important;
}

.rc-pagination-disabled a {
	color: #afafaf !important;
}

.rc-pagination-item a {
	color: var(--common-text-color) !important;
	font-weight: 500 !important;
}

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

.inboxTimeDirection {
	direction: ltr !important;
}

@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;
	}

	.searchInputControlWidth {
		width: 100%;
	}
}

@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) {
	.homeSwiperArrow .prevRTL {
		left: 0 !important;
	}

	.homeSwiperArrow .nextRTL {
		right: 0 !important;
	}

	.arrowPrevRTL {
		left: -28px !important;
	}

	.arrowNextRTL {
		right: -28px !important;
	}

	.modal-body {
		padding: 20px !important;
	}

	.modal-header {
		padding: 22px 20px;
	}


	.vidFormsearch .DateInput {
		padding: 12px 7px 10px 10px !important;
	}

	.headerSearch {
		display: none;
	}

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

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

	.listHeaderSlider .swiper-wrapper {
		justify-content: inherit;
	}

	.tabBar2Slider .swiper-wrapper {
		justify-content: center;
		position: relative;
		left: 10px;
	}

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

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

	.homeSwiperArrow .prevRTL img,
	.homeSwiperArrow .nextRTL img {
		width: 50px;
	}
}


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

	.sideMenuBorder {
		display: flex;
		align-items: center;
	}

}

@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(--common-border-color);
	margin-bottom: 23px;
}

.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(--btn-color);
	border-bottom: 1px solid var(--btn-color);
}

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

.languageModalContainer .modal-header {
	border-bottom: 1px solid transparent;
}

.languageModalContainer .lanItemLink {
	font-size: 18px;
	border: 1px solid var(--common-border-color);
	border-radius: 6px;
	padding: 12px 19px;
	margin-bottom: 22px;
}

.languageModalContainer .lanItemLinkSection {
	padding: 0px 15px 0 0;
}

.addPhoneNumber .input-group-addon {
	background: var(--btn-primary-bg);
	color: var(--btn-primary-color);
	border-radius: 6px 0 0 6px;
	font-size: 16px;
}

.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-text-linkcolor);
	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-text-linkcolor);
}

.positionRelative {
	position: relative;
}

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

.futureTable .table>tbody>tr>td>ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.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(--common-border-color);
}

.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;
}

.newModalHeader .modal-header {
	background: var(--modal-header-bg);
}

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

.claimModalSlider .prevRTL,
.claimModalSlider .nextRTL {
	top: 55px !important;
}

.claimModalSlider .prevRTL {
	left: -10px !important;
}

.claimModalSlider .nextRTL {
	right: -10px !important;
}

.claimedModalSlider .prevRTL,
.claimedModalSlider .nextRTL {
	top: 35% !important;
}

.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---------------------*/


.textCenterEmtyData {
	text-align: center !important;
}

.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 ********************************/
.deleteWishListModel .modal-dialog {
	width: 100%;
	max-width: 466px;
}

.deleteWishListModel .modal-header {
	padding: 24px;
}

.deleteWishListModel .modal-body {
	padding: 24px;
}

.deleteWishListModel .modal-title {
	font-size: 20px;
	font-weight: 600;
}

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

.deleteWishListModel .modal-footer .btn-danger,
.deleteWishListModel .modal-footer .btn-danger:hover,
.deleteWishListModel .modal-footer .btn-danger:active,
.deleteWishListModel .modal-footer .btn-danger:focus {
	color: var(--background-color);
	background: var(--common-background-color) !important;
	border-color: var(--common-background-color) !important;
	border-radius: 6px;
	line-height: 24px;
	font-size: 16px;
}

.deleteWishListModel .modal-footer .btn-default,
.deleteWishListModel .modal-footer .btn-default:hover,
.deleteWishListModel .modal-footer .btn-default:active,
.deleteWishListModel .modal-footer .btn-default:focus {
	border-radius: 6px;
	line-height: 24px;
	background-color: var(--background-color) !important;
	font-size: 16px;
	box-shadow: none;
	border-color: var(--border-color) !important;
	color: var(--common-text-color) !important;
	margin: 0px 12px;
}

.deleteWishListModel .modal-footer {
	padding: 24px;
	text-align: right;
	border-top: none;
}

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

/* over all rating icon */

.writeOverAllIcon .dv-star-rating-star {
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 9px;
}

.writeOverAllIcon .dv-star-rating-star span {
	display: inline-block;
}

.writeOverAllIcon .dv-star-rating-star svg {
	width: 30px;
	height: 29px;
	display: inline-block;
}

/* 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;
}

.emtyOption {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.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;
}

.dashboardDropzoneParent {
	display: inline-block;
	position: relative;
}

.dashboardDropzone div.filepicker {
	display: inherit !important;
	margin-bottom: 0;
	min-height: auto;
	border: unset;

}

.dashboardDropzone .filepicker .dz-message {
	margin: 0 auto;
}

.dashboardUploadIcon {
	position: relative;
	top: -2px;
}

.adminRightInputAddon {
	padding: 12px 18px !important;
	border: 1px solid var(--common-border-color) !important;
	background-color: var(--common-gray-bg-color);
	font-size: 20px;
	font-weight: 600;
	height: 48px;
	border-radius: 0px 6px 6px 0px !important;
	-webkit-border-radius: 0px 6px 6px 0px !important;
	-moz-border-radius: 0px 6px 6px 0px !important;
	-ms-border-radius: 0px 6px 6px 0px !important;
	-o-border-radius: 0px 6px 6px 0px !important;
	border-left-color: transparent;
}

.claimImageUploadContainer {
	overflow: hidden;
}

.claimImageUploadContainer .filepicker .dz-preview .dz-details {
	display: none;
}

.reviewStarSection span {
	top: 0 !important;
}

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

.linkAddon .input-group-addon {
	font-size: 16px;
}

.dashboardDropzone.profileEditIconPosition {
	position: absolute;
	top: 0px;
	right: 0px;
}

.dashboardDropzone.profileEditIconPosition div.filepicker {
	border-bottom: unset;
}

.dashboardDropzone.profileEditIconPosition .dropZoneBox {
	padding: 0;
}

.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;
}

.dashboardDropzoneBox {
	padding: 18px 0px 6px;
}

.profileEditIconPosition img {
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .2));
}

/*************************** Common Table Section Start *******************/

.tableFixHead {
	overflow: auto;
	margin-bottom: 50px;
}

.tableFixHead.payoutListTable {
	margin-bottom: 0px;
}

.tableFixHead table {
	border-collapse: separate;
	width: 100%;
}

.tableFixHead th,
.tableFixHead td {
	padding: 12px 16px !important;
}


.tableFixHead td:first-child,
.tableFixHead th:first-child {
	position: sticky !important;
	left: 0;
	z-index: 3 !important;
	min-width: 115px;

}

.tableFixHead td:nth-child(2),
.tableFixHead th:nth-child(2) {
	position: sticky !important;
	left: 120px;
	z-index: 1 !important;
}

.tableFixHead td:first-child,
.tableFixHead td:nth-child(2) {
	background-color: var(--background-color);
}

.tableFixHead td:nth-child(2)>div {
	padding: 0px;
	word-break: break-word;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--common-text-linkcolor);
}

.tableFixHead td:nth-child(2)::after {
	box-sizing: border-box;
	content: '';
	left: 0;
	top: 0;
	right: 0px;
	position: absolute;
	display: block;
	height: 100%;
	box-shadow: 4px 0px 2px #B2BEC41A;
	border-radius: 0px 0px 4px 0px;
	padding: 15px 16px;
	word-break: break-word;
	z-index: 0;
}

.tableFixHead td:nth-child(2) {
	padding: 0px;
	width: 300px;
}

.tableFixHead td:nth-child(2) div span {
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 12px;
}

.tableFixHead th {
	position: sticky !important;
	top: 0;
	background: var(--common-gray-bg-color) 0% 0% no-repeat padding-box !important;
	z-index: 2 !important;
}

.tableFixHead th:first-child,
.tableFixHead th:nth-child(2) {
	z-index: 3 !important;
}

.tableFixHead table {
	margin: 0;
	padding: 0;
	width: 100%;
}

.tableFixHead table caption {
	font-size: 18px;
	margin: .5em 0 .75em;
}

.tableFixHead table th,
.tableFixHead table td {
	padding: 12px 24px;
}

.tableFixHead table tbody tr {
	border-top: 1px solid var(--border-color) !important;
	border-bottom-width: 0px;
}

.tableFixHead table td {
	border-top: 1px solid var(--border-color) !important;
	border-bottom-width: 0px;
	box-shadow: none;
	font-size: 18px;
	word-break: break-word;
	line-height: inherit;
}

.tableFixHead table th {
	font-size: 18px;
	letter-spacing: .1em;
	border: none;
}

.table-responsive {
	border: 1px solid var(--border-color);
	border-radius: 4px;
}

.tablePopOverlay {
	display: flex;
	flex-direction: column;
	background-color: var(--border-color);
	box-shadow: 0px 3px 6px #0000000A;
	border: 1px solid var(--border-color);
	padding: 18px 16px;
	z-index: 1;
	border-radius: 4px;
	left: -50px !important;
}

.noRecordsText {
	text-align: center;
	font-size: 18px !important;
	font-weight: 400;
	color: var(--common-text-color);
	padding: 115px 0px 162px !important;
}

.tableSelect .form-select {
	width: auto;
	height: 32px;
	background-position: calc(100% - 4px) !important;
	padding: 3px 30px 5px 10px;
}

.popover.bottom>.arrow {
	display: none;
}

/* .popover.bottom {
	left: 633px !important;
} */

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

.popover {
	z-index: 3 !important;
	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(--border-color) !important;
}

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

.payoutListTable table {
	width: 100%;
	max-width: 900px;
	min-width: 900px;
}

.payoutListTable td:first-child {
	width: 200px;
}

.payoutListTable td:nth-child(2) {
	width: 200px;
}

.payoutListTable td:nth-child(2),
.payoutListTable th:nth-child(2) {
	left: 200px;
}

.payoutListTable .label-success {
	background-color: var(--verified-color);
}

.payoutListTable .label {
	border-radius: 19px !important;
	line-height: 16px !important;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 3px;
	padding: 3px 7px 2px;
	display: block;
	width: max-content;
}

.payoutListTable .textCenterEmtyData {
	text-align: left !important;
}

.tableFixHead .table-responsive>.table>tbody>tr>td {
	white-space: normal !important;
	line-height: normal !important;
}

.tableFixHead .table>thead>tr>th {
	border-bottom: 1px solid var(--border-color) !important;
}

.tableFixHead.payoutListTable .table>thead>tr>th {
	min-width: 125px;
}

/* .tableFixHead.payoutListTable table td{
	border-top: 1.5px solid var(--border-color) !important;
} */
.forgetArrow {
	margin-left: 6px;
}

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

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

.documentVerifyTextTop {
	top: 43%;
}

.dzInputContainer input[type=file],
/* FF, IE7+, chrome (except button) */
.dzInputContainer input[type=file]::-webkit-file-upload-button {
	/* chromes and blink button */
	cursor: pointer;
}

.documentDropCss div.filepicker {
	border: 2px dashed var(--btn-primaryBorder-color) !important;
	min-height: 250px !important;
	margin-bottom: 0 !important;
	overflow: hidden;
	justify-content: center;
}

.documentDropCss .photoUploadImg {
	top: 32%;
}

.documentDropCss .documentPlaceholder {
	padding: 15px 10px 0;
	color: var(--common-text-color);
}

.rc-pagination-prev button {
	background: url('../SiteIcons/paginationLeftArrow.svg') no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	padding: 0;
	outline: 0 !important;
}

.rc-pagination-next button {
	background: url('../SiteIcons/paginationRightArrow.svg') no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	padding: 0;
	outline: 0 !important;
}

.rc-pagination-disabled button {
	cursor: not-allowed;
}

.rc-pagination-jump-next button,
.rc-pagination-jump-prev button {
	display: none;
}

.rc-pagination-item-link {
	border: 0;
}

.rc-pagination.ant-pagination {
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rc-pagination-prev,
.rc-pagination-next,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
	display: flex;
	justify-content: center;
	align-items: center;
}

.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);
}

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

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

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

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

.siteSettingTooltipIcon {
	width: 15px;
	height: 15px;
}

/* 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(--common-border-color);
	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(--common-border-color);
	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(--common-border-color);
	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);
}

@media (max-width:767px) {

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

/* manualGeoSuggest end */

@media (min-width: 1800px) and (max-width: 2000px) {


	@-moz-document url-prefix() {
		.BecomeCalendar .DayPicker-NavBar {
			width: 200px;
			height: 48px;
			border: 1px solid var(--common-border-color);
			border-radius: 6px;
			padding: 10px 0 0 0;
			font-size: 18px;
			margin: 0 0 20px auto;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 3;
			margin: 0 0 0 38px;
		}

		.BecomeCalendar .DayPicker-Caption {
			left: 0 !important;
			margin: 0 0 0 72px;
		}

	}

	.listHeaderSlider.tabBar3Slider .swiper-wrapper {
		justify-content: center;
	}
}


@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) {

	@-moz-document url-prefix() {
		.BecomeCalendar .DayPicker-NavBar {
			left: -70%;
		}
	}

	.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: 320px) {
	.languageModalContainer .lanItemLink {
		font-size: 15px;
	}
}

@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) {
	.languageModalContainer .modal-dialog {
		max-width: 100%;
		padding: 0 15px;
	}

	.languageModalContainer .lanItemLinkSection {
		width: calc((100% / 4));
	}

	.payoutTable {
		overflow-x: auto;
	}
}

@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;
	}

	.payoutTable table tr {
		padding: 0px;
		border: 1px solid var(--common-border-color);
		display: block;
		margin-bottom: 30px;
		background-color: transparent;
	}

	.NewResponsiveTable table {
		border: unset !important;
	}

	/*------------ 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;
	}

	.claimModalSlider .prevRTL,
	.claimModalSlider .nextRTL {
		top: 44% !important;
	}

	.claimModalSlider.claimedModalSlider .prevRTL,
	.claimModalSlider.claimedModalSlider .nextRTL {
		top: 75px !important;
	}

	/* ---------------Reservation filter modal end---------------------*/
	.textCenterEmtyData {
		text-align: inherit !important;
	}

	.selectContainer {
		max-width: 100%;
	}

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

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

	.BecomeCalendar .DayPicker-Caption {
		width: 100%;
		right: 0;
		top: -50px;
		font-size: 14px;
		left: 0;
		margin: 0 auto;
	}

	@-moz-document url-prefix() {
		.BecomeCalendar .DayPicker-Caption {
			top: 0px;
			font-size: 14px;
			left: 0 !important;
		}
	}

	.importCalenderModal .modal-dialog {
		width: 100%;
		margin: 0;
	}

	.deleteWishListModel .modal-dialog {
		margin: 0;
	}

	.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;
	}

	.claimModalCss .modal-dialog {
		padding: 0 10px;
	}

	.adminstyle table select {
		margin-top: 7px;
	}

	.tableFixHead table tbody tr {
		border-bottom-width: 1px;
	}

	.nonActiveSticky,
	.activeSticky {
		display: none;
	}

	.becomeHostTabsContainer {
		padding: 0 !important;
	}
}


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

	.tableFixHead .table>thead>tr>th:first-child,
	.tableFixHead .table-responsive>.table>tbody>tr>td:first-child {
		padding-left: 50px !important;
	}
}

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

	.tableFixHead table {
		border: 0;
	}

	.tableFixHead table caption {
		font-size: var(--text-lg);
	}

	.tableFixHead table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.tableFixHead table tr {
		border: 1px solid var(--border-color);
		display: block;
		margin-bottom: 30px;
		border-radius: 4px;
	}

	.tableFixHead table td {
		display: grid;
		align-items: center;
		grid-template-columns: 50% 50%;
		font-size: 18px;
		word-break: break-word;
	}

	.tableFixHead table td::before {
		content: attr(data-label);
		font-weight: var(--font-bold);
	}

	.tableFixHead table td:last-child {
		border-bottom: 0;
		border-radius: 4px;
	}

	.tableFixHead .table-responsive {
		border: none;
	}

	.tableFixHead table td:first-child {
		border-top: none !important;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

	.tableFixHead td:nth-child(2) {
		padding: 16px;
		width: 100%;
	}

	.tableFixHead table th,
	.tableFixHead table td {
		padding: 12px 16px;
	}

	.tableFixHead td:nth-child(2)>div {
		box-shadow: none;
		border-radius: 0px;
		padding: 0px;
		position: relative;
		z-index: 1;
	}

	.payoutListTable table {
		max-width: 100%;
		min-width: 100%;
	}

	.payoutListTable td:first-child {
		width: auto;
	}

	.payoutListTable td:nth-child(2) {
		width: auto;
	}

	.payoutListTable td:nth-child(2),
	.payoutListTable th:nth-child(2) {
		left: auto;
	}

	.tableFixHead table tbody tr {
		border-bottom: 1px solid var(--border-color);
	}
}

@media screen and (max-width: 480px) {
	.payoutListTable table td {
		grid-template-columns: 100%;
	}

	.tableFixHead table td {
		grid-template-columns: 100%;
	}
}

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

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

@media screen and (max-width: 340px) {
	.btnSmallMb {
		margin-left: auto;
	}
}

.dz-preview,
.dz-processing,
.dz-image-preview {
	z-index: 3 !important;
}

ul.SubnavBar-navList-1H-Pq {
    color: white !important;
}

.NavigationAfterLogin-dot-2qmNO::before, .react-switch-bg {
	background-color: #F26332 !important;
}

ul.SubnavBar-navList-CtcQ6 {
	color: white !important;
}