#basket {
	width: 256px;
	margin-left: 20px;
	border-radius: 4px;
	background-color: #fff;
	position: -webkit-sticky;
	position: sticky;
	top: 98px;
	height: min-content;
	max-height: calc(100vh - 360px);
	transition: 0.3s ease-in-out;
}


.basket-body-scroll {
	overflow-y: scroll;
	scrollbar-color: transparent transparent;
	scrollbar-width: thin;
	max-height: calc(100vh - 437px);
	margin-right: -10px;
	padding-right: 5px;
}

#basket.scrolled-basket {
	max-height: calc(100vh - 270px);
}

#basket.scrolled-basket  .basket-body-scroll {
	max-height: calc(100vh - 347px);
}

#basket.scrolled-basket-end {
	max-height: calc(100vh - 320px);
}

#basket.scrolled-basket-end  .basket-body-scroll {
	max-height: calc(100vh - 397px);
}

.basket-body-scroll:hover {
	scrollbar-color: #ccc transparent;
}


.basket-body-scroll::-webkit-scrollbar {
  width: 5px;
}


.basket-body-scroll::-webkit-scrollbar-track {
  background: transparent;
}


.basket-body-scroll::-webkit-scrollbar-thumb {
  background: transparent;
}

.basket-body-scroll:hover::-webkit-scrollbar-thumb {
  background: #ccc;
}





.basket-wrap {
	padding: 20px 20px 20px 20px;
}

.basket-header {
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.36;
	letter-spacing: normal;
	color: #273240;
	padding-bottom: 10px;
	border-bottom: 1px solid #E6E6E6;
	display: flex;
	width: 100%;
}

.basket-header-holder {
	display: flex;
	align-items: center;
}

.cart-icon {
	display: flex;
	align-items: center;
	padding-right: 5px;
	float: left;
}

.cart-icon img {
	margin-right: 13px;
}

.basket-hotel-and-dates {
	padding: 15.5px 0px;
	border-bottom: 1px solid #E6E6E6;
}


.basket-hotel-name {
	font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    color: #273240;
    margin-bottom: 5px;
}

.basket-dates {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	color: #273240;
}

.basket-nights {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: left;
	color: #616161;
	margin-left: 11px;
}

.nights_basket {
	color: #616161;
}

.checkin_basket {
	margin-right: 10.5px;
}

.checkout_basket {
	margin-left: 10px;
	margin-right: 10.56px;
}

.basket-dates {
	white-space: break-space;
}

.arrow-right-basket_dates_v4 {
  align-self: flex-end;
  margin-left: 8.5px;
  margin-right: 10.5px;
}

.arrow-right-basket_dates_v4 .b {
  stroke: #fec437;
}

.arrow-right-basket_dates_v4 .c {
  stroke: #fec437;
}

.basket-select-message {
	padding: 40.5px 17px 20px 17px;
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	text-align: center;
	color: #616161;
}

.basket-button-disabled-wrap {
	width: 256px;
	height: 76px;
	padding: 20px;
	background-color: #f5f5f5;
}

.basket-button-disabled {
	width: 216px;
	height: 36px;
	border-radius: 4px;
	background-color: #e6e6e6;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.36;
	color: #ffffff;
}

.basket-room {
	padding: 15px 0px 31px 0px;
	border-bottom: 1px solid #E6E6E6;
	position: relative;
}


.basket-room:last-child {
	border-bottom: 0px;
	padding-bottom: 17px;
}


.basket-room-name {
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.31;
	letter-spacing: normal;
	text-align: left;
	color: #273240;
	margin-bottom: 2px;
	margin-right: 20px;
}

.basket-room-rate {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: left;
	color: #273240;
	margin-bottom: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 195px;
}

.basket-room-cancel {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: left;
	color: #273240;
	margin-bottom: 10px;
}

.basket-room-occup {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: left;
	color: #616161;
	margin-bottom: 4px;
}


.basket-room-prices {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6px;
}

.basket-room-price-night {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: normal;
	text-align: left;
	color: #616161;
}

.basket-room-price-night .symbol, .basket-room-price-night .price, .basket-room-price-night .deci {
	color: inherit;
}

.basket-room-price-per-night {
	font-weight: 400;
}

.basket-room-price-total {
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: right;
	color: #273240;
}

.basket-room-price-total span {
	font-size: 12px;
}

.basket-room-price-total .basket-room-price-currency, .basket-room-price-total .symbol { 
	font-weight: 400;
	color: #273240;
}

.basket-room-price-total .price { 
	font-size: 14px;
	color: #273240;
}

.basket-room-price-total .deci { 
	color: #273240;
}


.gray-basket {
    background-color: #F5F5F5;
    border-radius: 0px 0px 4px 4px;
    padding: 20px;
}

.basket-item-bot {
	max-width: 216px;
	width: 100%;
}

.basket-confirm {
	margin-top: 1em;
}

.basket-confirm:has(#basket-send:disabled) {
	margin-top: 0;
}

#basket-send {
	background-color: #53AC2A;
	color: #fff;
	height: 36px;
	font-size: 14px;
	font-weight: 700;
	width: 100%;
	transition: .15s ease-in-out;
}

#basket-send:hover {
	background-color: #008009;
}


#basket-send:disabled {
	background-color: #E6E6E6;
	border-color: #E6E6E6;
}

#basket-send:focus {
	box-shadow: none;
}

.text-in-bottom-part {
	display: none;
	font-size: 13px;
	font-weight: 800;
	margin-bottom: 20px;
	margin-bottom: 5px;
}

.total_text_and_price {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}


#basket-price {
	float: right;
	color: #008009;
}


.basket-currency {
	font-size: 14px;
	font-weight: 300;
}

.basket-total-value {
	font-size: 16px;
	font-weight: 800;
	position: relative;
	right: -2px;
}

.basket-total-decimals {
	font-size: 14px;
	font-weight: 800;
}

.delete-room {
	position: absolute;
	right: 0px;
	top: 15px;
	width: 16px;
	height: 16px;
	background-image: url(../../v4/icons/remover_v4.svg);
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
}

.delete-room:hover {
	background-image: url(../../v4/icons/remover_red_v4.svg);
}

/* .delete-room:hover::after {
	display: block;
} */

.delete-room .t-tip__text {
    top: 26px;
    right: -10px;
    background-color: #273240;
    color: #FFFFFF;
    font-size: 11px;
    font-family: 'Manrope', sans-serif;
    padding: 5px 5.5px;
    border-radius: 4px;
}

.room-details {
	font-size: 10px;
	color: #9C9C9C !important;
	text-decoration: underline !important;
	float: right;
	cursor: pointer;
}

.include-taxes {
	text-align: right;
	font-size: 12px;
	color: #616161;
	font-weight: 300;
	margin-bottom: 0px;
}

.partial-payment {
	text-align: right;
	font-size: 12px;
	color: #273240;
	font-weight: 600;
	cursor: pointer;
}

.partial-payment img {
	width: 14px;
	margin-left: 2px;
	margin-bottom: 3px;
	cursor: pointer;
}

.partial-payment:hover {
	text-decoration: underline;
}


.chosen-rooms {
	display: none;
	font-size: 11px;
	font-weight: 300;
	float: left;
	min-width: 24px;
	background-color: #E6E6E6;
	border-radius: 25px;
	height: 20px;
	justify-content: center;
	align-items: center;
}



 /* modal */

#room-details .close-modal {
	top: 18px;
    right: 30px;
}

.nights-prices p {
	margin-bottom: 0px;
	display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.nights-prices div {
	margin-bottom: 10px;
}

.nights-prices div:last-child {
	margin-bottom: 0px;
}

.nights-prices div.hidden {
	display: none;
}

.show_hide_days {
    text-align: end;
    color: #0C83D9;
    display: flex;
    justify-content: end;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 12px;
}

.show_hide_days div {
	cursor: pointer;
}

.hide_days {
	display: none;
}

.nights-prices .room-modal-price, .room-tax-price {
	font-size: 13px;
	font-weight: 400;
	display: flex;
    align-items: baseline;
}

.nights-prices .room-modal-price .currency_symbol_price, .room-tax-price .currency_symbol_price {
	font-weight: 400;
	font-size: 11px;
}

.nights-prices .room-modal-price .currency_symbol_price, .nights-prices .room-modal-price .decimal_value_price, .room-tax-price .decimal_value_price {
	font-size: 11px;
}

.nights-prices .room-total, .modal-taxes .room-tax-total-price, .modal-taxes .room-tax-total-price-members, .modal-taxes .room-tax-total-price-public {
	font-size: 14px;
	font-weight: bold;
	display: flex;
    align-items: baseline;
}

.nights-prices .room-total .currency_symbol_price, .nights-prices .room-total .decimal_value_price, .modal-taxes .currency_symbol_price {
	font-size: 12px;
}

.nights-prices .room-total .currency_symbol_price, .modal-taxes .decimal_value_price {
	font-weight: 400;
}

.modal-price-before .price {
	color: #9C9C9C;
	font-weight: 400;
	font-size: 13px;
}

.modal-price-before .symbol {
	color: #9C9C9C;
	font-weight: 400;
	font-size: 12px;
}


.modal-price-before .deci {
	color: #9C9C9C;
	font-weight: 400;
	font-size: 11px;
}

.modal-price-before del {
	text-align: end;
    font-size: 13px;
    font-weight: 400;
    color: #9C9C9C;
}

.price {
	color: #008009;
	font-weight: bold;
	font-size: 14px;
}

.symbol {
	font-weight: bold;
	font-size: 12px;
	color: #008009;
}

.deci {
	font-weight: bold;
	font-size: 11px;
	color: #008009;
}

.modal-room-total-holder .modal-room-total-title {
	font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.modal-room-total-holder .modal-room-total {
	font-size: 18px;
	font-weight: bold;
	color: #008009;
	display: flex;
    align-items: baseline;
}

.modal-room-total-holder .modal-room-total .symbol, .modal-room-total-holder .modal-room-total .deci {
	font-size: 14px;
}

.modal-room-total-holder .modal-room-total .symbol {
	font-weight: 400;
	padding-right: 2px;
}

.modal-extras-top {
	display: flex;
	justify-content: space-between;
}

.modal-offer-discount-holder {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-offer-discount, .modal-extra-name, .room-item-title, .room-item-title {
	font-size: 13px;
    font-weight: bold;
}

.modal-offer-discount .incentive {
	margin-left: 10px;
}

.room-tax, .room-tax-total-holder {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.room-tax-total-holder {
	margin-top: 10px;
	padding-bottom: 20px;
} 

.modal-offer-type, .modal-extra-type, .room-tax-total-title {
	font-size: 13px;
}

.modal-extra-type {
	margin-left: 10px;
}

.modal-offer-type {
	/*margin-top: 5px;*/
	margin-left: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modal-extras {
	margin-bottom: 20px;
}

.modal-offers, .nights-prices, .modal-extras:last-child, .modal-taxes {
	margin-bottom: 20px;
}

/* .nights-prices{
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 20px;
} */

.modal-offers.full {
	border-top: 1px solid #E6E6E6;
	padding-top: 20px;
}

.modal-extras-holder{
	border-top: 1px solid #E6E6E6;
	padding-top: 20px;
}

.modal-taxes {
	border-top: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.modal-extra-included {
	font-size: 14px;
    font-weight: bold;
    /* color: #008009; */
	color: #273240;
}

.t-tip__text__date-holder .t-tip__text__date, .price-date-container .date-holder-total-value, .price-date-container .date-holder-total-string {
	font-weight: bold;
}

.close-basket-mobile, .hotelresults-basket-gallery, .room-basket-photo {
	display: none;
}

.nights_basket_mobile, .basket_header_text, .basket_value {
	display: none;
}

.nights_basket_dekstop .basket_header_text, .nights_basket_dekstop .basket_value {
	display: inline-block;
}

.checkin_basket .basket_value, .checkout_basket .basket_value {
	display: inline-block;
}

.modal-offer {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}


/* MOBILE */

@media (max-width: 1279px) {


	#basket {
		display: none;
		position: fixed;
		bottom: 0px;
		top: unset !important;
		left: 0px;
		margin-left: 0px;
		width: 100%;
		box-shadow: 0px 0px 25px #00000040;
		border-radius: 0px;
		z-index: 10;
	}

	#basket.scrolled-basket , #basket.scrolled-basket-end {
		max-height: unset;
	}

	.basket-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #F2F2F2;
		padding: 25px 20.5px 20.5px 20.5px;
		border-bottom: unset;
	}

	.basket-header-holder {
		display: flex;
	}

	.basket-wrap , .gray-basket-total , .include-taxes{
		display: none;
	}

	.basket-confirm {
		float: right;
		text-align: right !important;
		/* width: 157px; */
		width: fit-content;
		margin-top: 0;
	}

	.gray-basket .text-in-bottom-part  {
		float: left;
		/* max-width: 50%; */
		max-width: unset;
		width: unset;
		flex-direction: column;
		margin-bottom: 0px;
	}

	.gray-basket {
		display: flex;
		justify-content: space-between;
		align-items: center;
		overflow: auto;
		height: 82px;
		padding: 12.5px 15px 13px 46px;
		background-image: url(../../v4/icons/arrow_up_v4.svg);
		background-repeat: no-repeat;
		background-position: 14px;
		background-size: 19px auto;
		cursor: pointer;
		margin: 0px;
		/*border: 2px solid #fff;*/
	}

	.partial-payment {
		text-align: left;
		margin: 0px;
		font-size: 10px;
		font-weight: 400;
	}

	.partial-payment span {
		font-weight: bold;
	}

	.mobile-basket-opened  {
		background-image: url(../../v4/icons/arrow_down_v4.svg);
	}

	.basket-room {
		padding: 20px 0px 15px 0px;
	}

	.basket-room:last-child {
		padding-bottom: 15px;
	}

	#basket-send {    
		border-radius: 2px;
		height: 52px;
		min-width: 157px;
		text-align: left;
		padding: 15px 32px 15px 15px;
		background-image: url(../../v4/icons/arrow_white_right_v4.svg);
		background-repeat: no-repeat;
		background-position-x: 96%;
		background-position-y: center;
		background-size: 20px;
		display: flex;
		align-items: center;
	}

	.total_payment_value .symbol , .total_payment_value .deci {
		font-size: 12px;
	}

	.total_payment_value .price {
		font-size: 14px;
	}

	#basket-price .symbol, #basket-price .deci {
		font-size: 15px;
		font-weight: bold;
	}

	#basket-price .price {
		font-size: 20px;
		font-weight: bold;
	}

	.basket-room-cancel, .basket-room-occup {
		margin-bottom: 5px;
	}

	.basket-room-cancel {
		color: #273240;
	}

	.basket-room-price-total .basket-room-price-currency {
		font-size: 10px;
		font-weight: 400;
	}

	.basket-room-price-total .basket-room-price-decimal {
		font-weight: bold;
		font-size: 12px;
	}

	#basket-send {
		font-size: 16px;
		font-weight: 600;
  }

  .basket-wrap {
		position: fixed;
		top: 0px;
		background-color: #fff;
		z-index: 10;
		width: 100%;
		padding: 0px 0px 20px 0px;
		height: calc(100vh - 82px);
	}

  	.basket-wrap-opened {
		position: relative;
		z-index: 25;
  	}

  	.basket-body-scroll , #basket.scrolled-basket .basket-body-scroll {
  		max-height: calc(100vh - 305px)!important;
		padding: 0px 20px;
  	}
	  
  	.close-basket-mobile {
  		display: block;
		/* float: right; */
		/* padding: 10px; */
		cursor: pointer;
		/* position: relative; */
		/* top: -11px; */
  	}

  	.close-basket-mobile img {
  		width: 20px;
		height: 20px;
  	}

	.discounted-price {
		color: #9c9c9c;
		font-size: 11px;
		font-weight: 400;
		text-decoration: line-through;
		line-height: 1.40;
	}

	.room-details {
		display: none;
	}

	.cart-icon, .chosen-rooms {
		float: none;
	}

	.cart-icon img {
		margin-right: 13px;
	}

	.room-basket-holder {
		display: flex;
		/* margin-bottom: 5px; */
		position: relative;
	}

	.room-basket-photo {
		display: block;
	}

	.room-basket-photo img {
		width: 40px;
		height: 40px;
		object-fit: cover;
		border-radius: 4px;
		margin-right: 15px;
	}

	.basket-room-name-holder {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		line-height: 18px;
	}

	.basket-room-description-holder {
		display: flex;
		flex-direction: column;
		padding-left: 55px;
	}

	.hotelresults-basket-gallery {
		display: block;
		width: 100%;
		height: 150px;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.basket-hotel-and-dates {
		padding: 15px 0px;
	}

	.delete-room {
		right: 0;
    	top: 2px;
		background-image: url(../../v4/icons/delete.png);
	}

	.basket-hotel-name {
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 22px;
	}

	.stay-info {
		display: flex;
	}

	.checkin-checkout {
		display: flex;
		padding-right: 15px;
		border-right: 1px solid #DFDFDF;
	}

	.occupancy-basket {
		display: flex;
		padding-left: 16px;
	}

	.checkin_basket, .checkout_basket, .nights_basket, .rooms_basket, .guests_basket {
		display: flex;
		flex-direction: column;
		margin: 0px;
	}

	.basket-arrow-right-dates_v4 {
		align-self: flex-end;
		margin-left: 15px;
		margin-right: 14px;
	}

	.occupancy-basket {
		display: flex;
		padding-left: 16px;
	}

	.nights_basket, .rooms_basket {
		padding-right: 12px;
	}

	.basket_header_text {
		display: block;
		font-family: 'Manrope', sans-serif;
		font-size: 10px;
		line-height: 13px;
		font-weight: normal;
		color: #273240;
	}

	.nights_basket .basket_value, .rooms_basket .basket_value, .guests_basket .basket_value {
		display: flex;
		justify-content: center;
	}

	.basket_value {
		font-family: 'Manrope', sans-serif;
		font-size: 14px;
		line-height: 19px;
		font-weight: bold;
		color: #273240;
	}

	.basket-room-rate, .basket-room-cancel, .basket-room-occup {
		line-height: 17px;
	}

	.basket-room-price-total {
		line-height: 18px;
		font-size: 13px;
	}

	.basket-room-name {
		margin-bottom: 5px;
	}

	.basket-room-price-night {
		font-size: 11px;
	}

	.basket-room-price-per-night {
		font-weight: 400;
	}

	.nights_basket_dekstop {
		display: none;
	}

	.nights_basket_mobile {
		display: block;
	}

	.t-tip, .t-tip__text {
    display: none;
  }



}