﻿:root {
	/*colors:*/
	--background-color: #FFFFFF;
	--primary-color: #07a2d1; /*text and new_cr frame */
	--table-header-color: #c1e7f2; /*in history and orders pages*/
	--button-color: -webkit-linear-gradient(-180deg, #3385e1, #00dacd); /*all buttons - mobile and desktop*/
	--button-color-hover: #308AE0; /*all buttons - mobile and desktop*/
	--header-color: #10bad3;
	--menu-color-mobile: #12bcd5; /*mobile only*/
	/*
    images:*/
	/*general*/
	--tmura-logo: url(https://tmuracdn.blob.core.windows.net/aab/clal/tmuraIconBottom.png);
	--aab-logo: url(https://tmuracdn.blob.core.windows.net/aab/logo_big_blue.png);
	--login-company-logo: url(https://tmuracdn.blob.core.windows.net/aab/tustus/logo.png);
	--header-company-logo: url(https://tmuracdn.blob.core.windows.net/aab/tustus/logo.png);
	--company-logo-right: url(https://tmuracdn.blob.core.windows.net/aab/tustus/logo_arkia.png); /*desktop: on top*/
	--company-logo-left: url(); /*desktop: on top*/
	--poalim-wonder: url(https://tmuracdn.blob.core.windows.net/aab/tustus/poalimWonder.png);
	--whatsapp-logo: url(https://tmuracdn.blob.core.windows.net/aab/tustus/whatsApp.png);
	/*desktop*/
	--background-desktop: url(); /*desktop only - all pages but login */
	--login-background: url(https://tmuracdn.blob.core.windows.net/images/Login_main.jpeg);
	--left-image: url(//tmuracdn.blob.core.windows.net/images/Said_elements_LEFT.png);
	--right-image: url(//tmuracdn.blob.core.windows.net/images/Said_elements_RIGHT.png);
	/*mobile*/
	--bottom-mobile: url(https://tmuracdn.blob.core.windows.net/images/mobile_bg_image.png); /* all! pages - login + inside the site*/
	--footer-company-logo-mobile: url();
	/*new*/
	--header-logo-main: url(https://tmuracdn.blob.core.windows.net/aab/tustus/heder_logo_main.png);
	--header-logo-plain: url(https://tmuracdn.blob.core.windows.net/aab/tustus/header_logo_plain.png);
	--header-from-arkia: url(https://tmuracdn.blob.core.windows.net/aab/tustus/header_from_arkia.png);
	--header-from-arkia-2rows: url(https://tmuracdn.blob.core.windows.net/aab/tustus/from_arkia_2_rows.png);
	--header-phrase: url(https://tmuracdn.blob.core.windows.net/aab/tustus/header_phrase.png);
	--header-ellipsae: url(https://tmuracdn.blob.core.windows.net/aab/tustus/header_ellipse.png);
	--main-text-color: #1D1E24;
	--menu-user: url(https://tmuracdn.blob.core.windows.net/aab/tustus/user.png);
	--footer-logo: url(https://tmuracdn.blob.core.windows.net/aab/tustus/footer_tustus.png);
	--mobile-header-logo-middle: url(https://tmuracdn.blob.core.windows.net/aab/tustus/mobile_header_logo.png);
	--user-logo: url(https://tmuracdn.blob.core.windows.net/aab/tustus/user.png);
	--hotel-star: url(https://tmuracdn.blob.core.windows.net/aab/tustus/star.png);
	--hotel-star-full: url(https://tmuracdn.blob.core.windows.net/aab/tustus/star_full.png);
	--arkia-logo-flight: url(https://tmuracdn.blob.core.windows.net/aab/tustus/header_arkiaLogo_url.png);
	--fligth-line: url(https://tmuracdn.blob.core.windows.net/aab/tustus/flight_line.png);
	--airplain-icon: url(https://tmuracdn.blob.core.windows.net/aab/tustus/airplane-icon.png);
	--hotel-icon: url(https://tmuracdn.blob.core.windows.net/aab/tustus/hotel-icon.png);
	--logo_with_text: url(https://tmuracdn.blob.core.windows.net/aab/tustus/logo_with_text.png);
	--complete-order-img: url(https://tmuracdn.blob.core.windows.net/aab/tustus/Family%20comes%20first.png);
	/*colors new*/
	--color-button: #16B5AA;
	--color-borders: #e8e8e8;
	--color-gerrn: #00A4AF;
	--color-acssesible-green: #00818A;
	--color-blue: #1448CE;
	--color-perpule: #9421D9;
	--color-pink: #F525BE;
	--color-red-pink: #EE4A82;
	--color-pink-text: #BB008A;
	--color-text-gray: #6b6d74;
	--color-perpule-background: #9421D926;
	--color-text-perpule: #9421D9;
	/*icons*/
	--line-on: url(https://tmuracdn.blob.core.windows.net/aab/tustus/Line-on.png);
	--line-off: url(https://tmuracdn.blob.core.windows.net/aab/tustus/Line-off.png);
	--ellipse-on: url(https://tmuracdn.blob.core.windows.net/aab/tustus/Ellipse-on.png);
	--ellipse-off: url(https://tmuracdn.blob.core.windows.net/aab/tustus/Ellipse-off.png);
	--arrow-down: url(https://tmuracdn.blob.core.windows.net/aab/tustus/arrowdown.png);
	--arrow-up: url(https://tmuracdn.blob.core.windows.net/aab/tustus/arrowup.png);
	--close: url(https://tmuracdn.blob.core.windows.net/aab/tustus/close.png);
	--no-baggage: url(https://tmuracdn.blob.core.windows.net/aab/tustus/no-baggage.png);
	--cabin-baggage-off: url(https://tmuracdn.blob.core.windows.net/aab/tustus/cabin-baggage-off.png);
	--cabin-baggage: url(https://tmuracdn.blob.core.windows.net/aab/tustus/cabin-baggage.png);
	--hold-baggage-off: url(https://tmuracdn.blob.core.windows.net/aab/tustus/hold-baggage-off.png);
	--hold-baggage: url(https://tmuracdn.blob.core.windows.net/aab/tustus/hold-baggage.png);
	--card-mastercard: url(https://tmuracdn.blob.core.windows.net/aab/tustus/card_mastercard.png);
	--delete: url(https://tmuracdn.blob.core.windows.net/aab/tustus/delete.png);
	--edit: url(https://tmuracdn.blob.core.windows.net/aab/tustus/edit.png);
	--next-img: url(https://tmuracdn.blob.core.windows.net/aab/tustus/arrowLeft.png);
	--prev-img: url(https://tmuracdn.blob.core.windows.net/aab/tustus/arrowRight.png);
}
#logoView { /* shir - לוגו למסך תצוגת מחזורים */
	background-image: var(--login-company-logo);
}
.main_ttl {
	display: none;
}
button{/* shir - כל הכפתורים לפי הרקע*/
	background: var(--button-color);
}
button:hover{/* shir - כל הכפתורים לפי הרקע*/
	background: var(--button-color-hover);
}

.btn-line, .btn-line:hover { /* shir - כל הכפתורים לפי הרקע*/
	background: transparent;
}

body#bodyLogin .main_body .container {
	background: var(--login-company-logo), transparent;
	background-size: 65%;
	padding-top: 17%;
	background-position: center 17vh; /*shir האם לשנות היה 25 */
	background-repeat: no-repeat;
	width: 23vw;
}

.z_y {
	color: var(--primary-color);
}

h1, .level_filter > div, .order-section.transportations .row .cell, .order-section.transportations .row .cell b, .section.section_hotel .order-section .row .cell.hot_name, body#Order h3, .order-section .row .cell.ok_order {
	color: var(--primary-color) !important;
}

.list-new-cr, .list-new-cr-worker {
	border: solid 2px var(--primary-color);
}

button.btn-login:hover, button.btn-send-pass:hover, button.btn-login.disabled:hover, button.btn-send-pass.disabled:hover {
	background: var(--button-color-hover);
}

.item-section .row .cell.hot_name, .hotel_div div:nth-child(2) {
	color: var(--primary-color);
}

	.item-section .row .cell.hot_name:hover {
		opacity: 0.8 !important;
		color: var(--primary-color);
	}

.mobile-menu {
	background: var(--menu-color-mobile);
}

#alert_div {
	border: 0;
	border-radius: 20px;
}
	#alert_div .alert_msg {
		font-size: 15px;
	}


body#History table td div, body#Contact table td div, body#History .td_btns div, body#Contact .td_btns div {
	border: solid 2px var(--primary-color);
	color: var(--primary-color) !important;
}

.section.num_nights.load::after, .section.ite_sec.load::after,
.alert span, #progressbar_div > div, #progressbar_div_hot > div, ul.list-group li.list-group-item[worker="1"], ul.list-group li.list-group-item[worker="1"] span, body#Terms .section label {
	color: var(--primary-color);
}

.btn-login, .btn-send-pass {
	margin-top: 15px !important;
	margin-bottom: 15px;
	font-size: 16px;
	width: auto;
	min-width: 10vw;
}

body#History table th, body#Contact table th {
	background-color: var(--table-header-color);
}

button.btn-login:hover, button.btn-send-pass:hover {
	background: var(--button-color-hover);
}

#progressbar_div, #progressbar_div_hot {
	color: var(--primary-color);
	border: solid 2px var(--primary-color);
}

button.btn1, button#checkCode {
	border: 6px solid var(--color-button);
	border-radius: 30px;
	padding: 2px 27px !important;
	height: auto !important;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	background: #fff;
	float: inherit;
	/* font-size: 17px; */
	line-height: inherit;
	opacity: 1;
	color: #000 !important;
}

	button.btn1:hover, button#checkCode:hover {
		opacity: 0.5;
		background: #fff;
	}


.more-details {
	float: none;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: var(--primary-color);
}

.title-items-value {
	color: var(--primary-color);
}

.mobile-menu * {
	color: #fff !important;
}

body .col-3.top-logo {
	background-image: var(--header-logo-plain),var(--header-logo-main), var(--header-from-arkia);
	background-size: 94px, 150px, 65px;
	background-position: 50% 9%, 50% 49%, 50% 78%;
	position: absolute;
	height: 155px;
	width: 230px;
	margin: 0;
	padding: 0;
	background-color: var(--background-color);
	border-bottom: 3px solid #e8e8e8;
	border-radius: 50%;
}
.user-header-mobile {
	display:none;
}
.order-section.section_extra.transportations:not(.section_free_fields) .row .tr:not(.tr_trans) .cell b {
	display: none;
}

.order-section.section_extra.transportations .row .tr:not(.tr_trans) .cell {
	font-weight: bold;
}

@media (min-width: 1024px) {
	.sectionVac {
		width: 100%;
		display: inline-block;
	}

	.titleCMBVac {
		width: 30%;
		display: inline-block;
	}

	.img_vac {
		display: inline-block;
		margin-right: 264px;
	}

		.img_vac img {
			width: 100%;
			vertical-align: text-top;
		}

}


.main_d_layout {
	margin-bottom: 12vh;
}

@media (max-width: 1024px) {
	button .btn1:hover, button.btn1.disabled:hover {
		background: var(--button-color-hover);
	}

	body .main_ttl {
		margin-top: 25%;
		font-size: 23px;
	}

	body#bodyLogin {
		background: none !important;
		height: 100%;
	}

	#ParticipantsList .list-buttons > div:first-child {
		background-position: 93% 16px;
		border-left: none;
		border-right: none;
		padding-right: 45px;
		width: auto;
		padding-left: 44%;
		text-align: center;
		margin: 0 auto;
	}

	.main_container #ParticipantsList .list-buttons {
		width:26%;
	}

	#ParticipantsList .list-buttons > div {
		background-position: 94% 16px;
		cursor: pointer;
		display: block;
		border: solid 1px #e6e6e6;
		border-left: none;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
		padding-right: 16px;
		padding-left: 41%;
	}

	.order-section.section_extra.transportations .row .cell {
		width: 28% !important;
	}

	.main_ttl2 {
		font-size: 25px;
		padding-top: 27px;
		padding-bottom: 0px;
		width: 240px;
		margin-right: auto;
		margin-left: auto;
	}


}


.tr_trans select {
	color: #233b44;
}

body#History table td.tr_sum {
	/*direction: ltr;*/
	width: 13%;
}

.PassportIssuDate, .Passportnationality {
	display: none;
}

.Annual_Sycle_Number {
	display: table-cell;
}

#home .item_area, #home .nights_rooms {
	/*display: none;*/
}

.more-details {
	float: none;
	margin: 0;
}

.div-register {
	text-align: right;
	margin-top: 0;
}

span.register {
	float: none;
	margin-left: 0;
}

.order-section.passports .row .cell[field="BirthDay" ] {
	min-width: 162px;
}

	.order-section.passports .row .cell[field="BirthDay" ] input {
		padding: 5px;
	}

.order-section.passports .row .cell:not(.error).birth-day::after {
	content: '';
}

body#Order .section.section_customer .order-section.transportations > div.amount_of_participent_family {
	display: none !important;
}

@media (max-width: 1024px) {
	.row.item_row:not(.no_sum) {
		margin-top: 0;
	}

	.itemValuesInnerClass .item-text, .itemValuesInnerClass .item-value, .div-items-value.itemValuesInnerClass .sub_title {
		font-size: 14px !important;
	}

	.itemValuesInnerClass .title-items-value {
		font-size: 20px;
	}

	.div-items-value.itemValuesInnerClass .item-value {
		width: 100%;
	}

	.div-items-value.itemValuesInnerClass .sub_title {
		margin-top: 0px !important;
	}

	.div-items-value.itemValuesInnerClass {
		direction: rtl;
	}
}

.basic_sum {
	display: none !important;
}

body#bodyLogin, body.view {
	background: var(--company-logo-left), var(--company-logo-right), var(--tmura-logo), var(--aab-logo), var(--login-background),var(--background-color);
	background-size: 4%, 4%, 8%,6%,cover;
	background-repeat: no-repeat;
	background-position: 15% 4%, 26% 4%, 10% 95%,20% 95%,center;
	height: auto;
}

body#home .section, body#Contact .section, body#Personal .section, body#Order .section, body#History .section, body#Request .section, #Hotel .section:not(.section_conference), #Family .section, #FeedBack .section {
	background-color: rgba(255,255,255,0.95);
}

body {
	/*background-image: var(--left-image), var(--right-image), var(--tmura-logo),var(--aab-logo), var(--company-logo-left),var(--company-logo-right), var(--background-desktop), linear-gradient(to bottom, transparent 93.5%, white 93.5%);
	background-repeat: no-repeat;
	background-position: 0% 50%, 100% 50%, 2% 99%, 12% 99%, 84% 99%, 97% 99%, 100% center, center;
	background-size: 17vh, 17vh, 7%, 7%, 10%, 5%, 100% 87%, 100%;
	background-attachment: fixed;
	z-index: 9999;*/
	background: none;
}

.main_body {
	background: none !important;
}

body#bodyLogin input[type="text"], body#bodyLogin input[type="password"] {
	height: 5.5vh;
}

button.btn-block.btn-lg.btn-login {
	line-height: 2.5vh;
}

select#cmbCelK {
	padding-top: 7px;
	padding-bottom: 7px;
}

body#Personal .left_div {
	display: none;
}

.section.section_hotel .order-section .row .cell.item_time {
	background-position: 99%
}

.footer {
	height: 100%;
	background: #fff;
	/*position: sticky;
	bottom: 0;*/
	-webkit-box-shadow: 0px 0px 0px #dddddd;
	border-top: solid 2px #fff;
}

body .navbar {
	background: var(--background-color);
	background-repeat: no-repeat;
	background-position-x: left;
	background-size: 100%;
	height: 80px;
	border-bottom: 2px solid var(--color-borders);
}
@media (max-width: 1024px) {
	body #bodyLogin {
		background: none !important;
	}

	.main_body {
		/*background: var(--bottom-mobile), var(--background-color) !important;
		min-height: calc((100%) - 60px);
		background-repeat: no-repeat !important;
		background-position: center calc((100%) - 60px) !important;
		background-size: 100% !important;*/
	}

	body:not(#bodyLogin) .main_body {
		background-position: center bottom !important;
	}

	.main_body .main_d_layout .stage-login {
		margin-top: 13vh !important;
	}

	#cmbCelK {
		width: 35%;
		padding-bottom: 5px;
		padding-top: 7px;
	}

	#cmbCel {
		padding-bottom: 5px;
	}

	body .col-3.top-logo {
		height: 100%;
		background-image: var(--header-company-logo);
	}

	.navbar-header {
		width: 100%;
		height: 10vh;
	}

	body .navbar-inverse .navbar-brand {
		width: 100%;
	}
/*
	body#bodyLogin .main_body .container.main_container {
		background-position: center 13vh;
	} shir האם למחוק? אם מיירקים - לוגו מובייל יהיה תמד בראש העמוד. 
*/
	.main_body .container.main_container {
		padding-bottom: 6%;
	}

	body#History .table_new .cell.header, body#Contact .table_new .cell.header {
		background-color: var(--table-header-color);
	}

	.section.section_hotel .order-section .row .cell.item_time {
		padding-right: 29px;
	}


	button.btn-block.btn-lg.btn-login {
		margin: 0 auto;
		float: none;
	}
	body#arkia_order footer {
		display: none;
	}

	footer {
		height: 23% !important;
	}
	.footer {
		height: 100%;
		-webkit-box-shadow: 0px 0px 0px #dddddd;
		border-top: solid 2px #fff;
	}
		.footer div.container {
			/*background: var(--tmura-logo), var(--aab-logo),var(--footer-company-logo-mobile),#ffffff;
			background-size: 93px,92px, 100px;
			background-position: 5% center,45% 9px, 96% center;
			background-repeat: no-repeat;*/
			background: var(--footer-logo),var(--header-from-arkia),var(--background-color);
			background-size: 100px,63px;
			background-position: 50% 0, 50% 41%;
			background-repeat: no-repeat;
		}
	#home .show_item.big .show_item_img {
		width: 100%;
		height: 211px;
	}
	.footer-main {
		display: flow !important;
		text-align: center;
		height: auto !important;
		padding-top: 24% !important;

	}
		.footer-main .buttons {
			justify-content: center;
			height:45px;
			align-items: center;
		}

	body#home .user-header-mobile {
		display: block;
		position: absolute;
		left: 7%;
		top: 34%;
		background-image: var(--user-logo);
		background-repeat: no-repeat;
		background-size: 25px;
		padding-top: 21px;
		background-position: 9px 0px;
		color: var(--color-gerrn);
		font-weight: bold;
	}
	.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .room_details .total .total_price {
		width: 20%;
	}
}

.footer .container {
	background: var(--footer-logo),var(--header-from-arkia),var(--background-color);
	background-size: 100px,70px;
	background-position: 98%, 3%;
	background-repeat: no-repeat;
	padding-top: 0px !important;
	height: 100%;
	bottom: 0;
	width: 100%;
	max-width: 1825px;
}

.order-section.transportations .tr, .order-section.flights .tr {
	border-bottom: none;
}

.wel_mobile {
	display: none;
}

@media (max-width: 1024px) {
	body .main_body .container.main_container {
		padding: 0;
	}

	.wel_desk {
		display: none;
	}

	.wel_mobile {
		display: block;
	}
	/*body .col-3.top-logo {
		height: 100%;
		background-image: var(--logo_with_text),var(--header-from-arkia-2rows) !important;
		background-size: 28%,13%;
		margin-right: 2% !important;
		background-position: 100%, 8% !important;
		width: 100%;
		border: none;
		border-radius: 0%;
	}*/

	body .col-3.top-logo {
		height: 100%;
		background-image: var(--header-logo-main),var(--header-from-arkia) !important;
		background-size: 90%, 57%;
		margin-right: 2% !important;
		background-position: 100%, 100% 57px !important;
		width: 33%;
		border: none;
		border-radius: 0%;
	}

	body .top-logo-middle-cellular {
		background-image: var(--mobile-header-logo-middle), var(--poalim-wonder);
		width: 42%;
		height: 130px;
		display: flex;
		position: absolute;
		top: 0%;
		left: 30%;
		background-repeat: no-repeat;
		background-size: 100%, 31%;
		background-position: 0px 33px, 1px 18px;
	}

	body {
		background-image: none;
	}

		body .main_body_home div.category div.filter_category {
			font-size: 15px;
			margin-top: 4px;
			margin-bottom: 0;
		}

		body .main_body_home div.filters {
			margin-top: 52px;
		}

		body .search_by_text input {
			width: 70%;
		}

		body .search_by_text #remove_text_filter {
			left: 18.5%;
		}

		body #dropList_serach {
			width: 70%;
		}

	.main_body .edit_windows_background .edit_windows {
		top: initial;
	}

	.row .top-logout .navbar-header > div#u_hello {
		display: block !important;
		width: 87px;
		position: absolute;
		left: 0px;
		top: 31px;
		font-size: 12px;
		text-align: center;
	}
}

#sendMailCodeButton {
	float: right;
}

#otp_message {
	color: #528C42;
	font-size: 18px;
}

.order-section.passports .row .cell.passport-path::after {
	content: '';
}


@media (max-width: 1024px) {

	#sendMailCodeButton {
		float: none;
	}

	button.btn-block.btn-lg.btn-login {
		width: 168px;
	}

	button#switch_login {
		width: max-content;
		float: none;
	}
}

#home .item_area {
	display: none;
}

body#welcome #InfoCust > div.uncomplete_order {
	margin-bottom: 25px;
}

@media (max-width: 1024px) {
	body.view .main_body {
		background: none !important;
	}
}
@media (max-width: 1800px) {
	.navbar .container .row {
		/*background-position: 994px bottom !important;*/
	}
}

* {
	color: var(--main-text-color);
	font-size: 15px;
}

.top-logout .navbar-header > div, .navbar-inverse .navbar-nav > li > a {
	color: var(--main-text-color);
}

.navbar .container, .container-fluid {
	max-width: 1825px;
	padding-right: 0

}
	.navbar .container .row {
		/*background-image: var(--header-phrase);
		background-repeat: no-repeat;
		background-position: 1300px bottom;
		background-size: 265px;*/
	}
.top-logout{
	position: relative;
}
	.top-logout .navbar-header div.menu_user {
		position: absolute;
		background: var(--background-color);
		box-shadow: 0px 0px 10px #d3d1d1;
		top: 49px;
		left: 0;
		padding: 13px;
		padding-top: 13px !important;
		border-radius: 15px;
		border: 1px solid #C8CAE4;
	}

#u_menu {
	/*	height: 52px;*/
	background-image: var(--menu-user);
	width: 15px;
	background-repeat: no-repeat;
	background-size: 100%;
	/*background-position: bottom;*/
	background-position: center;
}

.top-logout .navbar-header div.menu_user div{
	cursor: pointer;
	padding: 8px 15px;
	width: 100%;
	/*text-decoration: underline;*/
}

	.top-logout .navbar-header div.menu_user div:hover {
		background: #16b5aa40;
		border-radius: 15px;
	}
div.button:hover{
	opacity:0.5;
}

div.button {
	border: 6px solid var(--color-button);
	border-radius: 30px;
	padding: 2px 10px !important;
	height: auto !important;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	background: #fff;
	float: inherit;
	/*font-size: 17px;*/
	line-height: inherit;
	opacity: 1;
}
	div.button.sign-in {
		margin-top: 12%;
	}
.main_body_home div.category {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	flex-wrap: wrap;
}
	.main_body_home div.category div.filter_category:hover{
		opacity: 0.5;
	}
	.main_body_home div.category div.filter_category {
		box-shadow: 0px 3px 3px 0px #0000001C;
		border-radius: 30px;
		font-size: 18px;
		font-weight: bold;
		padding: 7px 16px;
		margin-left: 15px;
		margin-bottom: 10px;
		cursor: pointer;
	}
		.main_body_home div.category div.filter_category:nth-child(1) {
			border: 2px solid var(--color-gerrn);
		}
		.main_body_home div.category div.filter_category:nth-child(1),
		.main_body_home div.category div.filter_category:nth-child(7) ,
		.main_body_home div.category div.filter_category:nth-child(13) {
			color: var(--color-gerrn);
		}
		.main_body_home div.category div.filter_category:nth-child(2),
		.main_body_home div.category div.filter_category:nth-child(8),
		.main_body_home div.category div.filter_category:nth-child(14) {
			color: var(--color-acssesible-green);
		}
		.main_body_home div.category div.filter_category:nth-child(3),
		.main_body_home div.category div.filter_category:nth-child(9) {
			color: var(--color-blue);
		}
		.main_body_home div.category div.filter_category:nth-child(4),
		.main_body_home div.category div.filter_category:nth-child(10) {
			color: var(--color-perpule);
		}
		.main_body_home div.category div.filter_category:nth-child(5),
		.main_body_home div.category div.filter_category:nth-child(11){
			color: var(--color-pink);
		}
		.main_body_home div.category div.filter_category:nth-child(6) ,
		.main_body_home div.category div.filter_category:nth-child(12) {
			color: var(--color-red-pink);
		}

footer {
	height: 10%;
	z-index: 1999;
}
html, body {
	height:98%;
}
.footer-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/*justify-content: end;*/
	width: 78%;
	margin: 0 auto;
	height: 100%;
}

	.footer-main #copyright {
		color: #767879;
	}

.footer-main .buttons{
	display: flex;
}
	.footer-main .buttons .footer_link {
		cursor: pointer;
		margin-left: 30px;
		font-size: 15px;
		font-weight: bold;
	}
	.footer-main .buttons .footer_link:hover {
		opacity:0.5;
	}

.search_by_text {
	display: flex;
	justify-content: center;
	position: relative;
}
	.search_by_text input {
		width: 40%;
		font-size: 20px;
		border: 1px solid #fff;
		border-bottom: 2px solid;
		border-radius: 0;
		margin-top: 20px;
	}
	.search_by_text #remove_text_filter {
		/* background-image: var(--close);
		background-repeat: no-repeat; */
		width: 17px;
		height: 17px;
		background-size: 16px;
		position: absolute;
		left: 30.5%;
		top: 40%;
		cursor: pointer;
		color: #949697;
		font-size: 11px;
		font-weight: bold;
	}
	.search_by_text #remove_text_filter:hover {
		text-decoration: underline;
		
	}
	.container_main_body {
		display: flex;
		flex-wrap: wrap;
	}
.show_item {
	box-shadow: 0px 4px 4px 0px #00000014;
	border-radius: 20px;
	height: fit-content;
	border: 1px solid #c6c5c58a;
}
.show_item img {
	width: 100%;
	padding: 2%;
	border-radius: 20px;
	height: 100%;
}
	.show_item .slider-outer .slider-inner img.active.none {
		width: 70%;
		height: 70%;
		margin: 10% 15%;
	}
.show_item .show_item_img {
		/*padding: 2%;*/
		position: relative;
		height: 100%;
	}
	.show_item.big .show_item_img {
		width: 100%;
		height: 255px;
	}
		.show_item .show_item_img .gallery-back {
			height: 100%;
		}
			.show_item .show_item_img .gallery-back .slider-outer {
				height: 100%;
			}
				.show_item .show_item_img .gallery-back .slider-outer .slider-inner {
					height: 100%;
				}
	.show_item.big .show_item_img .gallery-back .prev,
	.show_item.big .show_item_img .gallery-back .next {
		top: 145px;
	}
			.show_item.small .show_item_img .gallery-back .prev,
			.show_item.small .show_item_img .gallery-back .next {
				top: 110px;
			}
			.show_item .show_item_img .gallery-back .next {
				left: 10px;
			}
			.show_item .show_item_img .gallery-back .prev {
				right: 10px;
			}
	.show_item.small .show_item_img {
		width: 100%;
		height: 190px;
	}
	.show_item.big {
		width: 46%;
		margin: 2% 2%;
	}
.show_item_img .spcial_message_bottom {
	position: absolute;
	width: 54px;
	height: 54px;
	border-radius: 100%;
	background: var(--color-pink-text);
	color: #fff;
	font-size: 11px;
	text-align: center;
	padding: 2px;
	bottom: 7%;
	left: 3%;
}
.show_item_img .spcial_message_top {
	position: absolute;
	background: var(--color-perpule);
	color: #fff;
	padding: 2px 8px;
	border-radius: 15px;
	top: 7%;
	right: 4%;
}

.show_item.small {
	width: 29.3%;
	margin: 2% 2%;
}
	.show_item .show_item_details {
		display: flex;
		justify-content: space-between;
		
	}
	.show_item.big .show_item_more_details {
		/*background-image: var(--airplain-icon);
		background-repeat: no-repeat;
		background-size: 5%;
		background-position: 98% 10%;*/
	}
		.show_item.big .show_item_more_details .hotel_main {
			/*background-image: var(--hotel-icon);
			background-repeat: no-repeat;
			background-size: 11%;
			background-position: 98% 2%;*/
		}
		.show_item .show_item_details, .show_item .show_item_more_details .flights .flight_go,
		.show_item .show_item_more_details .flights .flight_back {
			display: flex;
			justify-content: space-between;
			font-size: 12px;
		}
		/*.show_item .show_item_more_details .flights .flight_go,
		.show_item .show_item_more_details .flights .flight_back {
			padding-top: 10%;
			padding-right: 10%; 
		}*/
			.show_item .show_item_name {
		font-size: 17px;
		font-weight: bold;
		padding: 2% 2% 0% 2%;
	}
	.show_item .show_item_notes {
		color: var(--color-pink-text);
		font-weight:bold;
		font-size:14px;
		height:20px;
	}

	.show_item .show_item_more_details {
		background: #F5F5F5;
		/*padding: 4% 9% 4% 4%;*/
		
	}
.show_item.big .show_item_more_details {
	/*padding: 4% 9% 4% 4%;*/
	padding-bottom: 3%;
}
	.show_item.small .show_item_more_details {
		padding-bottom: 5%;
	}
.small .flights {
	padding: 4% 13% 4% 4%;
	background-image: var(--airplain-icon);
	background-repeat: no-repeat;
	background-size: 7%;
	background-position: 97% 15px;
	width: 96%;
}
.small .hotel_main {
	padding: 4% 13% 4% 4%;
	background-image: var(--hotel-icon);
	background-repeat: no-repeat;
	background-size: 7%;
	background-position: 98% 21%;
}
.big .flights {
	width: 50%;
	background-image: var(--airplain-icon);
	background-repeat: no-repeat;
	background-size: 11%;
	background-position: 98% 5%;
	padding: 3% 7% 0% 0%;
}
.big .hotel {
	padding: 2% 6% 4% 4%;
	/*background-image: var(--hotel-icon);
	background-repeat: no-repeat;
	background-size: 9%;
	background-position: 98% 5%;*/
}

	.big .hotel.has_hotel {
		/*padding: 2% 6% 4% 4%;*/
		background-image: var(--hotel-icon);
		background-repeat: no-repeat;
		background-size: 9%;
		background-position: 98% 5%;
	}

	.flights .flight_go, .flights .flight_back {
		width: 100%;
	}
	.flights .from, .flights .back {
		width: 33%;
	}
.flights .fligth {
	text-align: center;
	width: 30%;
}
.flights .to{
	margin-right: 5%;
}
.show_item.big .show_item_more_details .hotel {
	width: 52%;
}
.show_item.small .show_item_more_details .hotel {
	width: 97%;
}
.show_item .show_item_more_details .hotel_main {
	display: flex;
	height: 83%;
}
.show_item.big .show_item_more_details .hotel_main {
	/*padding-right: 14%;*/
}
.show_item.big .show_item_more_details .hotel img {
	width: 95px;
	height: 95px;
	border-radius: 20px;
}

.show_item.small .show_item_more_details .hotel img {
	width: 95px;
	height: 95px;
	border-radius: 20px;
	}

.close_more {
	border-start-start-radius: 15px;
	text-align: center;
	/*padding: 10px 29px;
	margin-left: 25px;*/
	padding-top: 11px;
	background: #f5f5f5;
	color: #00818A;
	font-size: 15px;
	border-start-end-radius: 15px;
	cursor: pointer;
}
	.close_more:hover {
		color: #00818a6b;
	}
/*.main_container{
	width:100% !important;
}*/
.show_item_details {
	padding: 0 2%;
	min-height: 95px;
}
.hotel_star {
	background-image: var(--hotel-star);
	height: 15px;
	width: 12px;
	display: inline-flex;
	background-size: 100%;
	background-repeat: no-repeat;
}

.show_item_hotel_desc {
	display: flex;
	justify-content: start;
	align-items: center;
}
.show_item.big .show_hide_more.button {
	margin-bottom: 8%;
}
.show_item_summery {
	width: 35%;
	text-align: left;
}
.big .show_item_summery .button.show_hide_more {
	width: 62%;
	margin-right: 38%;
}
.small .show_item_summery {
	
	width: 35%;
}
	.show_item_summery .show_item_total_price {
		color: var(--color-pink-text);
		font-size:17px;
		font-weight: bold;
	}

.flight_hourTime {
	/*text-align: center;*/
	font-size: 14px;
	font-weight: bold;
	color: #1D1E24;
}

.logo-arkia {
	width: 50px;
	height: 26px;
	background-image: var(--arkia-logo-flight);
	background-size: 100%;
	background-repeat: no-repeat;
}

.flight_go {
	margin-bottom: 15%;
}

.flight_back {
	margin-bottom: 7%;
}

.flight_note {
	margin-bottom: 7%;
}

.hotel_details {
	padding-top: 2%;
	font-weight: bold;
}
.fligth .line-fl {
	height: 15px;
	background-image: var(--fligth-line);
	background-repeat: no-repeat;
	background-position: 5px;
}
@media (max-width: 1024px) {
	.show_item.big, .show_item.small {
		width: 95%;
	}

		.show_item.big .show_item_more_details {
			display: flow;
		}

	.big .flights {
		background-image: var(--airplain-icon);
		background-repeat: no-repeat;
		background-size: 7%;
		background-position: 98% 11%;
		padding: 7% 11% 0%;
		width: 100%;
	}

	.show_item.big .show_item_more_details .hotel {
		width: 100%;
		/*background-image: var(--hotel-icon);
		background-repeat: no-repeat;
		background-size: 7%;
		background-position: 98% 5%;*/
		padding: 0% 11%;
		padding-bottom: 5%;
	}

		.show_item.big .show_item_more_details .hotel.has_hotel {
			background-image: var(--hotel-icon);
			background-repeat: no-repeat;
			background-size: 7%;
			background-position: 98% 5%;
		}

	.close_more {
		padding-bottom: 4%;
	}

	.show_item.big .show_item_more_details .hotel_main {
		padding: 0;
	}

	.small .flights {
		background-size: 7%;
	}

	.small .hotel_main {
		background-size: 7%;
	}

	body .more_main_body {
		/*display: flow !important;*/
		display: grid;
	}
		body#home .more_main_body .more_item {
			width: 100%;
			max-width: 64%;
			/* margin: 0 auto; */
			margin-right: 1%;
		}
	.more_item {
		width: 95% !important;
		height: 200px !important;
	}

		.more_item .text {
			color: var(--main-text-color);
			padding-right: 5% !important;
			font-size: 21px !important;
		}

	.main_body_complete_order .containet_steps {
		/*margin-top: 37% !important;*/
		margin-top: 29% !important;
		margin-bottom: 14%;
	}

	.main_body_complete_order .main_complete_order {
		display: flow;
	}

		.main_body_complete_order .main_complete_order .steps {
			width: 100%;
			min-height: 525px;
			/*min-height: 490px;*/
		}

			.main_body_complete_order .main_complete_order .summary,
			.main_body_complete_order .main_complete_order .steps .button.continue {
				display: none !important;
			}

	.main_body .container.main_container {
		position: relative;
	}

	.main_body_complete_order .main_complete_order .mobile_summary_price_details .button.continue {
		display: block;
		/*width: 30%;
		margin: 9% 9%;*/
		font-size: 13px;
	}

	.main_body_complete_order .main_complete_order .mobile_summary_price_details {
		width: 100%;
		display: flex;
		POSITION: relative;
		BOTTOM: 0;
		HEIGHT: 100PX;
		padding: 5% 5% 5% 0;
		align-items: center;
		box-shadow: 0px -4px 4px 0px #00000017;
	}

		.main_body_complete_order .main_complete_order .mobile_summary_price_details .open_more_summary {
			background-image: var(--arrow-down);
			width: 26px;
			height: 26px;
			position: absolute;
			right: 48%;
			top: -15px;
			background-color: #fff;
			background-repeat: no-repeat;
			background-size: 17px;
			background-position: center 4px;
			border-radius: 50px;
			border-top: 3px solid #dbdbdb;
		}

	.main_d_layout {
		margin-bottom: 0;
	}

	.summary_mobile {
		position: fixed;
		bottom: 0;
		background: #fff;
		width: 100%;
	}

	.main_body_complete_order .main_complete_order .steps .payment .payment-mobile-contaimer {
		display: block;
	}

	.main_body_complete_order .main_complete_order .payment .payment-mobile-contaimer .summary_mobile {
		display: none;
	}

	.main_body_complete_order .main_complete_order .steps .payment .payment-mobile-contaimer .summary {
		display: block;
		width: 100%;
		border: none;
		box-shadow: 0px 0px 0px #fff;
		/*border-bottom: 1px solid #e0e0e0;*/
		border-radius: 0px;
	}

	.main_body_complete_order .main_complete_order .payment .payment-mobile-contaimer .summary .summary_show_hide_more {
		display: none;
	}

	.main_body_complete_order .main_complete_order .mobile_summary_price_details .mobile_summary_header {
		width: 60%;
	}

		.main_body_complete_order .main_complete_order .mobile_summary_price_details .mobile_summary_header .price_total {
			font-size: 16px;
			color: var(--color-pink-text);
			font-weight: bold;
		}

	.main_body_complete_order .main_complete_order div.button_light {
		/*margin: 11% auto;*/
		margin: 5% auto;
		width: 70%;
	}

	.edit_windows_background .edit_windows,
	body#arkia_order .edit_windows {
		position: fixed;
		display: none;
		/*position: sticky;*/
		bottom: 0px;
		width: 100%;
		right: 0%;
		/*height: fit-content;*/
		border-start-end-radius: 15px;
		border-start-start-radius: 15px;
		border-end-start-radius: 0px;
		border-end-end-radius: 0px;
		/*height: fit-content;*/
		height: auto;
	}

		.edit_windows_background .edit_windows .edit_windows_container,
		body#arkia_order .edit_windows .edit_windows_container {
			height: 100%;
		}

		.edit_windows_background .edit_windows.down {
			top: 65%;
		}

		.edit_windows_background .edit_windows .show_all_order,
		body #arkia_order .edit_windows .show_all_order {
			height: 94%;
			overflow: auto;
		}

	html, body#arkia_order /*, .main_body, body .main_body .container.main_container */ {
		height: 100%;
	}

	.edit_windows .header div {
		font-size: 18px;
	}

	.main_complete_order .passangers .list .list-passangers {
		/*height: 380px;*/
		height: 250px;
	}

	.main_complete_order .choose-hotel .hotel-filters .filter.button_light {
		margin: 15px 0 15px 5px;
	}

	.main_complete_order .steps .choose-hotel,
	.main_complete_order .steps .add-baggage,
	.main_complete_order .details[step="1"],
	.main_complete_order .steps .payment {
		margin-right: 2.5%;
	}

	.edit_windows .field input, .edit_windows .field select {
		font-size: 3.5vw !important;
	}

	.main_complete_order .steps .choose-hotel .mobile-choose-hotel,
	.main_complete_order .steps .add-baggage .mobile-add-baggage {
		display: block;
	}

	.add-baggage .mobile-add-baggage .text-gray {
		color: var(--color-text-gray);
		font-weight: normal;
	}

	.main_complete_order .steps .choose-hotel .mobile-choose-hotel .important_message,
	.main_complete_order .steps .add-baggage .mobile-add-baggage .important_message {
		background: var(--color-perpule-background);
		border-radius: 20px;
		font-size: 16px;
		text-align: center;
		padding: 5px 40px;
		margin-top: 10px;
	}

	.payment-card-details #fraCreditCardDetails {
		width: 100%;
		height: 100%;
	}

	.main_complete_order .steps .choose-hotel .mobile-choose-hotel .important_message {
		display: none; /* לבקשת כרמית!!!!!! 9.4.2024*/
	}

		.main_complete_order .steps .choose-hotel .mobile-choose-hotel .important_message .bold {
			font-weight: bold;
			font-size: 16px;
			color: var(--color-text-perpule);
		}

	.main_complete_order .steps .payment .payment-contaimer .payment-contaimer-header .header-mobile {
		font-weight: bold;
		display: flow;
	}

	.step .line, .step .line.line_complete {
		width: 60px;
	}

	body .row .header-text-arkia {
		display: none;
	}

	.show_item_img .spcial_message_bottom {
		width: 47px;
		height: 47px;
		font-size: 10px;
	}

	.show_item_img .spcial_message_top {
		font-size: 10px;
	}

	.show_item .show_item_details {
		padding: 0 2%;
		min-height: 90px;
	}

	#u_menu {
		display: block !important;
		width: 25px;
	}

	.row .top-logout .navbar-header {
		height: 50px;
		padding: 0;
		width: 50px;
		justify-content: center;
		display: block;
	}

	.col-3 .order_in_proccess {
		left: 110px;
		top: 13px;
		width: 128px;
		height: 60px;
	}

		.col-3 .order_in_proccess div {
			font-size: 11px !important;
			flex-wrap: wrap;
		}

	.container .complete_order_container .complete_order_container_screen {
		display: block;
	}

		.container .complete_order_container .complete_order_container_screen .order_details {
			width: 95%;
			margin: 0 auto;
		}

	.container .complete_order_container {
		margin: 22% 0;
	}

		.container .complete_order_container .complete_order_header {
			margin: 0 auto;
			text-align: center;
			font-size: 22px;
		}

		.container .complete_order_container .banner.text-header-gradient {
			text-align: center;
			margin: 0;
			width: 90%;
			padding-bottom: 5%;
			border-bottom: 1px solid #e6e6e6;
			margin: 5% auto;
		}

		.container .complete_order_container div.button_light {
			margin: 3% auto;
		}

	.container .complete_order_container_screen .and_more {
		width: 95%;
		margin: 12% auto;
	}

	.container .main_body_home div.category {
		margin-top: 22%;
		justify-content: start;
		margin-right: 5%;
	}

	body#arkia_personal .container .passangers {
		/*width: 95%;
		margin: 13% auto;*/
		width: 100%;
	}

	body#arkia_personal .container .personal-container {
		width: 95%;
		margin: 21% auto;
	}

		body#arkia_personal .container .personal-container .personal-header {
			font-size: 23px;
			/*font-weight: bold;*/
			text-align: center;
			margin-bottom: 5%;
		}

	body#arkia_personal .personal-container .member-details .header,
	body#arkia_personal .personal-container .my-orders .header,
	body#arkia_personal .personal-container .passangers .header {
		font-size: 18px;
	}

	body#arkia_personal .personal-container .category {
		display: flex;
		justify-content: space-around;
		margin: 4% 0;
	}

		body#arkia_personal .personal-container .category .button_light {
			width: 33%;
		}

	body#arkia_personal .personal-container .personal-body {
		display: flow;
	}
		/*body#arkia_personal .personal-body .passangers {
		width: 30%;
	}*/
		body#arkia_personal .personal-container .personal-body .col-1,
		body#arkia_personal .personal-container .personal-body .col-2 {
			width: 100%;
		}

	body#arkia_personal .my-orders .header {
		margin-top: 10%;
	}

	.choose-room .room-list .room-item .details, .choose-room .room-list .room-item .Scheduling {
		width: 100%;
	}

	.choose-room .room-list .room-item .details {
		display: flex;
		flex-wrap: wrap;
		direction: ltr;
	}

	.choose-room .room-list .room-item .Scheduling {
		background: #fff;
	}

	.choose-room .room-list .room-item .details .header {
		width: 100%;
	}

	.choose-room .room-list .room-item .details .header {
		width: 100%;
	}

	.choose-room .room-list .room-item .details .img {
		width: 40%;
	}

	.choose-room .room-list .room-item .details .info {
		width: 60%;
		padding: 0 12px 0 0;
	}

	.choose-room .room-list .room-item {
		display: grid;
	}

	.steps .choose-room {
		margin: 0 auto;
		padding-bottom: 30%;
	}

	.passangers .list-passangers#ParticipantsList > div:first-child {
		padding: 0;
	}

	body#Contact .main_body .container.main_container {
		width: 95%;
	}

	body .main_complete_order .step-now {
		padding-bottom: 30%;
	}

	body .big .show_item_summery .button.show_hide_more {
		width: auto;
		margin-right: 0;
	}

	body .background-loader .loader {
		top: 34%;
		left: 38%;
	}

	body .edit_windows_container .show_all_order .summary .header div,
	body .edit_windows_container .show_all_order .summary .header {
		text-align: right;
	}

	body .edit_windows_container .show_all_order .mobile_summary_price_details .button.continue {
		display: none;
	}

	.edit_windows .show_all_order .summary .summary_hotel_details {
		display: flex;
		padding-bottom: 6%;
		border-bottom: 1px solid var(--color-borders);
	}
	.edit_windows .show_all_order .summary .summary_fligth_details {
		padding-bottom: 3%;
		border-bottom: 1px solid var(--color-borders);
		padding-top: 3%;
	}

	.edit_windows .show_all_order .summary .summary_hotel_details img {
		width: 175px;
		height: 120px;
		border-radius: 20px;
	}

		.edit_windows .show_all_order .summary .summary_hotel_details .details {
			padding-right: 10px;
		}

	.edit_windows .show_all_order .summary .summary_price_details {
		margin-bottom: 12%;
	}

		.edit_windows .show_all_order .summary .summary_price_details .header {
			padding-top: 3%;
		}

	.edit_windows .show_all_order .summary .price_row_header .main {
		padding-left: 10px;
		font-weight:bold;
	}

	.screen.show_all_order .summary .summary_price_details .price_row.price_summary .price .price_after {
		color: var(--color-pink-text);
		font-size: 17px;
	}
	.edit_windows .show_all_order .summary .header {
		padding-bottom: 2%;
	}
	.edit_windows .show_all_order .summary .summary_fligth_details .flight_go,
	.edit_windows .show_all_order .summary .summary_fligth_details .flight_back {
		display: flex;
		width: 100%;
		margin-bottom: 5%;
	}

		.edit_windows .show_all_order .summary .summary_fligth_details .flight_go .from,
		.edit_windows .show_all_order .summary .summary_fligth_details .flight_go .fligth,
		.edit_windows .show_all_order .summary .summary_fligth_details .flight_go .to,
		.edit_windows .show_all_order .summary .summary_fligth_details .flight_back .from,
		.edit_windows .show_all_order .summary .summary_fligth_details .flight_back .fligth,
		.edit_windows .show_all_order .summary .summary_fligth_details .flight_back .to {
			width: 33.3%;
			text-align: center;
		}

			.edit_windows .show_all_order .summary .summary_fligth_details .flight_go .fligth .line-fl,
			.edit_windows .show_all_order .summary .summary_fligth_details .flight_back .fligth .line-fl {
				background-position: 20px;
			}

	.main_complete_order .choose-hotel .hotel-list .hotel-item .stars .text-gray {
		font-size: 12px;
	}

	.edit_windows .show_all_order .summary .summary_price_details .price_after {
		font-weight: bold;
	}

	.edit_windows .mobile_summary_header {
		display: none;
	}

	body#Contact .help_container {
		display: block;
	}

		body#Contact .help_container .contact_div,
		body#Contact .help_container .QandA_div {
			width: 100%;
		}

	.mobile_summary_price_details .mobile_summary_header .header {
		font-weight: bold;
		padding-left: 5px;
	}

	.mobile_price_flight, .mobile_down_summary, .mobile_price_hotel {
		display: flex;
	}

		.mobile_down_summary .price_total {
			padding-right: 10px;
		}

	.main_body .room-item .details img {
		width: 100%;
		height: 100px;
	}

	.main_body .room-item .details .gallery-back .prev, .main_body .room-item .details .gallery-back .next {
		top: 63px;
	}

	.main_body .room-item .details .facilities_item {
		direction: rtl;
		margin-right: 0;
		font-size: 13px;
	}
	body#arkia_order .main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .more_about_hotel .map {
		max-height: 175px;
	}
	body#arkia_order .more_details .more_about_hotel .button {
		width: 40%;
		margin-right: 59%;
	}

	.edit_windows_container .screen.show_all_order .summary_mobile .mobile_summary_price_details {
		display: none;
	}
}


.show_item .show_hide_more.button {
	margin-bottom: 13%;
}

.show_item .show_hide_more.close_more {
	padding-bottom: 13%;
	margin-top: 13%;
}
.show_item.big .show_hide_more.close_more {
	width: 62%;
	margin-right: 38%;
	padding-bottom: 5%;
}
.show_item .show_hide_more {
	margin-top: 5%;
}

.show_item .more_like_this {
	padding: 2%;
	color: var(--color-acssesible-green);
	font-weight: bold;
	border-top: 1px solid #c6c5c58a;
	cursor: pointer;
}
.show_item .more_like_this:hover {
	opacity:0.5;
}
.show_item.small .button.confirm_show_item {
	margin: 0% 55% 0 0;
}

.text-gray {
	color: var(--color-text-gray);
	font-weight: normal;
}

div.button_light {
	border: 1px solid #c6c5c58a;
	border-radius: 20px;
	color: var(--color-acssesible-green) !important;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	/*width: 70%;
	margin: 2% auto;
	font-size: 17px;*/
	width: 25%;
	margin: 2% 0;
	font-size: 15px;
	padding: 5px;
	box-shadow: 0px 2px 3px 0px #0000001C;
}
div.button_light:hover{
	opacity: 0.5;
}
	div.button_light.show_more_show_item {
		width: 80%;
		margin: 5% auto;
		color: var(--color-pink-text) !important;
		font-size: 18px;
	}
.more_main_body {
	display: flex;
	justify-content: space-between;
}

.more_item {
	width: 46%;
	display: flex;
	height: 260px;
	/*text-align: center;*/
	margin: 4% 0;
	font-weight: bold;
	border-radius: 20px;
	padding: 1%;
	justify-content: space-between;
	/*align-items: center;*/
}
.more_item_img{
	height: 100%;
	width: 300px;
}
.more_item .text {
	color: var(--main-text-color);
	padding-right: 2%;
	font-size: 37px;
}
	.more_item img {
		height:100%;
		width: 100%;
		border-radius: 20px;
	}
	/*.more_item.num_1 {
		background: #1448CE;
	}
	.more_item.num_2 {
		background: #F525BE;
	}*/
.more_item:nth-child(1) {
	border: 2px solid #EE4A82;
}
.more_item:nth-child(2) {
	border: 2px solid #16B5AA;
}
.more_item:nth-child(3) {
	border: 2px solid #1448CE;
}
.show_item.hidden-for-more {
	display: none !important;
}

.main_body_complete_order .containet_steps {
	display: flex;
	justify-content: center;
	margin-top: 3%;
}
.main_body_complete_order .containet_steps .step {
	position: relative;
}
.main_body_complete_order .step-header {
	color: var(--color-acssesible-green);
	position: absolute;
	top: 20px;
	right: -13px;
}
.main_body_complete_order .step_3 .step-header {
	right: -3px;
}
.main_body_complete_order .step_4 .step-header {
	right: -9px;
}
.step-complete {
	background-image: var(--ellipse-on);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	width: 16px;
	cursor: pointer;
}
.step-uncomplete {
	background-image: var(--ellipse-off);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	width: 16px;
	cursor: pointer;
}
.step-complete:hover,.step-uncomplete:hover  {
	opacity: 0.5;
}
.step-icons{
	display: flex;
}
.line.line_complete {
	background-image: var(--line-on);
	background-repeat: no-repeat;
	background-position: right;
	height: 20px;
	width: 79px;
}
.line {
	background-image: var(--line-off);
	background-repeat: no-repeat;
	background-position: right;
	height: 20px;
	width: 78px;
}

.main_complete_order {
	display: flex;
	justify-content: center;
	margin-top: 7%;
	position: relative;
}
	.main_complete_order .steps {
		width: 60%;
	}
	.main_complete_order .choose-hotel {
		width: 95%;
		display: none;
	}
		.main_complete_order .choose-hotel.step-now,
		.main_complete_order .add-baggage.step-now{
			display: block;
		}
	.main_complete_order .payment {
		width: 95%;
		display: none;
	}
	.main_complete_order .add-baggage {
		width: 95%;
		display: none;
	}
	.main_complete_order .details[step="1"]{
		width: 95%;
		display: none;
	}
	.main_complete_order .passangers {
		width: 100%;
		display: none;
	}
		.main_complete_order .passangers.step-now, .main_complete_order .payment.step-now, .main_complete_order .details[step="1"].step-now {
			display: block;
		}
	.main_complete_order .summary {
		width: 40%;
		box-shadow: 0px 4px 4px 0px #00000014;
		border-radius: 20px;
		height: fit-content;
		border: 1px solid #c6c5c58a;
		position: sticky;
		top: 21%;

	}
	.main_complete_order .passangers .passangers_header{
		font-size: 20px;
		font-weight: bold;
		margin-right: 15px;
	}

div.list-passangers div.list-passangers-item input[type="checkbox"],
.passangers-room .list-passangers-item input[type="checkbox"],
.baggage-list .type-baggage input[type="checkbox"],
.payment-contaimer.terms input[type="checkbox"],
.screen.onboarding_tustus .terms_member_use input[type="checkbox"],
.screen.onboarding_tustus .terms_use input[type="checkbox"] {
	visibility: hidden;
}

div.list-passangers div.list-passangers-item label,
.screen.onboarding_tustus .terms_use label,
.screen.onboarding_tustus .terms_member_use label,
.passangers-room .list-passangers-item label,
.payment-contaimer.terms label,
.baggage-list .type-baggage label {
	width: 19px;
	height: 19px;
	cursor: pointer;
	/* position: absolute; */
	background: #fcfff4;
	border-radius: 5px;
	/* box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); */
	/* margin-left: 10px; */
	/* padding-left: 10px; */
	border: solid 1px #525252;
	background: #fff;
	/* top: 10px; */
	float: right;
	margin-top: 4px;
	margin-left: -7px;
}

.baggage-list .type-baggage label {
	margin-left: 0px;
	margin-right: 46%;
}
	div .list-passangers div.list-passangers-item label:hover,
	.screen.onboarding_tustus .terms_member_use label:hover,
	.passangers-room .list-passangers-item label:hover,
	.payment-contaimer.terms label:hover,
	.baggage-list .type-baggage label:hover {
		border: 2px solid #1448CE;
	}

div.list-passangers div.list-passangers-item input[type="checkbox"]:checked + label:after,
.screen.onboarding_tustus .terms_use input[type="checkbox"]:checked + label:after,
.screen.onboarding_tustus .terms_member_use input[type="checkbox"]:checked + label:after,
.passangers-room .list-passangers-item input[type="checkbox"]:checked + label:after,
.payment-contaimer.terms input[type="checkbox"]:checked + label:after,
.baggage-list .type-baggage input[type="checkbox"]:checked + label:after {
	opacity: 1;
}
div.list-passangers div.list-passangers-item input[type="checkbox"]:checked + label,
.screen.onboarding_tustus .terms_use input[type="checkbox"]:checked + label,
.screen.onboarding_tustus .terms_member_use input[type="checkbox"]:checked + label,
.payment-contaimer.terms input[type="checkbox"]:checked + label,
.passangers-room .list-passangers-item input[type="checkbox"]:checked + label,
.baggage-list .type-baggage input[type="checkbox"]:checked + label {
	background: #1448CE;
	border: 1px solid #1448CE;
}

.baggage-list .type-baggage.no-baggage input[type="checkbox"]:checked + label {
	background: #767879;
	border: 1px solid #767879;
}
div.list-passangers div.list-passangers-item label:after,
.screen.onboarding_tustus .terms_use label:after,
.screen.onboarding_tustus .terms_member_use label:after,
.passangers-room .list-passangers-item label:after,
.payment-contaimer.terms label:after,
.baggage-list .type-baggage label:after {
	content: '';
	width: 11px;
	height: 6px;
	/* top: 4px; */
	/* left: 4px; */
	border: 3px solid #fff;
	border-top: none;
	border-right: none;
	background: transparent;
	opacity: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	margin-top: 4px;
	margin-right: 3px;
}
.baggage-list .type-baggage label:after {
	margin-right: -6px;
}

.main_complete_order .button.continue {
	/* width: 70%; */
	/* margin: 5% auto; */
	width: 35%;
	margin: 3% 0;
}
	.main_complete_order .button.continue.hotel-step {

	}
	.list_title {
		height: 12px;
	}
.main_complete_order .summary .summary_hotel_details,
.complete_order_container .summary .summary_hotel_details {
	display: flex;
	margin: 3%;
	padding-bottom: 4%;
	border-bottom: 1px solid #e0e0e0;
}
	.main_complete_order .summary .summary_hotel_details img,
	.complete_order_container .summary .summary_hotel_details img {
		width: 123px;
		height: 100px;
		border-radius: 15px;
	}
	.main_complete_order .summary .summary_hotel_details .details,
	.complete_order_container .summary .summary_hotel_details .details {
		padding-right: 3%;
		font-size: 13px;
	}
.summary_hotel_details .details #rating {
	display: flex;
	align-items: center;
}
	.summary_hotel_details .details #rating .text-gray {
		margin-right: 5px;
	}
.main_complete_order .summary .summary_hotel_details #ho_name {
	font-weight: bold;
}
.main_complete_order .summary .summary_fligth_details,
.complete_order_container .summary .summary_fligth_details {
	margin: 3%;
	padding-bottom: 4%;
	border-bottom: 1px solid #e0e0e0;
	display: flex;
	flex-wrap: wrap;
}
	.main_complete_order .summary .summary_fligth_details .header,
	.complete_order_container .summary .summary_fligth_details .header {
		display: flex;
		justify-content: space-between;
		width: 100%;
		font-weight: bold;
		font-size: 17px;
		margin-bottom: 3%;
	}
	.complete_order_container .summary .summary_fligth_details .edit {
		display: none;
	}
		.main_complete_order .summary .summary_fligth_details .edit{
	
		font-size: 14px;
		cursor: pointer;
		text-decoration: underline;
		color: var(--color-button);
		font-weight: normal;
	}
	.main_complete_order .summary .summary_fligth_details .edit:hover {
		opacity:0.5;
	}
	.main_complete_order .summary .summary_fligth_details .flight_go, .main_complete_order .summary .summary_fligth_details .flight_back,
	.complete_order_container .summary .summary_fligth_details .flight_go, .complete_order_container .summary .summary_fligth_details .flight_back {
		display: flex;
		justify-content: space-between;
		width: 85%;
		margin-right: 3%;
		margin-bottom: 3%;
	}

.order_details .summary{
	width: 100%;
}
.complete_order_container_screen .order_details{
	width: 100%;
}
.complete_order_container_screen .and_more {
	width: 100%;
	margin-top: 6%;
}
	.complete_order_container_screen .and_more .more_item {
		width: 90%;
		height: 165px;
/*		margin-bottom: 10%;
*/		position: relative;
	}
.complete_order_container_screen .more_item .text {
	font-size: 20px;
}
	.complete_order_container_screen .more_item .text .to_click {
		border: 2px solid;
		border-radius: 30px;
		font-size: 15px;
		/*color: #fff;*/
		padding: 5px 10px;
		width: 120px;
		text-align: center;
		cursor: pointer;
		position: absolute;
		bottom: 7px;
		left: 8px;
	}
		.complete_order_container_screen .more_item .text .to_click a {
			color: var(--main-text-color);
		}
			.complete_order_container_screen .more_item .text .to_click a:hover {
				text-decoration: none;
			}
.complete_order_container_screen .more_item:nth-child(1) .text .to_click {
	border: 6px solid #EE4A82;
}
.complete_order_container_screen .more_item:nth-child(2) .text .to_click {
	border: 6px solid #16B5AA;
}
.complete_order_container_screen .more_item:nth-child(3) .text .to_click {
	border: 6px solid #1448CE;
}
	.complete_order_container_screen .more_item .text .to_click:hover {
		opacity: 0.5;
	}
.main_complete_order .summary .summary_fligth_details .logo-arkia {
	width: 12%;
	margin-top: 4%;
}

	.main_complete_order .summary .summary_fligth_details .from,
	.main_complete_order .summary .summary_fligth_details .fligth,
	.main_complete_order .summary .summary_fligth_details .to {
		width: 25%;
	}
	.main_complete_order .summary .summary_fligth_details .fligth{
		text-align:center;
	}

.main_complete_order .summary .summary_price_details,
.complete_order_container .summary .summary_price_details {
	margin: 3%;
	padding-bottom: 4%;
}
.main_complete_order .mobile_summary_price_details {
	display: none;
}
.main_complete_order .summary .summary_price_details .price .price_after {
	font-weight: bold;
}

.main_complete_order .summary .summary_price_details .price_row,
.complete_order_container .summary .summary_price_details .price_row {
	display: flex;
	justify-content: space-between;
	margin: 2% 0;
}
	.main_complete_order .summary .summary_price_details .price_row .price_row_header,
	.complete_order_container .summary .summary_price_details .price_row .price_row_header {
		width: 70%;
		display: flex;
	}
	.main_complete_order .summary .summary_price_details .price_row .price,
	.complete_order_container .summary .summary_price_details .price_row .price {
		width: 30%;
		justify-content: end;
		display: flex;
	}
	.main_complete_order .summary .summary_price_details .price_row .text-gray,
	.complete_order_container .summary .summary_price_details .price_row .text-gray {
		margin: 0% 10px;
	}
	.main_complete_order .summary .summary_price_details .price_row .price_before,
	.complete_order_container .summary .summary_price_details .price_row .price_before {
		text-decoration: line-through;
	}
.summary_price_details .header {
	font-weight: bold;
	font-size: 17px;
}
.main_complete_order .summary .summary_price_details .price_row.price_summary .price_after,
.complete_order_container .summary .summary_price_details .price_row.price_summary .price_after {
	font-weight: bold;
	font-size: 21px;
	color: var(--color-pink-text);
}
.complete_order_container .mobile_summary_price_details{
	display: none;
}
.main_complete_order .passangers .list-passangers {
	/*height: 425px;*/
	height: 385px;
	overflow: auto;
	direction: ltr;
}
	.main_complete_order .passangers .list-passangers .list-passangers-item {
		direction: rtl;
		margin-right: 15px;
		position:relative;
	}
		/*.main_complete_order .passangers .list-passangers .list-passangers-item .deleteParticipants {
			background-image: var(--close);
			background-repeat: no-repeat;
			width: 13px;
			height: 10px;
			font-size: 18px;
			background-size: 13px;
			cursor: pointer;
			display: inline-flex;
			margin-bottom: 2px;
		}
		.main_complete_order .passangers .list-passangers .list-passangers-item .deleteParticipants:hover {
			opacity:0.5;
		}*/
	/* Customize scrollbar track */
	.main_complete_order .passangers .list-passangers::-webkit-scrollbar {
		width: 7px;
	}

	/* Customize scrollbar thumb */
	.main_complete_order .passangers .list-passangers::-webkit-scrollbar-thumb {
		background-color: var(--color-button);
		border-radius: 2px;
	}

		/* Customize scrollbar track on hover */
		.main_complete_order .passangers .list-passangers::-webkit-scrollbar-thumb:hover {
			background-color: #707070;
		}


.edit_windows_background .edit_windows {
	top:2%;
}
.edit_windows {
	position: absolute;
	/*top: 20%;*/
	right: 36%;
	width: 31%;
	border-radius: 20px;
	background: #fff;
	/* height: 670px; */
	z-index: 2001;
	padding: 2%;
	display: none;
}
.edit_windows_background.show {
	/*position: absolute;
	width: 100%;
	height: 100%;*/
	background: #DDDDDD8F;
	z-index: 2000;
	/*top: 0;*/
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
}

.edit_windows .header {
	font-weight: bold;
	font-size: 18px;
	/*margin-bottom: 4%;*/
	text-align: center;
	display: grid;
}
.edit_windows .show_all_order .header {
	font-weight: bold;
	font-size: 18px;
	/*margin-bottom: 4%;*/
	padding-bottom: 5%;
	/*border-bottom: 1px solid var(--color-text-gray);*/
}
.edit_windows .header .close {
	background-image: var(--close);
	background-repeat: no-repeat;
	width: 25px;
	height: 22px;
	font-size: 18px;
	margin-bottom: 1%;
	/* text-align: center; */
	cursor: pointer;
	opacity:1;
}
.edit_windows .close:hover {
	opacity: 0.5;
}
.edit_windows .mobile_summary_header {
	margin: 0% 2% 0% 6%;
	display: flex;
	flex-wrap: wrap;
}
.edit_windows .field {
	margin-left: 6%;
	position: relative;
	padding-top: 5%;
}
.form_contact .field {
	position: relative;
	padding-top: 6%;
}
	.form_contact .field.f-name {
		width: 45%;
		margin-left: 10%;
		height: 65px;
	}
	.form_contact .field.l-name {
		width: 45%;
		height: 65px;
	}
	.form_contact .field.numberOrder {
		width: 50%;
		margin-left: 40%;
		height: 65px;
	}
	.form_contact .field.tel,
	.form_contact .field.mail
	{
		height:65px;
		width: 100%;
	}

	.form_contact .field.serviceType {
		height: 65px;
		width: 100%;
	}
		.form_contact .field.numberOrder {
			margin-bottom: 10px;
		}
	.form_contact .field.numberOrder {
		margin-bottom: 10px;
	}
.form_contact .field label {
	font-weight: normal;
	font-size: 12px;
	color: var(--color-text-gray);
	position: absolute;
	top: 0;
	width: 100%;
}
	.edit_windows .field label,
	.Scheduling .field label {
		font-weight: normal;
		font-size: 12px;
		color: var(--color-text-gray);
		position: absolute;
		top: 15px;
	}
		.edit_windows .field label.error,
		.Scheduling .field label.error {
			right: 0;
			top: 42%;
			color: red;
		}
body#arkia_order .payment-card-details .field label.error {
	right: 0;
	top: 88%;
	color: red;
	font-size: 13px;
}
body#arkia_order .payment-card-details .field.expiration label.error {
	top: 109%;
}
.edit_windows .onboarding_tustus .field label.error,
.edit_windows .edit_passanger .field label.error {
	top: 81%;
}
.edit_windows .field input, .edit_windows .field select,
body#Contact .cell input, body#Contact .cell select,
body#arkia_order .payment-card-details .field select,
.Scheduling .field select {
	border-radius: 0;
	border: none;
	border-bottom: 2px solid var(--color-text-gray);
	padding: 5px;
	width: 100%;
	margin-bottom: 15px;
	text-indent: 0px;
	background: transparent;
	-webkit-appearance: auto;
	font-size: 16px;
}
.Scheduling .field select.not-to-change {
	pointer-events:none;
	-webkit-appearance: none;
}
.Scheduling .field select {
	margin-top: 12px;
	padding-right: 0;
}
.Scheduling .field label {
	top: 0;
}
.edit_windows .field input.error, .edit_windows .field select.error,
body#arkia_order .payment-card-details .field input.error, body#arkia_order .payment-card-details .field select.error {
	border-bottom: 2px solid red;
}
	.edit_windows .field input:focus, .edit_windows .field select:focus {
		border-bottom: 3px solid var(--main-text-color);
	}
	.edit_windows .field#phoneNumber_field input,
	.edit_windows .field#phoneType_field select,
	.edit_windows .field#areaCode_field select {
		/*direction: ltr;*/
	}
.edit_windows .field#civility_field {
	width: 33%;
}
.edit_windows .field#firstName_field {
	width: 54%;
}
	.edit_windows .field#lastName_field, .edit_windows #email_field {
		width: 93%;
	}
.edit_windows .field#birthday_field {
	width: 58%;
}
	.edit_windows .field#birthday_field select {
		width: 31%;
	}
.edit_windows .field#family_field, .edit_windows .field#id_field {
	width:30%;
}
.edit_windows .field#phoneNumber_field {
	width: 66%;
}
.edit_windows .field#phoneType_field {
	width: 21%;
}
.edit_windows .field#areaCode_field {
	display: none;
	width: 16%;
}

.edit_windows .button.save {
	width: 72%;
	margin: 10% auto 4%;
}
.edit_windows .show_all_order .flight_go, .edit_windows .show_all_order .flight_back {
	display: flex;
}
.edit_windows .show_all_order .main .hotel {
	display: flex;
}
.edit_windows .show_all_order .main .hotel img {
	width: 85px;
	height: 85px;
	margin-left: 15px;
}
.edit_windows .show_all_order .price_row {
	display: flex;
	justify-content: space-between;
}
.edit_windows .show_all_order .price_row_header{
	display:flex;
}

.main_complete_order .summary .summary_show_hide_more.more {
	background-image: var(--arrow-down);
	width: 40px;
	height: 55px;
	background-repeat: no-repeat;
	border-radius: 50px;
	border-bottom: 4px solid #c6c5c58a;
	position: absolute;
	bottom: -20px;
	left: 50%;
	background-size: 21px;
	background-position: center 85%;
	background-color: #fff;
	cursor: pointer;
	display: none;
}
.main_complete_order .summary .summary_show_hide_more {
	background-image: var(--arrow-up);
	width: 40px;
	height: 55px;
	background-repeat: no-repeat;
	border-radius: 50px;
	border-bottom: 4px solid #c6c5c58a;
	position: absolute;
	bottom: -20px;
	left: 50%;
	background-size: 21px;
	background-position: center 85%;
	background-color: #fff;
	cursor: pointer;
}
.complete_order_container div.button_light {
	position: relative;
	width: 90%;
	padding: 10px;
}

.complete_order_container div.important_to_know_text {
	font-size: 14px;
	text-align: right;
	font-weight: normal;
	margin: 2%;
}
.complete_order_container .summary .summary_show_hide_more {
	background-image: var(--arrow-up);
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	border-radius: 50px;
	border-bottom: 4px solid #c6c5c58a;
	position: absolute;
	bottom: -20px;
	left: 45%;
	background-size: 21px;
	background-position: center 85%;
	background-color: #fff;
	cursor: pointer;
}

	.complete_order_container .summary .summary_show_hide_more.more {
		background-image: var(--arrow-down);
	}

.main_complete_order .choose-hotel .choose-hotel-header,
.main_complete_order .add-baggage .add-baggage-header,
.main_complete_order .details .details -header,
.main_complete_order .choose-room .header,
.main_complete_order .payment .payment-header {
	font-size: 20px;
	font-weight: bold;
}
.main_complete_order .choose-hotel .mobile-choose-hotel/*,
.main_complete_order .add-baggage .mobile-add-baggage .important_message*/ {
	display: none;
}
.main_complete_order .choose-hotel .hotel-filters {
	display: flex;
	justify-content: start;
}
	/*.main_complete_order .choose-hotel .hotel-filters .filter {
		display: flex;
	}*/

	.main_complete_order .choose-hotel .hotel-filters .filter.button_light {
		font-size: 14px;
		width: auto;
		padding: 4px 15px;
		margin: 15px 0 15px 9px;
	}
		.main_complete_order .choose-hotel .hotel-filters .filter.button_light.choose,
		.personal-container .button_light.choose {
			border: 1px solid var(--color-acssesible-green);
		}
.main_complete_order .choose-hotel .hotel-filter-by-text input {
	border: none;
	border-bottom: 2px solid;
	border-radius: 0px;
	width: 100%;
}
.main_complete_order .choose-hotel .hotel-list  {
	margin-top: 5%;
}
	.main_complete_order .choose-hotel .hotel-list .hotel-item {
		border: 1px solid #c6c5c58a;
		border-radius: 20px;
		margin-bottom: 20px;
		
	}
		.main_complete_order .choose-hotel .hotel-list .hotel-item.not-found {
			border: none;
			font-size: 17px;
			/*font-weight: bold;*/
		}
		.main_complete_order .choose-hotel .hotel-list .hotel-item .fornt_details {
			display: flex;
			padding: 10px;
			cursor: pointer;
		}
		.main_complete_order .choose-hotel .hotel-list .hotel-item img {
			width: 100%;
			height: 100%;
			border-radius: 15px;
		}
		.main_complete_order .choose-hotel .hotel-list .hotel-item .slider-inner {
			height: 167px;
			width: 188px;
			margin-left: 2%;
			
			cursor: pointer;
		}
		.main_complete_order .choose-hotel .hotel-list .hotel-item .details .hotel-name {
			font-weight: bold;
			font-size: 16px;
		}
		.main_complete_order .choose-hotel .hotel-list .hotel-item .stars {
			display: flex;
			justify-content: start;
			margin-top: 5px;
			margin-bottom: 5px;
			align-items: center;
		}
		.main_complete_order .choose-hotel .hotel-list .hotel-item .stars .star {
			background-image: var(--hotel-star-full);
			background-repeat: no-repeat;
			display: block;
			height: 20px;
			width: 20px;
		}
	.main_complete_order .choose-hotel .hotel-list .hotel-item .total {
		display: flex;
		align-items: center;
		margin-top: 15px;
	}
	.main_complete_order .choose-hotel .hotel-list .hotel-item .total div {
		margin-left: 8px;
	}
		.main_complete_order .choose-hotel .hotel-list .hotel-item .total .price_after,
		.choose-room .room-list .total_price {
			color: var(--color-pink-text);
			font-weight: bold;
			font-size: 16px;
		}
			.choose-room .room-list .total_price.error {
				color: red;
				width: 100%;
			}
.choose-room .room-list .price {
	display: grid;
	margin-bottom: 10px;
}
		.main_complete_order .choose-hotel .hotel-list .hotel-item .total .price_before {
			text-decoration: line-through;
		}
		.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details {
			background: #F5F5F5;
			padding: 3% 10px;
			border-end-end-radius: 20px;
			border-end-start-radius: 20px;
			position:relative;
		}
		.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .subjects {
			display: flex;
			justify-content: start;
			align-items: center;
			margin-bottom: 5%;
			
		}
			.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .button_light {
				background: #fff;
				font-size: 14px;
				padding: 5px 10px;
				margin: 0 0 0 10px;
				width: auto;
				height: fit-content;
			}
			.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .button_light.choose {
				border: 1px solid var(--color-acssesible-green);
			}
			.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .close_more {
				position: absolute;
				left: 6px;
				top: -36px;
				padding: 10px 15px 23px;
			}

			.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room {
				
			}
				.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .composition {
					margin-bottom: 2%;
					position: relative;
				}
				.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .composition select {
					width: 100%;
					border: 1px solid var(--color-acssesible-green);
					border-radius: 5px;
					padding: 3% 2% 2%;
				}
					.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .composition span.text-gray {
						font-size: 12px;
						position: absolute;
						right: 2%;
						top: 14%;
					}
				
				.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .type_hosting,
				.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .room_type {
					padding-bottom: 2%;
					margin-bottom: 2%;
					border-bottom: 1px solid #c6c5c58a;
				}
				.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .room_type,
				.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .type_hosting {
					display: flex;
					justify-content: space-between;
				}
				.login_tustus .link_click,
				.onboarding_tustus .link_click,
				.terms_use .link_click,
				.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .link_click {
					font-weight: bold;
					cursor: pointer;
					color: var(--color-acssesible-green);
				}
					.login_tustus .link_click,
					.onboarding_tustus .link_click{
						text-align: center;
						margin-top: 6%;
					}
					.login_tustus .link_click:hover,
					.onboarding_tustus .link_click:hover,
					.terms_use .link_click:hover,
					.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .link_click:hover {
						opacity: 0.5;
					}
.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .type_hosting .desc {
	display: flex;
}
.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .type_hosting .price,
.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .room_details .total .total_price {
	color: var(--color-pink-text);
	font-weight: bold;
	margin-right: 10px;
}
				.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .room_details {
					display: flex;
				}
					.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .room_details .details {
						width: 63%;
					}
					.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .room_details .extension {
						margin-right: 20px;
					}
					.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .room_details .extension_item {
						display: list-item;
					}
					.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .room .room_details .total {
						margin: 9% 0 2%;
					}

			.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .more_about_hotel .facilities{
				margin-top: 7%;
			}
			.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .more_about_hotel .facilities .header {
				font-weight:bold;
				margin-bottom: 5px;
			}
				.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .more_about_hotel .facilities .list {
					display: flex;
					flex-wrap: wrap;
				}
					.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .more_about_hotel .facilities .list .facilities_item {
						width: 45%;
						display: list-item;
						margin-right: 5%;
					}
			.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .more_about_hotel .map {
				width: 35%;
				height: auto;
				position: relative;
				overflow: hidden;
				margin-right: 5%;
				max-height: 200px;
				border-radius: 20px;
				/*margin-bottom: 5%;
				margin-top: 5%;*/
			}
			.small_font {
				font-size: 12px;
			}

.main_complete_order .choose-hotel .hotel-list .hotel-item .more_details .important_to_know div:not(.button) {
	margin-bottom: 17px;
}

.more_about_hotel .hotel_total {
	text-align: center;
	font-size: 16px;
	margin-bottom: 3%;
}
	.more_about_hotel .hotel_total .total_price {
		width: auto;
		color: var(--color-pink-text);
		font-weight: bold;
	}

.main_complete_order .add-baggage .baggage-list {
	margin-top: 5%;
}
.main_complete_order .add-baggage .baggage-list .add-baggage-item {
	width: 100%;
	border: 1px solid #c6c5c58a;
	border-radius: 20px;
	margin-bottom: 10px;
	padding: 10px;
}

.main_complete_order .add-baggage .baggage-list .add-baggage-item .header {
	font-weight: bold;
}

	.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list {
		display: flex;
	}
		.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list .type-baggage {
			width: 33%;
			text-align: center;
			padding: 3% 0%;
		}
			.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list .type-baggage.cabin-bag {
				border-right: 1px solid #c6c5c58a;
				border-left: 1px solid #c6c5c58a;
			}
			.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list .type-baggage .img {
				width: 35px;
				height: 35px;
				margin: 0 auto;
				background-repeat: no-repeat;
			}
			.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list .type-baggage.no-baggage .img {
				background-image: var(--no-baggage);
			}
			.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list .type-baggage.cabin-bag .img {
				background-image: var(--cabin-baggage-off);
			}
			.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list .type-baggage.cabin-bag.choose .img {
				background-image: var(--cabin-baggage);
			}
			.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list .type-baggage.hold-bag .img {
				background-image: var(--hold-baggage-off);
			}
			.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list .type-baggage.hold-bag.choose .img {
				background-image: var(--hold-baggage);
			}
			.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list .type-baggage .price {
				height: 20px;
				color: #767879;
				font-weight: bold;
			}
			.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list .type-baggage.choose .price {
				color: var(--color-pink-text);
			}
			.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list .type-baggage .desc {
				color: #767879;
			}
			.main_complete_order .add-baggage .baggage-list .add-baggage-item .type-baggage-list .type-baggage.choose:not(.no-baggage) .desc {
				color: #1448CE;
				font-weight: bold;
			}

.main_complete_order .payment .payment-header {
	font-size: 20px;
	font-weight: bold;
}
.main_complete_order .payment .coupon {
	margin: 5% 0;
	/*width: 75%;*/
}
.main_complete_order .payment .link_click {
	cursor: pointer;
	color: var(--color-acssesible-green);
	text-decoration: underline;
}

	.main_complete_order .payment .link_click:hover {
		opacity: 0.5;
	}

.main_complete_order .payment .payment-contaimer {
	/*border-top: 1px solid #c6c5c58a;*/
	/*border-bottom: 1px solid #c6c5c58a;*/
	/*width: 75%;*/
}

	.main_complete_order .payment .payment-contaimer.terms{
		margin-top:3%;
	}

	.main_body_complete_order .main_complete_order .payment .payment-mobile-contaimer {
		display: none;
	}
.main_complete_order .payment .payment-contaimer .payment-contaimer-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	display:none;
}
	.main_complete_order .payment .payment-contaimer .payment-contaimer-header .header-mobile {
		display: none;
	}

.main_complete_order .payment .payment-contaimer .payment-card-details {
	margin: 5% 0;
	display: flex;
	flex-wrap: wrap;
}
	.main_complete_order .payment .payment-contaimer .payment-card-details .header {
		width: 100%;
	}
	.main_complete_order .payment .payment-contaimer .payment-card-details .field {
		position: relative;
		margin-top: 2%;
		padding-top: 4%;
		margin-left: 3%;
		height: 55px;
		font-size: 15px;
	}
		.main_complete_order .payment .payment-contaimer .payment-card-details .field.creditCard_No {
			width: 60%;
			margin-left: 40%;
		}
		.main_complete_order .payment .payment-contaimer .payment-card-details .field.expiration {
			width: 22%;
			display: flex;
			margin-top: 0;
			justify-content: space-between;
			margin-left: 25%;
		}
			.main_complete_order .payment .payment-contaimer .payment-card-details .field.expiration select {
				width: 47% !important;
				height: 32px;
				margin-top: 4px;
			}
		.main_complete_order .payment .payment-contaimer .payment-card-details .field.cvv {
			width: 13%;
			margin-left: 40%;
		}
		.main_complete_order .payment .payment-contaimer .payment-card-details .field.tz {
			width: 27%;
			margin-left: 6%;
		}
		.main_complete_order .payment .payment-contaimer .payment-card-details .field.owner_name {
			width: 27%;
		}
		.main_complete_order .payment .payment-contaimer .payment-card-details .field.focus input.only_number_type {
			direction: ltr;
		}
	.main_complete_order .payment .payment-contaimer .payment-card-details label {
		position: absolute;
		top:0;
		right:0;
		color: var(--color-text-gray);
		font-weight: normal;

	}
	.main_complete_order .payment .payment-contaimer .payment-card-details .field input {
		border-radius: 0px;
		border: none;
		border-bottom: 2px solid;
		padding: 0;
		width: 100%
	}
.main_complete_order .payment .payment-contaimer .payment-with {
	display: flex;
	justify-content: space-between;
	margin: 5% 0;
}

	.main_complete_order .payment .payment-contaimer .payment-with .header,
	.main_complete_order .payment .payment-contaimer .payment-card-details .header {
		font-weight: bold;
	}

.main_complete_order .payment .payment-contaimer .payment-card .card-img {
	background-image: var(--card-mastercard);
	background-repeat: no-repeat;
	height: 30px;
	width: 32px;
}
.main_complete_order .payment .payment-contaimer .payment-card {
	/*display: flex;*/
	display: none;
}
	.main_complete_order .payment .payment-contaimer .payment-card .card-number {
		direction: ltr;
		margin-right: 2%;
	}

.main_complete_order .payment .payment-contaimer .number-payment .header {
	margin: 5% 0 2%;
	font-weight: bold;
}

.main_complete_order .payment .payment-contaimer .number-payment select {
	border-radius: 0;
	border: none;
	border-bottom: 2px solid;
}

.complete_order_container {
	margin: 2% 25%;
}
	.complete_order_container .banner.text-header-gradient {
		/*background-image: var(--complete-order-img);
	background-repeat: no-repeat;
	width: 100%;
	height: 50px;
	background-position: right;*/
		width: 420px;
		font-size: 35px;
		font-weight: bold;
		margin: 2% 3%;
	}
	.complete_order_container .complete_order_container_screen {
		/*display: flex;*/
	}

	.complete_order_container .complete_order_header {
		margin-right: 3%;
		font-size: 22px;
	}
	.complete_order_container .complete_order_header b {
		font-size: 22px;
	}

.login_or_onboarding .login-button {
	width: 70%;
	margin: 20px auto;
	border-radius: 20px;
	padding: 5px 0;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}
	.login_or_onboarding .login-button#onboarding {
		border: 5px solid var(--color-acssesible-green);
	}
	.login_or_onboarding .login-button#login {
		border: 5px solid #1448CE;
	}
.login_or_onboarding .login-button:hover {
	opacity: 0.5;
}

.onboarding_tustus .fields {
	display: flex;
	flex-wrap: wrap;
}

.onboarding_tustus .text-gray,
.login_or_onboarding .text-gray,
.login_tustus .text-gray {
	text-align: center;
}

.onboarding_tustus .terms_use{
	margin: 2% 0;
}

.onboarding_tustus .button {
	width: 80%;
	margin: 0 auto;
}

div.button#send_otp{
	margin: 3% 0;
}

.screen.login_tustus .step_2 .otp_code ,
.screen.onboarding_tustus .step_2 .otp_code {
	display: flex;
	margin-bottom: 3%;
	direction: ltr;
}
	.screen.login_tustus .step_2 .otp_code input,
	.screen.onboarding_tustus .step_2 .otp_code input {
		width: 13.6%;
		margin-right: 3%;
	}
	.screen.login_tustus .step_2 .otp_code input {
		text-align: center;
		font-size: 17px;
	}
	.screen.show_message .text-message {
		text-align: center;
		margin: 7% 0;
	}

.screen.show_message .button {
	width: 30%;
	margin: 5% auto;
}
.header-text-arkia.wonder {
	width: 372px;
	font-size: 31px;
	font-weight: bold;
	position: absolute;
	right: 268px;
	top: 7px;
	background-image: var(--poalim-wonder);
	background-repeat: no-repeat;
	background-position: left;
	background-size: auto !important;
	height: 76px;
	display: flex;
	align-items: center;
}
.header-text-arkia {
	width: 390px;
	font-size: 31px;
	font-weight: bold;
	position: absolute;
	right: 268px;
	top: 7px;
	background-image: var(--header-logo-main);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 100px;
	height: 76px;
	display: flex;
	align-items: center;
}
	.text-header-gradient {
		background: linear-gradient(91deg, #FF658A -2.76%, #F41EC5 30.39%, #0028F9 65.71%, #16B5AA 101.57%);
		-webkit-background-clip: text;
		color: transparent;
	}
/*.text-header-gradient:hover {
	background: linear-gradient(91deg, #FF658A -2.76%, #F41EC5 30.39%, #0028F9 65.71%, #16B5AA 101.57%);
	-webkit-background-clip: text;
	color: transparent;
	text-decoration: none;
}*/
.edit_windows_container .screen .error_message {
	min-height: 20px;
	text-align: center;
	color: var(--color-pink-text);
	margin-bottom: 10px;
}
.edit_windows_container {
	position: relative;
	max-height: 90vh;
	overflow-y: scroll;
	scrollbar-width: none;
}

.loader {
	width: 48px;
	height: 48px;
	border: 5px solid #FFF;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
	position: absolute;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

div.button.disabled, .link_click.disabled {
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}

.top-logout .navbar-header > div#u_hello {
	height: auto;
	cursor: pointer;
	padding: 0;
	background-image: none;
}


.top-logout .navbar-header {
	display: flex;
	align-items: center;
	top: 50px;
	position: absolute;
	left: 0;
	top: 0px;
	/* height: 25px; */
	padding: 10px 20px;
}
	.top-logout .navbar-header.logged {
		top: 25px;
	}
	.top-logout .navbar-header.logged:hover {
		background: #16b5aa40;
		border-radius: 15px;
	}

.order_in_proccess {
	position: absolute;
	left: 250px;
	top: 15px;
	width: 195px;
	height: 54px;
	display: flex;
	border: 1px solid #c6c5c58a;
	border-radius: 10px;
}
#arkia_order .order_in_proccess {
	display: none;
}
body#home .order_on_proc.top-logo-middle-cellular{
	display:none;
}
.order_in_proccess .img {
	width: 30%;
	padding: 1%;
}
	.order_in_proccess .details {
		width: 94%;
		margin: 0.5% 3%;
		padding-top:5px;
	}
	.order_in_proccess .img img {
		width: 100%;
		border-radius: 10px;
		height: 100%;
	}

	.order_in_proccess .total {
		display: flex;
		justify-content: space-between;
	}
	.order_in_proccess .details .header {
		font-size: 13px;
		font-weight: bold;
	}
	.order_in_proccess .details .header.one-row {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 150px;
	}
	.order_in_proccess .details .text-gray {
		font-size: 13px;
	}
	.order_in_proccess .details .price {
		font-size: 13px;
		color: var(--color-pink-text);
		font-weight: bold;
	}.order_in_proccess .details .continue {
		font-size: 13px;
		color: var(--color-acssesible-green);
		font-weight: bold;
		cursor: pointer;
	}
	.order_in_proccess .details .total .continue:hover {
		opacity: 0.5;
	}

.order_timer {
	position: absolute;
	left: 460px;
	width: 74px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #1448CE;
	padding: 6px;
	font-size: 12px;
	color: #1448CE;
	display:none;
}

.order_timer span {
	color: #1448CE;
}

.uncomplete_orders_buttons {
	display: flex;
	justify-content: space-between;
}

	.uncomplete_orders_buttons .button.new-order {
		border: 6px solid #BF20D0;
	}

.uncomplete_orders .text-message {
	text-align: center;
	padding: 7% 10%;
}

.uncomplete_orders_buttons .button {
	width: 45%;
}

.not-selected {
	color: #798282;
}

body#arkia_personal .list-passangers .list-passangers-item {
	border-bottom: 1px solid var(--color-borders);
	display: flex;
	height: 50px;
	align-items: center;
}
body#arkia_personal .list-passangers .list-passangers-item.me {
	display: none;
}



	body#arkia_personal .my-orders .header ,
	body#arkia_personal .member-details .header ,
	body#arkia_personal .passangers .header {
		font-weight: bold;
		font-size: 20px;
		padding-bottom: 5%;
	}
	/*body#arkia_personal .my-orders .header,*/
	body#arkia_personal .passangers .header {
		margin-top: 10%;
	}
	body#arkia_personal .passangers .header {

		border-bottom: 1px solid var(--color-borders); 
	}
body#arkia_personal .list-passangers .list-passangers-item label ,
body#arkia_personal .list-passangers .list-passangers-item input {
	display:none;
}

body#arkia_personal .list-passangers .list-passangers-item .deleteParticipants,
.room-item .delete-room {
	width: 22px;
	height: 24px;
	display: block;
	background-image: var(--delete);
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
	margin-right: 30px;
}
.room-item .delete-room {
	right: -15%;
	position: absolute;
}

	.room-item .delete-room:hover{
		opacity: 0.5;
	}

body#arkia_personal .list-passangers .list-passangers-item .editParticipants {
	width: 22px;
	height: 24px;
	display: block;
	background-image: var(--edit);
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
}
body#arkia_personal .list-passangers .list-passangers-item .name {
	flex: 1;
}

body#arkia_personal .passangers .button_light {
	width: 85%;
	margin: 5% auto;
}

body#arkia_personal .member-details .details {
	display: grid;
}

.personal-container .my-orders .list .order_item {
	width: 100%;
	padding: 3% 0;
	border-bottom: 1px solid var(--color-borders);
	cursor:pointer;
}
	.personal-container .my-orders .list .order_item .header-order {
		font-size: 15px;
		font-weight: bold;
	}
	.personal-container .my-orders .list .order_item .details {
		display: flex;
		justify-content: space-between;
	}
		.personal-container .my-orders .list .order_item .details .total_price {
			text-align: left;
			width: 25%;
			color: var(--color-pink-text);
			font-weight: bold;
		}

body#arkia_personal .personal-container .personal-header {
	font-size: 23px;
	margin-bottom: 2%;
}

body#arkia_personal .personal-container .personal-header {
	margin-top: 2%;
}

body#arkia_personal .personal-body {
	display: flex;
	justify-content: space-between;
}
	body#arkia_personal .personal-body .col-1,
	body#arkia_personal .personal-body .col-2{
		width: 45%;
	}

	body#arkia_personal .passangers {
		width: 100%;
	}

.choose-room .back/*,
.choose-room #add_room */{
	color: var(--color-acssesible-green);
	cursor: pointer;
	margin-bottom: 2%;
}
	.choose-room .back:hover/*,
	.choose-room #add_room:hover */{
		opacity: 0.5;
		text-decoration: underline;
	}
.choose-room {
	width: 95%;
}
	.room-list{
		margin-top: 1%;
	}
		.room-list .hotel_name {
			margin-bottom: 2%;
		}
		.room-list .room-item {
			display: flex;
			border: 1px solid var(--color-borders);
			border-radius: 20px;
			padding: 4px;
			margin-bottom: 20px;
			position:relative;
		}
			.room-list .room-item.error {
				border: 2px solid red;
			}
			.room-list .room-item .header {
				font-size: 15px;
				height: 25px;
			}
			.room-list .room-item .Scheduling {
				background-color: #F5F5F5;
				
				border-radius: 20px;
			}
			.room-list .room-item .details,
			.room-list .room-item .Scheduling {
				width: 50%;
				padding: 15px;
			}

.Scheduling .field{
	position: relative;
}

.room-item .details img {
	/*width: 100%;*/
	border-radius: 15px;
	width: 290px;
	height: 160px;
}

.passangers-room{
	display: grid;
}

.background-loader {
	position: fixed;
	background: #fff7f770;
	width: 100%;
	height: 100%;
	z-index: 55555;
}
	.background-loader .loader {
		width: 110px;
		height: 110px;
		border: 12px solid var(--color-pink-text);
		border-bottom-color: transparent;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.passangers .list-passangers .list-group-item {
	padding: 3px 0px;
	margin: 0;
	border: none;
}


#Contact .level_filter > div.selected {
	border: 1px solid var(--color-acssesible-green);
}



button.button:hover {
	opacity: 0.5;
}

button.button {
	border: 6px solid var(--color-button);
	border-radius: 30px;
	padding: 2px 10px !important;
	height: auto !important;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	background: #fff;
	float: inherit;
	font-size: 17px;
	line-height: inherit;
	opacity: 1;
	color: var(--main-text-color) !important;
}

body#Contact .numOr {
	color: var(--color-acssesible-green)
}

body#Contact .cell input[disabled] {
	padding: 0;
}

body#Contact .cell select#cmbCelK {
	width: 25%;
}

body#Contact .cell input#cmbCel {
	width: 72%;
}

body#Contact .cell select#cmbServiceType {
	/*width: 40%;*/
}

body[app="1"] header{
	display: block;
}

.overlay {
	position: fixed !important;
	width: 100% !important;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #DDDDDD8F;
	z-index: 999999;
	overflow-y: auto;
}

.request_lines .exit_btn, .alert_exit_btn {
	background-image: var(--close);
	float: none;
	background-size: 15px;
}

body[app="1"] .main_container {
	padding-top: 80px;
}

.gallery-back{
	position: relative;
}
	.gallery-back .prev{
		background: var(--prev-img);
	}
	.gallery-back .next {
		background: var(--next-img);
	}
	.gallery-back .prev ,
	.gallery-back .next {
		width: 15px;
		height: 15px;
		top: 100px;
		background-repeat: no-repeat;
		opacity: 0.5;
	}
	.gallery-back .prev:hover,
	.gallery-back .next:hover {
		opacity:1;
	}
.active {
	background-color: #fff;
}
.slider-outer .slider-inner img.active.none {
	width: 80%;
	height: 50%;
	margin: 25% 10%;
}

.hotel-list .hotel-item .fornt_details .details {
	padding-right: 10px;
}

body .navbar-inverse .navbar-brand {
	height: 19vh;
	width: 14vw;
	padding: 0;
}

.more_details .more_about_hotel .more_about_hotel_body {
	display: flex;
	margin-bottom: 5%;
}
.more_details .more_about_hotel .more_about_hotel_body .info {
	width: 60%;

}
.more_details .more_about_hotel .button {
	width: 35%;
	margin-right: 65%;
}

input[type=tel]{
	direction: rtl;
}

.button.confirm_show_item {
	width: 40%;
	margin-right: 55%;
}

.show_item_full_details{
	display:flex;
}

.show_item.small .show_item_full_details {
	display: flex;
}

.containet_steps .back {
	background-image: var(--arrow-down);
	width: 19px;
	height: 19px;
	margin-left: 5%;
	transform: rotate(90deg);
	cursor: pointer;
}

#dropList_serach {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: 1;
	top: 69px;
	width: 40%;
	/*display: none;*/
}

	#dropList_serach li{
		border: 1px solid #ddd;
		margin-top: -1px; /* Prevent double borders */
		background-color: #f6f6f6;
		padding: 12px;
		text-decoration: none;
		font-size: 18px;
		color: black;
		display: block;
		cursor: pointer;
	}

		#dropList_serach li:hover:not(.header) {
			background-color: #eee;
		}

/*#input_serach_by_text:focus + #dropList_serach {
	display: block;
}
*/

.mobile-add-baggage .text-gray {
	color: #9421D9;
	font-weight: bold;
}

.img-counter {
	position: absolute;
	bottom: 5px;
	background: #1D1E247A;
	color: #fff;
	border-radius: 40px;
	width: 68px;
	text-align: center;
	padding: 2px 0px;
	font-size: 12px;
	margin-right: 60px;
}
	.img-counter b {
		color: #fff;
		font-size: 12px;
	}

.facilities_list{
	display:flex;
	flex-wrap: wrap;
}
.facilities_item {
	width: 45%;
	display: list-item;
	margin-right: 5%;
}
.help_container{
	display: flex;
	justify-content: space-between;
}
	.help_container .contact_div {
		width: 35%;
	}
	.help_container .QandA_div {
		width: 50%;
	}

.form_contact .row .cell:last-child {
	width:100%;
}

body#Contact .section.selected {
	padding: 0 7%;
	margin: 0;
	margin-top: 3%;
	border: 2px solid var(--color-borders);
	border-radius: 15px;
	box-shadow: 1px 4px 6px #9e9c9d;
}
body#Contact .section.selected .fields {
	display: flex;
	flex-wrap: wrap;
}
	body#Contact .error input,
	body#Contact .error select {
		border: none !important;
		border-bottom: 2px solid red !important;
		margin-bottom: 0;
	}
	body#Contact .section.selected .fields .error::after {
		font-size:13px;
	}

.question_list .question_container {
	border: 2px solid var(--color-borders);
	border-radius: 15px;
	padding: 3%;
	margin: 3% 0;
	box-shadow: 1px 4px 6px #9e9c9d;
	cursor: pointer;
}
	.question_list .question_container .question {
		font-weight: 600;
		background-image: var(--arrow-up);
		background-repeat: no-repeat;
	}
	.question_list .question_container.show .question {
		background-image: var(--arrow-down);
	}
.question_list .question_container.show {
	border: 2px solid var(--color-acssesible-green);
}
	.question_list .question_container .answer {
		margin-top: 3%;
	}

.help_container h2 {
	font-size: 24px;
}

body#Contact .level_filter{
	display:none;
}

.row-mail .cell input, .row-mail .cell input{
	text-align:right;
}

body#Contact .alert {
	text-align: right;
}
body#Contact .send_contact {
	width:100%;
}

.section_contact_ok .row .cell:last-child {
	width: 100%;
}
.section_contact_ok .row button.btn1{
	display: none;
}

.bold{
	font-weight: bold !important;
}

.whatsApp_container {
	border: 2px solid var(--color-borders);
	border-radius: 15px;
	padding: 3% 14% 3% 3%;
	margin: 3% 0%;
	box-shadow: 1px 4px 6px #9e9c9d;
	cursor: pointer;
	font-weight: bold;
	background-image: var(--whatsapp-logo);
	background-repeat: no-repeat;
	background-position: 96% 50%;
}

.member-details-header{
	display: flex;
	justify-content: space-between;
}
	.member-details-header .edit-member {
		width: 22px;
		height: 24px;
		display: block;
		background-image: var(--edit);
		background-repeat: no-repeat;
		background-size: 100%;
		cursor: pointer;
	}

.button_light.more_orders {
	width: 90%;
	margin: 3% auto;
}

.order_item_header {
	display: flex;
	justify-content: space-between;
}

.personal-container .my-orders .list .order_item.canceled {
	opacity: 0.5;
	cursor: default;
}

	.personal-container .my-orders .list .order_item.canceled .text-gray {
		font-size: 11px;
	}


.my-orders .summary_order .complete_order_container .banner.text-header-gradient {
	display:none;
}
.my-orders .summary_order .complete_order_container_screen .order_details {
	width: 100%;
}
.my-orders .summary_order .complete_order_container_screen .and_more {
	/*display: none;*/
}

.my-orders .summary_order .complete_order_container {
	border: 1px solid var(--color-borders);
	border-radius: 5px;
}

.show_item .more-text {
	width: 40%;
	margin-right: 55%;
	margin-bottom: 4px;
	text-align: center;
	font-size: 13px;
}

.passangers .more-text {
	width: 50%;
	font-size: 13px;
}

.choose-hotel .more-text {
	font-size: 13px;
}

.type-baggage .more-text {
	font-size: 11px;
}
.globalCredit{
	display: none;
}

.boardBasis_name {
	color: #1448CE;
	font-weight: bold;
}

.more_main_body .more_item {
	width: 49%;
	max-width: 520px;
	padding: 5px;
	height: 200px;
}

.more_main_body .more_item .text {
	font-size: 23px;
	height:198px;
}

	.more_main_body .more_item .more_item_img {
		width: 458px;
	}
	.more_main_body .more_item .to_click {
		display: flex;
		justify-content: end;
	}
		.more_main_body .more_item .to_click a {
			border: 6px solid;
			padding: 2% 6%;
			border-radius: 30px;
			color: var(--main-text-color);
		}
	.more_main_body .more_item:nth-child(1) .to_click a {
		border: 6px solid #EE4A82;
	}
.more_main_body .more_item:nth-child(2) .to_click a{
	border: 6px solid #16B5AA;
}

body#arkia_personal .my-orders .summary_order .and_more{
	display: none;
}
body#arkia_personal .my-orders .complete_order_container {
	margin: 2% 0%;
}