﻿:root {
	/*colors:*/
	--background-color: #FFFFFF;/*	#FFFFFF;*/
	--primary-color: #000; /* #021652;*/ /*text and new_cr frame */
	--table-header-color: #c1e7f2; /*in history and orders pages*/
	--button-color: #000; /*#021652;*/ /*all buttons - mobile and desktop*/
	--button-color-hover:#15CFDB; /*#308AE0; all buttons - mobile and desktop*/
	--header-color:#15CFDB; /*#03A6F5;/*#FFE868; *//*#021652;*/
	--login-mobile-color:#E6FAFB; /*#03A6F5;/*#FFE868; *//*#021652;*/
	--menu-color-mobile: #15CFDB; /*#03A6F5; #FFE868;*/ /*#021652;*/ /*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(); /*url(https://tmuracdn.blob.core.windows.net/aab/max/max_logo.png);*/
	--header-company-logo: url(https://tmuracdn.blob.core.windows.net/aab/max/logo_yellow25.png); /* url(https://tmuracdn.blob.core.windows.net/aab/max/max_logo.png);*/
	--company-logo-right: url(); /*desktop: on top*/
	--company-logo-left: url(); /*desktop: on top*/
	/*desktop*/
	--background-desktop: url(); /*desktop only - all pages but login */
	--login-background: url(https://tmuracdn.blob.core.windows.net/aab/max/back25.jpg); /*url(https://tmuracdn.blob.core.windows.net/aab/max/BG.png);*/
	--left-image: url(https://tmuracdn.blob.core.windows.net/aab/max/left25.jpg);
	--right-image: url(https://tmuracdn.blob.core.windows.net/aab/max/right25.jpg);
	/*mobile*/
	--bottom-mobile: url(https://tmuracdn.blob.core.windows.net/aab/max/bottom_m25.jpg); /* url(https://tmuracdn.blob.core.windows.net/aab/max/bottom.png);*/ /* all! pages - login + inside the site*/
	--footer-company-logo-mobile: url();
}
#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);
}
.mobile-menu ul li a,
.mobile-menu ul li.usr_li > div:last-child,
.mobile-menu ul li.usr_li > div:first-child {
	color: #000 !important;
	background-image:none;
}
.mobile-nav-button .mobile-nav-button__line {
	background: #000;
}
.btn-line, .btn-line:hover { /* shir - כל הכפתורים לפי הרקע*/
	background: transparent;
}
.mobile-menu ul li {
	border-bottom: solid 1px #000;
}
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: solid 2px var(--primary-color);
}

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 {
	background: var(--button-color);
}

	button.btn1:hover, button#checkCode:hover {
		background: var(--button-color-hover);
	}


.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-company-logo);
	margin-right: 4%;
	background-position: right 55%;
	background-size: contain; /*shir  האם לשנות? היה 100%...*/
}

.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;
	}

	#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: 8%, 8%, 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(--tmura-logo),var(--aab-logo),var(--left-image), var(--right-image), 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: 2% 99%, 12% 99%, 0% 50%, 100% 50%, 84% 99%, 97% 99%, 100% center, center;
	background-size: 7%, 7%, 16.9vh, 16.9vh, 10%, 10%, 100% 87%, 100%;
	background-attachment: fixed;
	z-index: 9999;
}

.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 {
	display: none;
}

body .navbar {
	background: var(--header-color);
	background-repeat: no-repeat;
	background-position-x: left;
	background-size: 100%;
}
@media (max-width: 1024px) {
	body #bodyLogin {
		background: none !important;
	}

	.main_body {
		background: var(--header-company-logo),var(--bottom-mobile), var(--login-mobile-color) !important;
		min-height: calc((100%) - 60px);
		background-repeat: no-repeat !important;
		background-position: center 8vh, center calc((100%) - 60px) !important;
		background-size: 80%, 100% !important;
	}

	body:not(#bodyLogin) .main_body {
		background: var(--bottom-mobile),var(--background-color) !important;
		background-position: center bottom !important;
		min-height: calc((100%) - 60px);
		background-repeat: no-repeat !important;
		background-size: 100% !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 {
		width: 86% !important;
	}

	.navbar-header {
		width: 100%
	}

	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;
	}

	.footer {
		display: block;
	}

		.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;
		}
}

.footer .container {
	background: var(--tmura-logo), var(--aab-logo), var(--company-logo-left), var(--company-logo-right),#ffffff;
	background-size: 102px,148px;
	background-position: 1vw 18px,10vw 10px, 25% 14px, 35% 1px;
	background-repeat: no-repeat;
	padding-top: 0px !important;
	height: 100%;
	bottom: 0;
	width: 100%;
}

.order-section.transportations .tr, .order-section.flights .tr {
	border-bottom: none;
}

.wel_mobile {
	display: none;
}

@media (max-width: 1024px) {

	.wel_desk {
		display: none;
	}

	.wel_mobile {
		display: block;
	}

	body .col-3.top-logo {
		background-image: var(--header-company-logo) !important;
		background-position: right !important;
		background-size: contain !important; /*shir האם לשנות? היה 180px*/
	}

	body {
		background-image: none;
	}
}

#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) {
.area_filter > div{
width:100%;
}
	body.view .main_body {
		background: none !important;
	}
	body#Order .section.section_customer .order-section.takanon ul {
		-webkit-padding-start:0;
	}
	.hotel_div div:nth-child(2) {
		font-size: 18px;
		line-height: 18px;
		height: 43px;
	}
}
@media (min-width: 1024px) {
	body#bodyLogin .main_body .container {
		margin-right: 41.5%;
		padding-top: 6%;
		background-position: center 25vh;
		}
	body#bodyLogin.login_down .main_body .container, body#bodyLogin.login_out .main_body .container {
		width: 23vw;
	}
}
@media (min-width: 1024px) {
	
	body#bodyLogin .main_body .container {
		margin-right: 36.2%;
		padding-top: 5%;
		background-position: center 27vh;
		width: 35vw;
	}
	body#bodyLogin.login_down .main_body .container, body#bodyLogin.login_out .main_body .container {
		width: 35vw;
	}
}
@media (min-width: 1180px) {
	body#bodyLogin .main_body .container {
		margin-right: 37.2%;
		padding-top: 5%;
		background-position: center 27vh;
		width: 32vw;
	}
	body#bodyLogin.login_down .main_body .container, body#bodyLogin.login_out .main_body .container {
		width: 32vw;
	}
}
@media (min-width: 1270px) {
	body#bodyLogin .main_body .container {
		margin-right: 40.2%;
		padding-top: 1%;
		background-position: center 27vh;
		width: 27vw;
	}
	body#bodyLogin.login_down .main_body .container, body#bodyLogin.login_out .main_body .container {
		width: 27vw;
	}
}
@media (min-width: 1600px) {
	body#bodyLogin .main_body .container {
		margin-right: 41.5%;
		padding-top: 6%;
		background-position: center 25vh;
		width: 23vw;
	}

	body#bodyLogin.login_down .main_body .container, body#bodyLogin.login_out .main_body .container {
		width: 23vw;
	}
}

	.btn-login {
		background: var(--button-color);
	}
body#Order .section.section_customer .order-section.takanon ul {
	margin-right: 21px;
}
.hotels_ar
{
	/*display:none;*/
}
.navbar-inverse .navbar-nav > li > a{
	color:#000;
}
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
		color: #000;
	}
.top-logout .navbar-header > div{
	color:#000;
}
	.top-logout .navbar-header > div:first-child{
		background-image:none;
	}


body#bodyLogin input[type="text"],
body#bodyLogin input[type="password"]
{
background-color:#fff!important;
}

#FilterList.filter_watch h3{
font-size:18px;
}