// main: style.less

.gc-search-form {
	font-family: @main-font;
	position: relative;
	display: block;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    border-radius: 7px;
	overflow: hidden;
	&.vertical {
        max-width: 100%;
        @media screen and (min-width: 480px) {
            max-width: 400px;
        }
        .keypoints-wrapper {
            @media screen and (min-width: 480px) {
                flex-wrap: wrap;
                justify-content: center;
            }
        }
        .last_button-button {
            display: block;
            margin-left: auto;
        }
		.main-form-header {
			flex: 1;
		}
	}
    
	&.horizontal {
		max-width: 1440px;
		@media screen and (min-width: 600px) {
			box-shadow: -10px 10px 10px rgba(0,0,0,.1);
        }
        .keypoints-wrapper {
            @media screen and (min-width: 1024px) {
                position: absolute;
                top: 0;
                padding-left: 25px;
            }
        }
		.search_form-header {
			padding: 15px;
            width: 100%;
            justify-content: center;
			@media screen and (min-width: 650px) {
				width: fit-content;
				padding-right: 40px;
			}
			&.vehicle-type-header {
				@media screen and (min-width: 650px) {
					display: none;
				}
			}
		}
		.search_form-body {
			@media screen and (min-width: 650px) {
				border-top-right-radius: 7px;
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 0 15px;
			}
			@media screen and (min-width: 1300px) {
				display: flex;
				// flex-wrap: wrap;
				gap: 0;
				padding-bottom: 10px;
			}
			.vehicles-swiper {
				@media screen and (min-width: 650px) {
					display: none;
				}
			}
	    }
		.different-location-wrapper {
			label {
				@media screen and (min-width: 650px) {
					width: max-content;
				}
			}
		}
		.fields-content-wrap {
			min-width: 180px;
			@media screen and (min-width: 1300px) {
				flex: 1;
				margin-right: 15px;
	    	}
			&.dates-fields-wrap {
				@media screen and (min-width: 650px) {
					min-width: 250px;
				}
			}
			&.locations-fields-wrap,
			&.full-width-row {
				grid-column: span 2;
				@media screen and (min-width: 650px) {
					min-width: 250px;
				}
			}
			&.age-group-fields-wrap {
				flex: unset;
				min-width: 100px;
			}
			&.search-fields-wrap {
				margin-right: 0;
				// margin-top: 24px;
			}
		}
		.form-control {
			&.time-field {
				padding-left: 20px;
			}
		}
		.date-time-wrap {
		    grid-template-columns: 1fr 100px;

		}
		.select-item-wrap {
		    &:after {
		        right: 10px;
		    }
		}
		.submit-button {
			margin-top: 0;
		}
	}

	&.user-area-form {
		&.horizontal {
			.header-outer-wrapper {
				@media screen and (min-width: 480px) {
					display: grid;
  					grid-template-columns: 1fr .5fr;
				}
				@media screen and (min-width: 650px) {
					display: flex;
				}
			}
            .main-form-header {
                flex: 1;
                @media screen and (min-width: 480px) {
					flex: initial;
				}
            }
            .user-area-header {
                @media screen and (min-width: 480px) {
                    width: 100%;
                }
                @media screen and (min-width: 650px) {
                    width: fit-content;
                }
            }
		}
		.main-form-header {
			border-top-right-radius: 0;
			position: relative;
		}
		.user-area-header {
			border-top-left-radius: 0;
			padding-right: 15px;
            width: fit-content;
			.search-title {
				font-size: 16px;
			}
		}
	}

	.header-outer-wrapper {
		display: flex;
		width: 100%;
	}

    .search_form-header {
    	padding: 12px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		// box-shadow: 0 0 15px rgba(0,0,0,.2);
		box-shadow: none;
		display: flex;
		align-items: center;
		text-decoration: none;
		.search-title {
			text-align: center;
			font-size: 18px;
			font-weight: 600;
			font-family: @main-font;
			margin-top: 0;
            margin-bottom: 0;
		}
    }
    .search_form-body {
        padding: 15px;
        display: block;
		padding-bottom: 25px;
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
		// box-shadow: 0 0 15px rgba(0,0,0,.2);
		box-shadow: none;
		width: 100%;
		position: relative;
		z-index: 1;
    }
	.search_form-field {
		margin-bottom: 10px;
	}
	.form-label {
		text-align: left;
		margin-bottom: 5px;
		font-family: @main-font;
		display: block;
		width: fit-content;
	}
	.form-control {
		padding: 5px;
		height: 40px;
		width: 100%;
		outline: 0;
		appearance: none;
		border: 0;
		cursor: pointer;
		background: #fff;
		border-radius: 5px;
		font-size: 16px;
		font-family: @main-font;
		line-height: 1.1;
        &::selection {
            background: #fff;
            background: #000;
        }
		&.has-icon {
			padding-left: 35px;
		}
		&.date-field {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}
		&.age-form {
			padding-right: 20px;
			text-overflow: ellipsis;
		}
		&.hide-form-control {
			color: transparent !important;
		}
		&.time-field {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
			border-left: 1px solid;
			padding-left: 20px;
			@media screen and (min-width: 390px) {
				padding-left: 25px;
	    	}
		}
		&.location-form {
			border-width: 2px;
		}
	}
	select.form-control:not(.time-field) {
		border: 1px solid;
	}
	.icon-calendar, .icon-pin {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 35px;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		pointer-events: none;
		z-index: 1;
		font-size: 16px;
	}
	.submit-button {
		height: 40px;
		padding: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 18px;
		font-weight: 600;
		font-family: @main-font;
		text-transform: uppercase;
		border: 0;
		outline: 0;
		appearance: none;
		border-radius: 5px;
		letter-spacing: 1px;
		cursor: pointer;
		margin-top: 20px;
		transition: all .3s ease;
		width: 100%;
		text-decoration: none;
	}
}

.vehicle-field-form {
    position: relative;
    display: flex;
    align-items: center;
	&.horizontal-field-row {
		display: none;
		margin-left: 0;
		margin-bottom: 0; 
		padding: 0 15px;
		justify-content: center;
		max-width: 100%;
        // box-shadow: 0 -5px 5px rgba(0,0,0,.1);
		box-shadow: none;
		padding-bottom: 1px;
    	margin-bottom: -1px;
		@media screen and (min-width: 650px) {
			width: fit-content;
			display: flex;
			border-top-left-radius: 7px;
			border-top-right-radius: 7px;
		}
		.vehicles-group {
			margin: 10px auto 0;
			@media screen and (min-width: 400px) {
				margin: 10px 25px 0;
			}
			@media screen and (min-width: 650px) {
				margin: 10px 0 0;
			}
			// p {
			// 	display: none;
			// 	@media screen and (min-width: 768px) {
			// 		display: block;
			// 	}
			// }
		}
        &:after {
            @media screen and (min-width: 650px) {
                display: none;
			}
        }
	}
    &:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 30%;
        // background: linear-gradient(90deg, transparent, #f3f3f4);
        height: 100%;
        z-index: 1;
        pointer-events: none;
    }
    // &:before, &:after {
    //     content: '';
    //     height: 1px;
    //     position: relative;
    //     width: 100%;
    //     display: none;
    //     @media screen and (min-width: 400px) {
    //         display: block;
    //     }
    // }
}

fieldset {
    display: contents;
}
.icon-v3-moto:before {
    // font-size: 2.8rem;
	font-size: 44px;
}

.vehicles-group {
	display: flex;
	// align-items: center;
	// justify-content: center;
	width: fit-content;
	margin: 10px auto;
    border: none;
    padding: 0;
    @media screen and (min-width: 768px) {
        margin: 10px 25px;
    }
    input {
        display: none;
    }
    .label-button {
		width: fit-content;
        display: flex;
        align-items: center;
        padding: 0 10px;
        margin-right: 10px;
        cursor: pointer;
        transition: all .3s ease;
		border: 1px solid;
		border-radius: 5px;
		// box-shadow: 0 0 5px rgba(0,0,0, .1);
        // &:last-child {
        //     margin: 0;
        // }
		p {
			// display: none;
			margin-left: 10px;
			margin-top: 0;
			text-transform: capitalize;
			// font-size: 1rem;
			font-size: 16px;
			font-weight: 500;
			font-family: @main-font;
			margin-bottom: 0;
		}
    }
    [class^="icon-"] {
        // font-size: 3rem;
        font-size: 48px;
    }
    
}

.search_form-field {
	&.input-opacity {
		pointer-events: none;
		.form-control {
			opacity: .7;
		}
	}
	&.blur-effect {
		pointer-events: none;
		.form-control {
			filter: blur(3px);
			border: none!important;
			background: transparent !important;
		}
		.form-item {
			border: 1px solid;
			border-radius: 5px;
			height: 40px;
            &.location-item {
                border-width: 2px;
            }
		}
	}
}


.last_button-button {
	text-decoration: underline;
	line-height: 2.5;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    display: block;
    text-align: center;
    &:hover {
        text-decoration: underline;
    }
    @media screen and (min-width: 650px) {
        display: inline-block;
        margin-left: 15px;
	}
}



.date-time-wrap {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 100px;
    border: 1px solid;
	border-radius: 5px;
	overflow: hidden;
	height: 40px;
	.form-control {
		height: 39px;
		bottom: 1px;
		position: relative;
	}
	@media screen and (min-width: 390px) {
		grid-template-columns: 1fr 120px;
	}
}

.footer-form-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	.icon-award {
	    font-size: 14px;
	    margin-right: 5px;
	}
	p {
		margin: 0;
		font-family: @main-font;
		font-size: 14px;
	}
}

.no-font {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.horizontal {
	.no-font {
		&.search-label {
			position: relative;
		}
	}
}

.input-group {
    width: 100%;
}

[lang="el"] {
    .gc-search-form.horizontal .submit-button {
        @media screen and (min-width: 1300px) {
    		font-size: 14px;
    	}
    }
}

.select-item-wrap {
    position: relative;
    select {
        cursor: pointer;
		text-overflow: ellipsis !important;
		padding-right: 30px !important;
    }
    &:after {
        content: '';
        position: absolute;
        right: 10px;
        top: ~"calc(50% - 5px)";
        border-right: 1px solid;
        border-bottom: 1px solid;
        width: 7px;
        height: 7px;
        display: block;
        transform: rotate(45deg);
        pointer-events: none;
        @media screen and (min-width: 390px) {
    		right: 15px;
    	}
    }
	&.timepicker-opened {
        &:before {
            content: 'OK';
            position: absolute;
            left: 1px;
            top: 0;
            background: #FFF;
            width: ~"calc(100% - 2px)";
            height: 100%;
            display: block;
            transition: all .3s ease;
            z-index: 8;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            font-size: 16px;
            color: #000;
            font-weight: 500;
        }
    }
}

.datepicker-modal.horizontal {
	~ .timeselector {
	    grid-template-columns: 45px 10px 45px;
	}
}

.timeselector {
    grid-template-columns: 1fr auto 1fr!important;
}

.keypoints-wrapper {
    min-height: 40px;
    margin: 10px 0;
    display: flex;
    gap: 0 20px;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    list-style: none;
    scrollbar-width: none;
    @media screen and (min-width: 1024px) {
        margin: 0;
    }
}

.datepicker-modal .mbsc-calendar-week-days {
	.mbsc-calendar-week-day {
		font-size: 0!important;
		line-height: 18px!important;
		height: 18px !important;
		&::before {
			content: attr(aria-label);
			font-size: 14px;
			display: inline-block;
			white-space: nowrap;
		}
	}
}

.e-preview--show-hidden-elements .entry-content > .gc-search-form {
    display: none;
}
.e-preview--show-hidden-elements .elementor .gc-search-form {
    display: block;
}


//GENERAL
.hide-field {
	display: none;
}

.error-message-content {
	display: none;
	text-align: left;
	margin-top: 3px;
	font-family: @main-font;
	font-size: 14px;
}


//SELECT2
.select2-container {
    .select2-selection--single .select2-selection__arrow {
        display: none;
    }
	.select2-dropdown {
		z-index: 9999;
	}
}

.gc-search-form {
    .select2-container {
		width: 100% !important;
		max-width: 100%;
        .select2-selection--single {
            border-width: 2px;
            height: 46px;
            text-align: left;
            @media screen and (min-width: 600px) {
                height: 40px;
            }
            .select2-selection__rendered {
                padding-left: 30px;
                line-height: 42px;
                box-shadow: 0 0 5px rgba(0,0,0,0.1);
				font-weight: 500;
				font-size: 16px;
				font-family: @main-font;
				padding-right: 30px;
                @media screen and (min-width: 600px) {
                    line-height: 36px;
                }
            }
        }
		.select2-results__option {
			font-family: @main-font;
		}
    }
}



//DESKTOP DATEPICKER
[data-shortcode].options {

	~ #ui-datepicker-div {
		width: max-content;
		border: none;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		padding: 0;
		z-index: 9999!important;
		overflow: hidden;
        margin-top: 1px;
		@media screen and (max-width:480px) {
		  display: none!important;
		}
		&.responsive-opened {
        	  display: block!important;
        }
		.ui-datepicker-header {
			padding: 4px 0;
			border: none;
			background: #F2F3F5;
			a {
				cursor: pointer;
			}
		}
		.ui-datepicker-prev {
			top: 0;
			left: 0;
			height: 100%;
			width: 40px;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 0!important;
			transform: rotate(0deg);
			span {
				display: none;
			}

			&:after {
			  content: '';
			  position: relative;
			  display: block;
			  width: 12px;
			  height: 12px;
			  border-left: 3px solid;
			  border-top: 3px solid;
			  transform: rotate(-45deg);
			  transition: all .3s ease;
			}
			&.ui-state-hover {
				border: 0!important;
				background: transparent!important;
			}
			&.ui-datepicker-prev-hover {
				border: 0!important;
				background: transparent!important;
			}
		}
		.ui-datepicker-next {
			top: 0;
			right: 0;
			height: 100%;
			width: 40px;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 0!important;
			transform: rotate(0deg);
			&:after {
			  content: '';
			  position: relative;
			  display: block;
			  width: 12px;
			  height: 12px;
			  border-right: 3px solid;
			  border-top: 3px solid;
			  transform: rotate(45deg);
			  transition: all .3s ease;
			}
			span {
				display: none;
			}
			&.ui-state-hover {
				border: 0!important;
				background: transparent!important;
			}
			&.ui-datepicker-next-hover {
				border: 0!important;
				background: transparent!important;
			}
		}
		td {
			padding: 5px!important;
			cursor: pointer;
            background: transparent !important;
            @media screen and (max-width:360px) {
             padding: 2px;
            }
			&.booking-first {
				&.highlight {
					&:after {
		                width: 90%;
		                left: unset;
					}
				}
			}
			&.booking-last {
				&.highlight {
					&:after {
		                width: 200%;
		                left: -50%;
						border-radius: 0;
					}
				}
				&.booking-first {
                    &:after {
    	                display: none;
    				}
                }
			}
			&.ui-datepicker-other-month {
                background: #fff;
                opacity: 1;
            }
			&:hover {
				.ui-state-default {
					border: 1px solid!important;
				}
			}
		}
		th {
			text-transform: uppercase;
			font-size: 14px;
            border: none;
			span {
				font-weight: 700!important;
			}
		}
		table {
			padding: 0 5px;
		}



		.ui-datepicker-month {
			text-transform: capitalize;
			font-family: @main-font;
			font-size: 17px;
			font-weight: 500;
		}
		.ui-datepicker-year {
			font-family: @main-font;
			font-size: 14px;
			font-weight: 400;
		}
		.ui-state-default,
		.ui-widget-content .ui-state-default,
		.ui-widget-header .ui-state-default {
			border: none!important;
			border-radius: 50%;
			width: 36px;
			height: 36px;
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: 400!important;
			text-shadow: none!important;
			background: transparent !important;
			//transition: all .3s ease;
			transition: none;
			font-size: 14px;
		}

		.in-range-date {
			position: relative;
			&:after {
				content: '';
				position: absolute;
				display: block!important;
				width: 100%;
				height: ~"calc(100% - 9px)";
				z-index: -1;
				top: 5px;
				left: 0;
				pointer-events: none;
			}
		}


		.booking-first {
			position: relative;
			&:after {
				content: '';
				position: absolute;
				display: block;
				width: 90%;
				height: ~"calc(100% - 9px)";
				z-index: -1;
				top: 5px;
				right: 0;
				pointer-events: none;
				border-top-left-radius: 50%;
				border-bottom-left-radius: 50%;
			}
			
		}


		.booking-last {
		  position: relative;
		  &:after {
		  	content: '';
		  	position: absolute;
		  	display: block;
		  	width: 90%;
		  	height: ~"calc(100% - 9px)";
		  	z-index: -1;
		  	top: 5px;
		  	left: -1px;
		  	pointer-events: none;
		    border-top-right-radius: 50%;
		    border-bottom-right-radius: 50%;
		  }
		}

		.highlight {
		  position: relative;
		  &:after {
		  	content: '';
		  	position: absolute;
		  	display: block;
		  	width: 200%;
		  	height: ~"calc(100% - 9px)";
		  	z-index: -1;
		  	top: 5px;
		  	left: -50%;
		  	pointer-events: none;
		  }
		  &.booking-first {
			&:after {
				width: 90%;
				left: unset;
			}
		}
		}

		.ui-datepicker-days-cell-over {
		  position: relative;
		}
		.ui-state-disabled {
	        &.in-range-date,
	    	&.booking-first {
	    		opacity: 1;
	    		.ui-state-default {
	    			opacity: .35;
	    		}
	    	}
	    	&.booking-first {
	    		.ui-state-default {
	    			border: 1px solid !important;
	    		}
	    	}
	    }

		.ui-timepicker-div {
			.ui-state-default {
				width: unset;
				height: unset;
			}
			.ui-widget.ui-widget-content {
				width: auto;
			}
		}

	}

}





//MOBILE DATEPICKER
.admin-bar {
	.datepicker-modal {
		margin-top: 46px;
		height: ~"calc(100% - 46px)";
		@media screen and (min-width: 783px) {
			margin-top: 32px;
			height: ~"calc(100% - 32px)";
		}
	}
}

.datepicker-modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	justify-content: center;
	align-items: center;
    flex-direction: column;
	width: 100%;
	height: 100%;
    transition: all .3s ease;
    opacity: 0;
    pointer-events: none;
    display: none;
    transform: translateY(50%);
    @media screen and (max-width:480px) {
        display: flex;
    }
    &.open {
        opacity: 1;
        pointer-events: all;
        transform: translateY(0);
    }
    .datepicker-mobile-heading {
        background: #F2F3F5;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 10px 5px;
		font-family: @main-font;

        .close-datepicker-btn {
            width: 30px;
            height: 30px;
            display: flex;
        	justify-content: center;
        	align-items: center;
        	cursor: pointer;
        	position: relative;
        	transition: all .3s ease;
            &:before {
        		content: '';
        		display: block;
        		position: absolute;
        		width: 20px;
        		height: 2px;
        		top: 50%;
        		left: 50%;
        		transform: translate(-50%, -50%) rotate(45deg);
        	}
        	&:after {
        		content: '';
        		display: block;
        		position: absolute;
        		width: 20px;
        		height: 2px;
        		top: 50%;
        		left: 50%;
        		transform: translate(-50%, -50%) rotate(-45deg);
        	}
        }
    }


    .mbsc-datepicker {
        width: 100%;
        border: 0 !important;
		.mbsc-calendar-day-text {
	    	border-width: 1px;
			margin: 0 !important;
	    }
	    .mbsc-range-control-wrapper {
	    	background: #F2F3F5;
	    }
	    .mbsc-range-day::after,
	    .mbsc-range-hover::before {
	    	height: 40px;
	    	top: 50%;
	    	transform: translateY(-50%);
	        border: 0;
	    }
	    .mbsc-selected .mbsc-calendar-cell-text {
	        font-size: 16px!important;
	    }
	    .mbsc-calendar-header .mbsc-calendar-week-days {
	    	box-shadow: 0 5px 10px rgba(0,0,0,0.05);
	        padding: 5px 0;
	        background: #fff;
	    }
	    .mbsc-calendar-week-day {
	    	font-size: 14px;
	        font-weight: 700;
	        text-transform: uppercase;
            border: none;
            background: transparent;
	    }
	    .mbsc-calendar-header {
	        display: flex;
	        flex-direction: column;
	    }
	    .mbsc-calendar-controls {
	    	order: 2;
	        padding: 10px 0;
	        .mbsc-icon-button {
	        	width: 60px;
	        }
	    }
        .mbsc-calendar-button.mbsc-button {
            border: none;
            background: transparent;
        }
	    .mbsc-range-control-wrapper .mbsc-segmented {
	    	display: grid;
	    	grid-template-columns: 1fr 1fr;
	    	gap: 10px;
	    	background: transparent;
	    	width: 100%;
	        border-radius: 0;
	        label {
	            background: transparent;
	            .mbsc-segmented-selectbox-inner.mbsc-selected {
	                box-shadow: none;
	            }
	            .mbsc-segmented-selectbox-inner {
	            	border-radius: 0;
	            }
	            .mbsc-segmented-selectbox {
	                display: none;
	            }
	            .mbsc-segmented-button {
	            	padding: 0;
	            }
	            .mbsc-range-control-label {
	            	padding: 0;
	            	color: @text-color;
	            	font-size: 14px;
	                &.active {
	                    font-weight: 400;
	                }
	            }
	            .mbsc-range-control-value {
	            	background: #fff;
	            	padding: 7px 10px;
	            	font-size: 16px;
	                border: 1px solid;
	                margin-top: 7px;
	                height: 41px;
	                display: flex;
	                align-items: center;
	                &.active {
	                    font-weight: 400;
	                }
	            }
	            .mbsc-range-label-clear {
	            	display: none;
	            }
	        }
	    }
	    .mbsc-calendar-title {
	    	font-weight: 700;
	    	font-size: 16px;
            border: none;
            background: transparent;
	    }
		.mbsc-calendar-cell-text {
	        height: 38px!important;
	        width: 38px!important;
	        display: flex;
	        justify-content: center;
	        align-items: center;
	        margin: 0;
	        border-radius: 50%;
	        border-width: 1px;
			&.mbsc-calendar-year-text,
			&.mbsc-calendar-month-text {
				border-radius: 15px;
			}
	    }
		.mbsc-highlighted .mbsc-calendar-day-text,
	    .mbsc-hover .mbsc-calendar-day-text,
	    .mbsc-range-hover-end .mbsc-calendar-day-text,
	    .mbsc-range-hover-start .mbsc-calendar-day-text,
	    .mbsc-selected .mbsc-calendar-day-text {
	    	font-size: 16px;
	    }
		.mbsc-calendar-cell > div {
			display: none;
		}
		.mbsc-calendar-cell .mbsc-calendar-cell-inner {
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.mbsc-disabled.mbsc-range-day-start .mbsc-calendar-cell-text {
			opacity: .9;
		}
		.mbsc-range-day-end.mbsc-ltr::after,
		.mbsc-range-day-start.mbsc-rtl::after,
		.mbsc-range-hover-end.mbsc-ltr::before,
		.mbsc-range-hover-start.mbsc-rtl::before {
			margin-right: -1em;
		}
		.mbsc-range-day-end.mbsc-rtl::after,
	    .mbsc-range-day-start.mbsc-ltr::after,
	    .mbsc-range-hover-end.mbsc-rtl::before,
	    .mbsc-range-hover-start.mbsc-ltr::before {
	    	margin-left: -1.2em;
	    }
    }
}

.mbsc-scroller-bar-cont {
	left: 0;
}
.mbsc-calendar-scroll-wrapper > div {
	height: 100%;
	display: block;
	width: 100%;
	z-index: 999;
	position: relative;
}
.mbsc-range-day .mbsc-calendar-cell-inner {
	z-index: 8888;
}
