/* general styles */
HTML {font-size: 100%; height: 100%;/* IE hack */ }
*{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
*{box-sizing: border-box;}
*[data-aria-hidden="true"]{display: none;}
*{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent;}
*:focus{outline: 1px dashed #15bece; outline-offset: 1px;}
*:active:focus{outline: 1px dashed #15bece; outline-offset: 1px;}

BODY{direction: rtl; font-weight: 400; font-family: 'Ping HL Medium', arial, sans-serif !important; background-color: #ffffff; color: #1c1942;}
BODY {height: 100%;}
IMG {border: 0px;}
/*input, select, textarea{font-family: 'Rubik', arial, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}*/
input, select, textarea{font-family: 'Ping HL Medium', arial, sans-serif !important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}



.clear {display: block; overflow: hidden; clear: both; float:none !important; font-size: 1px; line-height: 1px !important; height: 0px !important; margin: 0px !important; padding: 0px !important;}
.clear_loginMatmid {
    display: block;
    overflow: hidden;
    clear: both;
    float: none !important;
    font-size: 1px;
    line-height: 1px !important;
    height: 3px !important;
    margin: 0px !important;
    padding: 0px !important;
}
.centeredContent{max-width: 1220px; width: 100%; margin: 0px auto; padding: 0px 25px;}
.centeredContent_docs{max-width: 780px; margin: 0px auto;padding:unset;}
h1, h2, h3, h4, h5, strong, B{font-weight: 700; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
ul, li{list-style: none;}
a{text-decoration: none;}
/*a:hover, a:focus{text-decoration: underline;}*/

.overlay{position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(128,128,128,0.6); z-index: 1500;}
a.skip-main{font: 400 12px arial; color: #15bece; background-color: white; position: absolute; left: 50%; margin-left: -55px; top: 0px; padding: 2px 4px; opacity: 0;}
a.skip-main:focus, a.skip-main:active{opacity: 1; z-index:999;}
.menuOpen{overflow: hidden; height: 100%; position: fixed; width: 100%;}
/* -------- -------- -------- -------- -------- -------- -------- -------- -------- -------- */

/* header */
.headerTag{padding: 0px 0px 0px 0px; min-height: 50px; overflow: hidden;}
a.headerLogo{display: block; width: 182px;height:22px; float: left; margin-top: 18px;background: url(../../../Legacy/Images/Ancilary/elal_logo.png) no-repeat;}
a.headerLogo.sundor{background: url(../../../Legacy/Images/Ancilary/sun_En.png) no-repeat center/67%;height:50px; margin-top:5px !important;}
.headerTitle{float: right; font-weight: 500; font-size: 32px; line-height: 50px; padding: 0px; margin: 0px;}

.headerLang{float: right; text-transform: uppercase; direction: ltr; font-weight: 300; font-size: 16px; display: flex; align-items: center; padding: 18px 28px 0px 0px;}
.headerLang div.headerLang_link{padding: 0px 0px 0px 15px; position: relative;}
.headerLang div.headerLang_link:before{content: '|'; color: #15bece; position: absolute; left: 0px; top: 0px; width: 15px; text-align: center;}
.headerLang div.headerLang_link:nth-child(1){padding: 0px;}
.headerLang div.headerLang_link:nth-child(1):before{display: none;}
.headerLang div.headerLang_link a{width: auto; color: #1b358f; text-decoration: none;}
.headerLang div.headerLang_link a.active{font-weight:bold;}

.headerLang_login{padding-right: 0px;}
.headerTag .headerTitle_login{display: none;}

.headerPlazma{position: relative; background-color: #1b358f;}
.headerPlazma.blank {background-color: #ffffff;}
.headerPlazma.sundor {background-color: #00b6ef;}
.headerPlazma_image{overflow: hidden; position: relative; height: 140px; z-index: 1;}
.headerPlazma_image img{display: block; height: 140px; position: absolute; left: 50%; top: 0px; transform: translate(-50%, 0);}
.headerPlazma_content{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 2;}
.headerPlazma_gallery{color: white; border-radius: 4px; margin-top: 6px; padding: 4px 80px 0px;}
.headerPlazma_gallery .item{overflow: hidden;}
a.headerPlazma_galleryToggle{display: none;}
.flightItem_name{font-weight: 300; font-size: 22px; line-height: 22px; text-align:center;margin:5px auto;width:717px;height:31px;}
.flightItem_number{font-weight: 300;font-size:26px;height:100%;}
.flightItem_number b{display: inline-block; font-weight: 300; padding-left: 5px;}
.flightItem_place{display: none; white-space: nowrap;}
.flightItem_place span{padding: 0px 20px 0px 0px; position: relative;}
.flightItem_place span:before{content: '|'; position: absolute; right: 0px; top: -4px; width: 20px; text-align: center;}
.flightItem_nameProgress{padding-top: 5px;}
.flightItem_progress{display: none; font-size: 16px; line-height: 20px;}
ul.flightItem_details{display: block; margin:auto;width:734px;height:88px;position:relative;}
ul.flightItem_details > li{display: inline-block; padding: 0px;margin: 0px 15px;}
ul.flightItem_details > li:nth-child(1),ul.flightItem_details > li:nth-child(3){width:20%;}
ul.flightItem_details > li:nth-child(2){width:336px;position:relative;top:-19px;}

ul.flightItem_details > li strong{font-weight: 300; font-size: 28px; line-height: 32px;}
ul.flightItem_details > li > ul{font-weight: 300; font-size: 22px; padding: 0px 0px 0px 0px;display:block;}
ul.flightItem_details > li > ul > li{display:inline-block;}
ul.flightItem_details > li > ul > li:nth-child(1),ul.flightItem_details > li > ul > li:nth-child(3){vertical-align:top;margin:0 12px;}
ul.flightItem_details > li > ul > li:nth-child(2){vertical-align:middle;}
ul.flightItem_details > li > ul > li > ul > li{display:block;}

.headerPlazma_gallery img.flightIcon, .headerPlazma_gallery .owl-carousel .owl-item img.flightIcon{width: 115px; margin: 0px 10px;}
.headerPlazma_gallery .owl-carousel .owl-nav .owl-next {position: absolute;left: -70px;top: 50%;transform: translate(0, -50%);width: 45px;height: 45px;font-size: 0px;
    background: url(../../../SeatMap/resources/imgs/header_left.png) center / 12px auto no-repeat;}
.headerPlazma_gallery .owl-carousel .owl-nav .owl-prev {position: absolute;right: -70px;top: 50%;transform: translate(0, -50%);width: 45px;height: 45px;font-size: 0px;
    background: url(../../../SeatMap/resources/imgs/header_right.png) center / 12px auto no-repeat;}
.headerPlazma_galleryClose{display: none;}

/*show input password start*/
.password_show {margin-right: 6px;}
.password_image_container {left: -1px;cursor:pointer;}

/*show input password end*/

.tooltip_image_container{height:100%;position:absolute;}
.tooltip_image_container img{width:100%;}

@media screen and (max-width: 1200px) {
    ul.flightItem_details > li strong{font-size: 28px; line-height: 32px;float:right;}
    .headerPlazma_gallery img.flightIcon, .headerPlazma_gallery .owl-carousel .owl-item img.flightIcon{width: 66px; margin: 0px 18px;}
}

@media screen and (max-width: 1100px) {
    .headerPlazma_gallery{margin-top: 0px; padding: 2px 80px 1px;}
    .headerPlazma_gallery img.flightIcon, .headerPlazma_gallery .owl-carousel .owl-item img.flightIcon{width: 105px; margin: 0px 32px;}
}

@media screen and (max-width: 1024px) {
    ul.flightItem_details > li{display: block;margin:unset;}
    ul.flightItem_details > li ul{padding: 3px 0px 0px 0px;}
    .headerPlazma_gallery img.flightIcon, .headerPlazma_gallery .owl-carousel .owl-item img.flightIcon{width: 66px; margin: 0px 18px;}
}

@media screen and (max-width: 800px) {
    a.headerLogo{background: url(../../../Legacy/Images/Ancilary/elal-vertical.png) no-repeat; width:52px;height:32px;}
    a.headerLogo.sundor{background: url(../../../Legacy/Images/Ancilary/sun_En.png) no-repeat center/100%; margin-top:5px !important;}
    .headerPlazma_content .centeredContent{padding: 0px !important; height: 100%;}
    .headerPlazma_gallery{position: absolute; left: 0px; right: 0px; bottom: 0px; margin-top: 0px; padding: 0px 0px 0px; background-color: transparent;}
    .headerPlazma_gallery .item{padding: 32px 0px 25px 0px; overflow: visible;}
    
    .flightItem_name{float: none; position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: center; line-height: 24px; padding-top: 0px;width:100%;}
    .flightItem_number{display: inline-block; font-weight: 300;}
    .flightItem_nameProgress{display: none;}
    
    ul.flightItem_details{float: none; padding: 5px 45px 7px; justify-content: space-around;width:100%;}
    ul.flightItem_details > li strong{font-size: 24px; line-height: 30px;}
    ul.flightItem_details > li ul{padding: 3px 0px 0px 0px;}
    ul.flightItem_details > li ul li:nth-child(3){}
    .headerPlazma_gallery img.flightIcon, .headerPlazma_gallery .owl-carousel .owl-item img.flightIcon{width: 105px; margin: 0px 32px;}
    .headerPlazma_gallery .owl-carousel .owl-nav .owl-next{left: 0px; top: 56px; transform: none;}
    .headerPlazma_gallery .owl-carousel .owl-nav .owl-prev{right: 0px; top: 56px; transform: none;}
    .flightItem_progress{display: block; position: absolute; left: 45px; top: 7px; text-shadow: 0px 0px 5px #1c1942, 0px 0px 10px #1c1942, 0px 0px 15px #1c1942, 0px 0px 20px #1c1942, 0px 0px 25px #1c1942, 0px 0px 30px #1c1942;}
}

@media screen and (max-width: 768px) {
    .headerPlazma_image{opacity: 0.8;}
    .headerPlazma_image, .headerPlazma_image img{height: 220px;}
    ul.flightItem_details{padding: 13px 45px 10px;width: 100%;}
}

@media screen and (max-width: 767px) {
    .headerTag{background-color: #ffffff; min-height: 32px; overflow: visible;}
    a.headerLogo{display: none;}
    
    a.headerLogo_login{display: block; padding-bottom: 4px;margin-top:12px;}
     .headerLang{padding-top: 15px;}
    .headerTag .headerTitle{float: right; font-weight: 500; font-size: 16px; line-height: 32px;}
    .headerPlazma{background-color: white; border-bottom: 1px solid #dcdddf; position: static;}
    .headerPlazma_image{display: none;}
    .headerPlazma_content{position: static; left: auto; right: auto; top: auto; bottom: auto;}
    .headerPlazma_content .centeredContent{padding: 0px 25px !important; height: auto;}
    .headerPlazma_gallery{padding-left: 25px; right: auto; bottom: auto; top: 0px; background-color: transparent; color: #1c1942; z-index: 2;}
    .headerPlazma_galleryWindow{position: absolute; z-index: 2; left: 0px; top: 100%; overflow: auto; background-color: #ffffff; color: #fff; padding: 0px 25px 15px; box-shadow: 0px 15px 10px -15px #111;}
    /*.headerPlazma_galleryWindow.sundor{color:#1c1942;}*/
    a.headerPlazma_galleryToggle{display: block; color: #1c1942; font-weight: 400; font-size: 14px; line-height: 36px; text-decoration: none; position: relative; padding-left: 17px;}
    a.headerPlazma_galleryToggle strong{display: inline-block; padding-left: 15px; position: relative;}
    a.headerPlazma_galleryToggle strong:after{content: '|'; position: absolute; left: 0px; width: 15px; text-align: center; color: #15bece;}
    a.headerPlazma_galleryToggle:after{content: ''; position: absolute; left: 0px; top: 10px; width: 8px; height: 12px; background: url(../../../SeatMap/resources/imgs/header_left.png) left top / 100% auto no-repeat; transform: rotate(-90deg);}
    
    .headerPlazma_gallery .item{padding: 0px 0px 0px 0px; margin-top: 15px;}
    .flightItem_progress{display: none;}
    ul.flightItem_details{background-color: #1b358f; justify-content: space-between; padding: 13px 10% 10px;width: 100%;}
    ul.flightItem_details.sundor{background-color: #00b6ef;}
    /*ul.flightItem_details.sundor img.flightIcon{content: url(../../../SeatMap/resources/imgs/header_plane_.png)}*/
    .flightItem_name{background-color: #1b358f; position: static; left: auto; right: auto; top: auto; bottom: auto; margin-bottom: 1px; padding: 2px 10% 1px; display: block; width: 100%;}
    .flightItem_name.sundor{background-color: #00b6ef;}
    .flightItem_nameProgress{display: block; padding: 0px 0px 0px 0px;}
    
    .headerPlazma_galleryClose{display: block; background-color: #1b358f; margin-top: 7px;border-radius:4px;}
    .headerPlazma_galleryClose.sundor{background-color: #00b6ef; color:#ffffff}
    .headerPlazma_galleryClose a{display: block; text-decoration: none; font-weight: 500; font-size: 18px; line-height: 27px;text-align: center; color: white}
}

@media screen and (max-width: 670px) {
    .centeredContent, .headerPlazma_content .centeredContent{padding: 0px 15px !important;}
    .headerPlazma_gallery{padding-left: 15px;}
    .headerPlazma_galleryWindow{padding: 5px 15px 7px;}
    .headerPlazma_gallery .item{margin-top: 10px;}
    ul.flightItem_details{padding: 10px 6% 6px;width: 100%;}
    .flightItem_name{padding: 2px 6% 1px;width: 100%;}
    ul.flightItem_details > li{margin:unset;}
    ul.flightItem_details > li strong{font-size: 21px; line-height: 27px;}
    .headerPlazma_gallery img.flightIcon, .headerPlazma_gallery .owl-carousel .owl-item img.flightIcon{width: 88px; margin: 0px 4px;}
}

@media screen and (max-width: 480px) {
    ul.flightItem_details{padding: 6px 18px 4px;width: 100%;}
    .flightItem_name{padding: 2px 18px 1px;width:100%;font-size: 14px;}
    .headerPlazma_galleryWindow{padding: 0px 15px 7px;}
    .headerPlazma_gallery .item{margin-top: 7px;}
    ul.flightItem_details > li{margin:unset;}
    ul.flightItem_details > li strong{font-size: 18px; line-height: 22px;}
    .headerPlazma_gallery img.flightIcon, .headerPlazma_gallery .owl-carousel .owl-item img.flightIcon{width: 72px; margin: 0px 4px;}

    ul.flightItem_details > li{display:inline-block;}
    ul.flightItem_details > li:nth-child(2){width:57%;}
    ul.flightItem_details > li > ul > li:nth-child(1), ul.flightItem_details > li > ul > li:nth-child(3) {margin: 0 1px;}
}

@media screen and (max-width: 375px) {
    a.headerLogo{margin-top: 15px;margin-left:15px;}
    .headerLang{padding-right: 15px;}
    .centeredContent, .headerPlazma_content .centeredContent{padding: 0px 4px !important;}
    .headerPlazma_gallery{padding-left: 10px;}
    .headerPlazma_galleryWindow{padding: 0px 10px 5px;}
    .headerPlazma_gallery .item{margin-top: 5px;}
    
    .flightItem_name{font-size: 13px; padding: 2px 10px 1px;width: 100%;}
    ul.flightItem_details{padding: 6px 10px 4px;width: 100%;}
    ul.flightItem_details > li{margin:unset;}
    ul.flightItem_details > li strong{font-size: 16px; line-height: 20px;}
    .headerPlazma_gallery img.flightIcon, .headerPlazma_gallery .owl-carousel .owl-item img.flightIcon{width: 54px; margin: 0px 4px;}
    ul.flightItem_details > li ul{font-size: 13px; line-height: 16px;}
}

/* main */
main.mainPage{display: block; padding: 0px 0px 90px 0px;  height: calc(100% - 60px);}
.progressBar{padding: 18px 0px 0px 0px; font-weight: 400; font-size: 14px; line-height: 14px;}
.progressBar ul{display: flex;}
.progressBar li{flex-basis: 0; flex-grow: 1; position: relative; text-align: center;}
.progressBar li:before{content: ''; position: absolute; right: 0px; top: 2px; width: 50%; height: 3px; background-color: #dcdddf;}
.progressBar li:after{content: ''; position: absolute; left: 0px; top: 2px; width: 50%; height: 3px; background-color: #dcdddf;}
.progressBar li.progressBar_visited:before, .progressBar li.progressBar_visited:after{background-color: #1b358f;}
.progressBar.sundor li.progressBar_visited:before, .progressBar.sundor li.progressBar_visited:after{background-color: #00b6ef;}
.progressBar li.progressBar_current:before{background-color: #1b358f;}
.progressBar.sundor li.progressBar_current:before{background-color: #00b6ef;}
.progressBar li span{position: relative; z-index: 1; display: inline-block; padding: 13px 12px 0px;}
.progressBar li span:before{display: none; content: ''; position: absolute; left: 0px; right: 0px; top: 0px; height: 7px; background-color: #1b358f;}
.progressBar.sundor li span:before{display: none; content: ''; position: absolute; right: 0px; left: 0px; top: 0px; height: 7px; background-color: #00b6ef;}
.progressBar li.progressBar_current span:before{display: block;}

@media screen and (max-width: 414px) {
    .progressBar{padding: 12px 0px 0px 0px; font-size: 0;}
    .progressBar ul{margin: 0px auto; max-width: 70px;}
    .progressBar li{width: 14px; height: 6px;}
    .progressBar li span{width: 14px; padding: 0px;}
    .progressBar li:before{width: 6px; height: 6px; border-radius: 50%; right: auto; left: 50%; transform: translate(-50%, 0); top: 0px;}
    .progressBar li:after{display: none; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 6px; height: 6px; background: transparent url(../../../SeatMap/resources/imgs/progressbar_chk.png) left top / 100% auto no-repeat !important;}
    .progressBar li.progressBar_current span:before{display: none;}
    .progressBar li.progressBar_visited:before{background-color: transparent;}
    .progressBar li.progressBar_visited:after{display: block;}
}

/* seat selection */
.seatSelection_page{padding: 45px 0px 30px 0px;}
h2.seatSelection_title{font-weight: bold; font-size: 36px; line-height: 40px;color:#0e1e58;}
.seatSelection_timer{padding: 7px 0px 0px 0px; font-size: 18px;}
.seatSelection_timer .timerText{font-weight: 300;}
.seatSelection_timer .timerBold{display: inline-block; padding-right: 6px; font-weight: 500; color: #ff2e05;}

a.mobileGoBack{display: none;}
.seatSelection_grid{position: relative; padding: 0px 286px 0px 0px; margin-top: 35px; border-bottom: 1px solid #dcdddf;}
.seatSelection_flightList{position: absolute; right: 0px; top: 0px; width: 286px; background-color: white;}
.flightList_title{height: 90px; display: flex; align-items: center; font-weight: 500; font-size: 20px;}
.flightList_ul{padding: 0px;}
.flightList_ul li{padding: 0px; border-top: 1px solid #dcdddf;}
a.flightList_toggle{position: relative; display: flex; flex-wrap: wrap; align-items: center; height: 76px; font-size: 20px; color: #1c1942; text-decoration: none;}
.flightList_toggleButton, .flightList_toggleSeat{display: none;}
.flightList_toggleDetails span{white-space: nowrap;}
a.flightList_toggle[aria-expanded="true"]{font-weight: 500;}
a.flightList_toggle[aria-expanded="true"]:before{content: ''; position: absolute; right: -23px; top: 50%; transform: translate(0, -50%); width: 3px; height: 34px; background-color: #00b9cb;}
a.flightList_toggle:hover{color: #00b9cb;}

.seatSelection_mapFrame{border-right: 1px solid #dcdddf;}
.mobile_flightTitle{display: none;}
.seatSelection_passengerList{position: relative; padding: 24px 32px 0px; height: 91px; border-bottom: 1px solid #dcdddf;}
.seatSelection_passengerList .owl-carousel .owl-nav .owl-next{position: absolute; left: -32px; top: 0px; width: 45px; height: 45px; font-size: 0px; background: url(../../../SeatMap/resources/imgs/header_left.png) center / 12px auto no-repeat;}
.seatSelection_passengerList .owl-carousel .owl-nav .owl-prev{position: absolute; right: -32px; top: 0px; width: 45px; height: 45px; font-size: 0px; background: url(../../../SeatMap/resources/imgs/header_right.png) center / 12px auto no-repeat;}
.seatSelection_passengerList .item{padding: 0px 30px 0px 10px;}
a.passengerTab{position: relative; display: inline-block; text-align: right; min-height: 66px; padding: 4px 44px 4px 8px; color: #1c1942; text-decoration: none; font-weight: 400; font-size: 16px; line-height: 16px;}
.passengerTab_name, .passengerTab_seat{font-weight: inherit; display: block; direction: ltr; text-align: right;}
.passengerTab_infant{font-weight: inherit; display: block; font-weight: 300; direction: ltr; font-size: 0.75em; text-align: right;}
a.passengerTab[aria-disabled="true"]{color: #b3b3b3;}
a.passengerTab[aria-disabled="true"]:before{background-position: left -50px;}
a.passengerTab[aria-selected="true"]{font-weight: 500; border-bottom: 3px solid #00b9cb;}

.seatSelection_mapPanels{padding: 0px; }
.seatSelection_map{display: flex;}
.seatMap_layoutFrame{width: 560px; padding: 30px 0px 10px 15px;}
.seatMap_mobileInfo{display: none;}
.seatMap_layout{margin: 0px auto; width: 100%; max-width: 480px;}
.seatMap_layoutTitle{display: flex; direction: ltr; padding-bottom: 36px;}
.seatMap_layoutTitle div{text-align: center; text-transform: uppercase; font-weight: 400; font-size: 16px;}
.seatMap_layoutBody{padding: 0px 0px 0px 0px; max-height: 560px; direction: ltr;}
.seatMap_layoutBody .mCSB_container{margin-right: 10px;}
.seatMap_layoutBody .mCSB_scrollTools{width: 5px; opacity: 1;}
.seatMap_layoutBody .mCSB_scrollTools .mCSB_draggerRail{width: 5px; background-color: #c0bebe; border-radius: 0px;}
.seatMap_layoutBody .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 5px; background-color: #1c1942;}

ul.seatMap_layoutGrid{padding: 8px 0px 15px;}
ul.seatMap_layoutGrid li{padding: 16px 0px 0px 0px; display: flex; width: 100%;}
ul.seatMap_layoutGrid li:nth-child(1){padding: 0px 0px 0px 0px;}
ul.seatMap_layoutGrid li div{text-align: center; font-size: 16px;}
.seatMap_space{width: 30px;}
.seatMap_row{line-height: 32px; width: 48px;}
.seatMap_item{width: 36px; padding: 0px 5px;}
a.seatToggle[aria-disabled="true"]{pointer-events: none; color: #737373; font-weight: 300; font-size: 22px; line-height: 24px;}
a.seatToggle.prevSelected[aria-disabled="true"]{background-position: left -80px; color: #ffffff; font-size: 15px; line-height: 24px;}
a.seatToggle:hover{background-position: left 80px; color: #ffffff;}
a.seatToggle[aria-checked="true"]{background-position: left -80px; color: #ffffff;}
ul.seatMap_layoutGrid li.exitRow{padding: 32px 43px 0px 53px;}
ul.seatMap_layoutGrid li div.exitPointer{flex-basis: 0; flex-grow: 1; text-align: right; text-transform: uppercase;}
ul.seatMap_layoutGrid li div.exitPointer:nth-child(1){text-align: left;}
.exitPointer span{display: inline-block; padding: 0px 32px; position: relative; font-weight: 400; font-size: 16px; line-height: 22px; color: #1c1942;}
ul.seatMap_layoutGrid li div.exitPointer:nth-child(1) span:before{right: auto; left: 0px; transform: rotate(180deg);}
ul.seatMap_layoutGrid li.restRooms{justify-content: space-between; padding: 20px 43px 0px 53px;}
ul.seatMap_layoutGrid li.restRooms img{display: block; width: 39px;}

.seatMap_extras{width: calc(100% - 560px); background-color: #f4f1f1; border-right: 1px solid #dcdddf; border-left: 1px solid #dcdddf; position: relative; overflow: hidden;}
.seatMap_legend{position: relative;}
a.seatMap_extrasClose{display: none; position: absolute; left: 0px; top: 0px; text-align: center; font-weight: 300; font-size: 36px; line-height: 44px; width: 48px; height: 48px; text-decoration: none; color: #15bece;}

.seatMap_extrasTitle{font-weight: 500; font-size: 16px; line-height: 16px; display: flex; align-items: center; height: 76px; padding: 0px 8.6%;}
.seatMap_extrasBody{padding: 0px 8.6%;}
ul.seatMap_extrasLegend{padding: 18px 0px 0px 0px; border-top: 1px solid #dcdddf;}
ul.seatMap_extrasLegend li{display: flex; align-items: center; color: #3e3e3e; font-size: 14px; min-height: 30px; position: relative; padding-right: 48px; margin-top: 12px;}
ul.seatMap_extrasLegend li:before{content: ''; position: absolute; right: 0px; top: 50%; transform: translate(0, -50%);}

.seatMap_selectedSeat{position: absolute; left: 0px; top: 100%; width: 100%; height: 100%; z-index: 1; background-color: #f4f1f1; padding: 0px; transition: top 0.4s ease-in-out;}
.seatMap_selectedSeat.active{top: 0px;}
.selectedSeat_details{padding: 18px 0px 28px 0px; border-top: 1px solid #dcdddf;}
.selectedSeat_detailsTitle{font-size: 16px; line-height: 25px; display: flex; justify-content: space-between; align-items: center;}
.selectedSeat_detailsSeat{font-weight: 500;}
.selectedSeat_detailsSeat B{display: inline-block; background-color: #00003b; color: white; border-radius: 4px; padding: 0px 6px; margin-right: 4px;}
.selectedSeat_detailsPrice{font-weight: 400;}
.selectedSeat_detailsBullets{font-size: 14px; line-height: 16px; padding: 18px 0px 0px 0px;}
.selectedSeat_detailsBullets li{padding: 3px 10px 0px 0px; position: relative;}
.selectedSeat_detailsBullets li:before{content: ''; position: absolute; right: 0px; top: 10px; background-color: #00003b; width: 4px; height: 4px; border-radius: 2px;}
.selectedSeat_detailsPanel{padding-top: 28px; display: flex; justify-content: space-between; align-items: center;}

.selectedSeat_confirm{width: calc(50% - 5px); height: 35px; border: 1px solid #15bece; background-color: #15bece; color: white; font-weight: 500; font-size: 16px; cursor: pointer;}
.selectedSeat_reset{width: calc(50% - 5px); height: 35px; border: 1px solid #15bece; background-color: white; color: #15bece; font-weight: 500; font-size: 16px; cursor: pointer;}
/*.selectedSeat_confirm:hover, .selectedSeat_confirm:focus, .selectedSeat_reset:hover, .selectedSeat_reset:focus{border-color: #108f9c; background-color: #108f9c; color: white;}*/

.mobileFinishedSeating{display: none;}
.fixedBottom{position: fixed; background-color: #ffffff; left: 0px; right: 0px; bottom: 0px; box-shadow: 0px 0px 20px #888; z-index: 1;}
.bottomPanel{padding: 0px 0px 0px 0px; }
.bottomPanel .centeredContent{height: 80px; display: flex; align-content: center; direction: ltr;}
.bottomPanel_buttons{float: left; display: flex; align-items: center; direction: rtl;}
.bottomPanel_text{font-size: 18px; display: block; padding: 0px 0px 0px 12px;}
.bottomPanel_button{border: 0px; width: 214px; height: 35px; background-color: #1b358f; color: white; font-weight: 500; font-size: 18px; cursor: pointer;text-align:center;}
.bottomPanel_button.sundor{background-color: #00b6ef;}
.bottomPanel_button:hover, .bottomPanel_button:focus{background-color: #1b358f;}
.bottomPanel_button.sundor:hover, .bottomPanel_button.sundor:focus{background-color: #00b6ef;}
.bottomPanel_button:disabled {background-color: #d7d4d4;color: #4B4B4B;cursor: default;}
.bottomPanel_button:disabled:hover {background-color: #d7d4d4;color: #4B4B4B;cursor: default;}

.TZURStrip{text-align: center; padding: 3px 0px 0px 0px;}
.TZURStrip a{display: inline-block; text-decoration: none;}

/* single flight */
.seatSelection_grid.singleFlight{padding-right: 0px; margin-top: 0px;} /*  height: 720px; */
.seatSelection_grid.singleFlight .seatSelection_flightList{display: none; position: static; right: auto; top: auto; width: auto;}
.seatSelection_grid.singleFlight .flightList_title{display: none;}
.seatSelection_grid.singleFlight .flightList_ul li{border-top: 0px;}
.seatSelection_grid.singleFlight a.flightList_toggle{pointer-events: none; height: 48px;}
.seatSelection_grid.singleFlight a.flightList_toggle[aria-expanded="true"]:before{display: none;}
.seatSelection_grid.singleFlight .seatSelection_mapFrame{border-right: 0px;}
.seatSelection_grid.singleFlight .seatSelection_mapPanels{border-right: 1px solid #dcdddf;}
.seatSelection_grid.singleFlight .seatSelection_passengerList{padding-top: 13px; height: 80px;}
.seatSelection_grid.singleFlight .seatMap_layoutFrame{width: 800px; padding-top: 14px;}
.seatSelection_grid.singleFlight .seatMap_extras{width: calc(100% - 800px);}
.seatSelection_grid.singleFlight .seatMap_layoutBody{max-height: 500px;}

/* errorPop */
.errorPop{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -100%); background-color: white; width: 260px; padding: 22px 24px 24px;}
.errorPop P{font-size: 14px; line-height: 15px; text-align: center;}
a.errorPop_confirm{display: block; margin: 30px auto 0px; width: 160px; height: 35px; background-color: #1b358f; color: white; text-decoration: none; text-align: center; font-weight: 500; font-size: 18px; line-height: 33px; cursor: pointer;}
a.errorPop_confirm:hover{background-color: #1b358f; color: white;}

a.errorPop_close{position: absolute; left: 0px; top: 0px; width: 48px; height: 48px; text-decoration: none; font-size: 36px; line-height: 40px; color: #1c1942; display: flex; align-items: center; justify-content: center;}
.errorPop_fail{max-width: 500px; width: 90%;}
.errorPop_fail P{font-size: 18px; line-height: 22px; font-weight: 500;}

.errorPop_cancelCheckin{max-width: 400px; width: 95%;}
.errorPop_cancelCheckin P{font-size: 18px; line-height: 22px; font-weight: 500;}
.errorPop_panel{display: flex; justify-content: space-around; padding-top: 30px;}
.errorPop_panel a.errorPop_confirm{margin: 0px 5px;}

/* back to top */
.elalMap_backToTop{position: fixed; left: 0px; right: 0px; bottom: 100px;}
.elalMap_backToTop a{display: block; text-decoration: none; width: 40px;}
.elalMap_backToTop img{display: block; width: 100%;}

@media screen and (max-width: 1100px) {
    .seatSelection_grid{padding: 0px 240px 0px 0px;}
    .seatSelection_flightList{width: 240px;}
    a.flightList_toggle{height: 64px; font-size: 15px;}
    .flightList_toggleDetails span:nth-child(1){width: 100px;}
    a.flightList_toggle[aria-expanded="true"]:before{right: -12px;}
    .seatMap_layoutFrame{width: 520px;}
    .seatMap_extras{width: calc(100% - 520px);}
    .seatMap_space{width: 20px;}
    .seatMap_layout{max-width: 420px;}
    .seatMap_layoutTitle{padding-bottom: 21px; padding-right: 15px;}
    .seatMap_layoutBody .mCSB_container{margin-right: 15px;}
    
    ul.seatMap_layoutGrid li.exitRow{padding: 32px 8px 0px 53px;}
    ul.seatMap_layoutGrid li.restRooms{padding: 20px 8px 0px 53px;}
    
/* single flight */
    .seatSelection_grid.singleFlight .seatMap_layoutFrame{width: 600px;}
    .seatSelection_grid.singleFlight .seatMap_extras{width: calc(100% - 600px);}
    .seatSelection_grid.singleFlight a.flightList_toggle{font-size: 20px;}
}

@media screen and (max-width: 1024px) {
    .seatSelection_page{padding: 36px 0px 54px 0px;}
    .seatSelection_grid{padding: 0px 0px 0px 0px; margin-top: 0px;}
    .seatSelection_flightList{width: auto; position: relative;}
    .flightList_title{height: 48px;}
    .flightList_ul{display: flex; align-items: center; border-top: 1px solid #dcdddf; border-bottom: 1px solid #dcdddf;}
    .flightList_ul li{width: 25%; border-top: 0px; text-align: center; padding: 0px 15px;}
    a.flightList_toggle{height: auto; display: inline-block; padding: 5px 0px 8px;}
    .flightList_toggleDetails span{display: block;}
    a.flightList_toggle[aria-expanded="true"]:before{width: auto; height: 3px; right: 0px; left: 0px; top: auto; bottom: 0px; transform: none;}
    .flightList_toggleDetails span:nth-child(1){width: auto; padding: 0px 0px 16px 0px; background-position: center bottom;}
    
    .seatSelection_mapFrame{border-right: 0px;}
    .seatMap_layoutFrame{width: calc(100% - 320px);}
    .seatMap_extras{width: 320px;}
    .seatSelection_passengerList{padding: 24px 45px 0px;}
    .seatSelection_passengerList .owl-carousel .owl-nav .owl-next{left: -45px;}
    .seatSelection_passengerList .owl-carousel .owl-nav .owl-prev{right: -45px;}

/* single flight */
    .seatSelection_grid.singleFlight .seatSelection_flightList{padding-top: 10px; padding-bottom: 8px;}
    .seatSelection_grid.singleFlight .flightList_ul{border-top: 0px; border-bottom: 0px;}
    .seatSelection_grid.singleFlight .flightList_ul li{width: auto; padding: 0px 0px;}
    .seatSelection_grid.singleFlight a.flightList_toggle{height: auto;}
    .seatSelection_grid.singleFlight .flightList_toggleDetails span{display: inline-block;}
    .seatSelection_grid.singleFlight .flightList_toggleDetails span:nth-child(1){padding: 0px 0px 0px 40px; background-position: 12px center;}
    .seatSelection_grid.singleFlight .seatMap_layoutFrame{width: calc(100% - 320px);}
    .seatSelection_grid.singleFlight .seatMap_extras{width: 320px;}
}

@media screen and (max-width: 880px) {
    .seatMap_layoutFrame{width: calc(100% - 300px);}
    .seatMap_extras{width: 300px;}
    .seatSelection_grid.singleFlight .seatMap_layoutFrame{width: calc(100% - 300px);}
    .seatSelection_grid.singleFlight .seatMap_extras{width: 300px;}
    .seatSelection_grid.singleFlight .seatSelection_mapPanels{border-right: 0px;}

    .elalMap_backToTop{position: static; left: auto; right: auto; bottom: auto; padding-top: 6px;}
    .elalMap_backToTop .centeredContent{padding: 0px !important; margin: 0px;}
    .seatSelection_timer{font-size: 16px;}
}

@media screen and (max-width: 767px) {
    main.mainPage{padding-bottom: 66px;}
    .seatSelection_page{padding: 24px 0px 36px 0px; position: relative;}
    h2.seatSelection_title{text-align: center;}
    .seatSelection_timer{text-align: center;}

    .seatSelection_grid{border-bottom: 0px; margin: 0px -25px; overflow: hidden;}
    .seatSelection_flightList{padding: 0px 25px; transition: right 0.5s ease-in-out;}
    .flightList_ul{display: block; border: 0px;}
    .flightList_ul li{width: auto; text-align: right; padding: 5px 0px 0px 0px;}
    a.flightList_toggle{display: block; align-items: center; min-height: 64px; padding: 8px 24px 8px 144px; border: 1px solid #e1e1e1; font-size: 16px;}
    a.flightList_toggle[aria-expanded="true"]{font-weight: 400;}
    a.flightList_toggle[aria-expanded="true"]:before{display: none;}
    
    .flightList_toggleDetails{padding: 15px 0px 0px 0px;}
    .flightList_toggleDetails span{display: inline-block;}
    .flightList_toggleDetails span:nth-child(1){padding: 0px 0px 0px 40px; background-position: 12px center;}
    .flightList_toggleButton{position: absolute; left: 24px; top: 13px; display: block; width: 120px; height: 36px; text-align: center; background-color: #15bece; color: white; font-weight: 500; font-size: 18px; line-height: 36px;}
    .flightList_toggleSeat{display: inline-block; margin: 2px 0px 0px 0px; padding: 0px 5px; border: 1px solid #c8c8c8; background-color: #00003b; color: white; border-radius: 5px; font-weight: 500; font-size: 15px; line-height: 23px;}

    .bottomPanel .centeredContent{height: 56px;}
    .bottomPanel_text{font-size: 16px;}
    .bottomPanel_button{width: 214px; height: 32px; font-size: 16px;}
    
    .seatSelection_mapPanels{padding-bottom: 72px;}
    .seatSelection_mapFrame{background-color: white; z-index: 2; position: fixed; height: 100%; right: 0px; left: 0px; top: 100%; padding: 0px 0px 0px; transition: top 0.5s ease-in-out; overflow-y: auto;}
    .mobile_flightTitle{display: block; text-align: center; border-bottom: 1px solid #dcdddf;}
    .mobile_flightTitle .flightList_toggleDetails{padding: 7px 0px 6px 0px;}
    .seatSelection_map{display: block; background-color: #f4f1f1; padding: 0px 25px;}
    .seatMap_layoutFrame{width: auto; padding: 15px 0px 15px 0px;}
    .seatMap_layout{max-width: 480px;}
    .seatMap_layoutBody{max-height: 400px;}
    .seatMap_mobileInfo{display: block; font-size: 14px; padding: 0px; text-align: center;}
    .seatMap_mobileInfo span{display: inline-block; vertical-align: middle;}
    .seatMap_mobileInfo a{display: inline-flex; vertical-align: middle; text-decoration: none; width: 36px; height: 36px; flex-direction: column; justify-content: center; text-align: center;}
    .seatMap_mobileInfo a B{display: block; width: 16px; height: 16px; border-radius: 50%; margin: 0px auto; background-color: #1c1942; color: #ffffff; text-align: center; font-size: 11px; line-height: 18px;}
    
    .seatMap_space{width: 30px;}
    ul.seatMap_layoutGrid li.exitRow{padding: 32px 40px 0px 53px;}
    ul.seatMap_layoutGrid li.restRooms{padding: 20px 40px 0px 53px;}

    .seatMap_extras{width: auto; overflow: visible; z-index: 2; position: fixed; bottom: 0px; left: 0px; right: 0px; border: 0px; background-color: transparent;}    
    .seatMap_extrasTitle{height: 44px;}
    a.seatMap_extrasClose{display: block;}

    .seatMap_legend{background-color: white; position: absolute; left: 0px; right: 0px; bottom: -500px; transition: bottom 0.4s ease-in-out; padding: 0px 0px 24px 0px; box-shadow: 0px 0px 20px #888;}
    .seatMap_legend.active{bottom: 0px;}
    ul.seatMap_extrasLegend{display: flex; flex-wrap: wrap; border-top: 0px; padding-top: 0px;}
    ul.seatMap_extrasLegend li{width: 50%; margin-top: 10px;}
    
    .seatMap_selectedSeat{background-color: white; position: absolute; left: 0px; right: 0px; top: auto; height: auto; bottom: -500px; transition: bottom 0.4s ease-in-out; padding: 0px 0px 24px 0px; box-shadow: 0px 0px 20px #888;}
    .seatMap_selectedSeat.active{top: auto; bottom: 0px;}
    .selectedSeat_details{padding: 18px 0px 0px 0px;}
    
    .seatSelection_grid.seatStep02 .seatSelection_mapFrame{top: 0;}
    .mobileFinishedSeating{display: none; background-color: white; text-align: center; padding: 15px 15px 14px; z-index: 1; position: fixed; left: 0px; right: 0px; bottom: 0px; box-shadow: 0px 0px 20px #888;}
    .mobileFinishedSeating button{background-color: #15bece; color: white; border: 0px; width: 90%; max-width: 328px; height: 35px; font-weight: 500; font-size: 18px; line-height: 35px;}
    .seatSelection_grid.seatStep02 .seatSelection_mapFrame .mobileFinishedSeating{display: block;}
    
/* single flight */
    .seatSelection_grid.singleFlight{height: auto;}
    .seatSelection_grid.singleFlight .seatSelection_flightList{padding-top: 20px; padding-bottom: 10px; margin-bottom: 8px; border-bottom: 1px solid #dcdddf;}
    .seatSelection_grid.singleFlight .flightList_ul li{padding: 0px 0px 0px 0px;}
    .seatSelection_grid.singleFlight a.flightList_toggle{text-align: center; padding: 0px 0px 0px 0px; border: 0px; min-height: 0px;}
    .seatSelection_grid.singleFlight .flightList_toggleButton{display: none;}
    .seatSelection_grid.singleFlight .flightList_toggleDetails{padding: 0px;}
    .seatSelection_grid.singleFlight .seatMap_layoutFrame{width: auto;}
    .seatSelection_grid.singleFlight .seatMap_extras{width: auto;}
    .seatSelection_grid.singleFlight .seatSelection_mapFrame{position: relative; right: auto; top: auto; z-index: auto;}
    .seatSelection_grid.singleFlight .seatMap_layoutBody{max-height: 400px;}
    .seatSelection_grid.singleFlight .mobile_flightTitle{display: none;}
    .seatSelection_grid.singleFlight .seatSelection_mapPanels{padding-bottom: 0px;}
}

@media screen and (max-width: 670px) {
    .seatSelection_grid{margin: 0px -15px;}
    .seatSelection_flightList{padding: 0px 15px;}
    .seatSelection_map{padding: 0px 15px;}    
    
    .seatMap_layout{max-width: 420px;}
    .seatMap_space{width: 20px;}
    ul.seatMap_layoutGrid li.exitRow{padding: 32px 8px 0px 53px;}
    ul.seatMap_layoutGrid li.restRooms{padding: 20px 8px 0px 53px;}
}

@media screen and (max-width: 480px) {
    .seatSelection_page{padding: 21px 0px 20px 0px;}
    h2.seatSelection_title{font-size: 27px; line-height: 34px;}
    .seatSelection_timer{font-size: 15px;}
    
    a.mobileGoBack{top: 28px; background-size: 18px auto; background-position: center 8px;}

    a.flightList_toggle{min-height: 54px; padding: 4px 10px 4px 120px;}
    .flightList_toggleDetails{padding: 13px 0px 0px 0px;}
    .flightList_toggleButton{left: 10px; top: 14px; width: 100px; height: 25px; font-size: 16px; line-height: 24px;}

    .seatSelection_passengerList{padding: 14px 45px 0px; height: 80px;}
    .seatSelection_passengerList .item{padding: 0px 10px 0px 10px; text-align: center;}
    a.passengerTab{font-size: 12px; line-height: 15px;}
    .passengerTab_infant{font-size: 0.9em;}
    
    .seatMap_layout{max-width: 360px;}    
    
    ul.seatMap_layoutGrid li div{font-size: 13px;}
    .seatMap_row{line-height: 28px; width: 32px;}
    .seatMap_item{width: 30px; padding: 0px 4px;}
    a.seatToggle{width: 22px; height: 27px; font-size: 12px; line-height: 20px;}
    a.seatToggle[aria-disabled="true"]{font-size: 18px; line-height: 21px;}
    a.seatToggle.prevSelected[aria-disabled="true"]{background-position: left 34px; font-size: 12px; line-height: 22px;}
    a.seatToggle:hover{background-position: left -34px;}
    a.seatToggle[aria-checked="true"]{background-position: left 34px;}

    ul.seatMap_layoutGrid li.exitRow{padding: 24px 10px 0px 36px;}
    ul.seatMap_layoutGrid li.restRooms{padding: 20px 8px 0px 36px;}
    .seatMap_layoutTitle{padding-bottom: 14px;}
    .fixedBottom{/*height:125px;*/}
    .bottomPanel{padding: 5px 0px 0px 0px; }
}

@media screen and (max-width: 375px) {
    .seatSelection_page{padding: 21px 0px 20px 0px;}
    h2.seatSelection_title{font-size: 27px; line-height: 34px;}
    .seatSelection_timer{font-size: 15px;}
    a.mobileGoBack{right: -10px; top: 30px;}
    
    .seatSelection_grid{margin: 0px -10px;}
    .seatSelection_flightList{padding: 0px 10px;}
    .seatSelection_map{padding: 0px 10px;}    
    
    a.flightList_toggle{padding: 4px 10px 4px 95px;}
    .flightList_toggleButton{width: 72px;}
    .flightList_toggleButton span{display: none;}
    
    .seatSelection_passengerList{padding: 14px 30px 0px;}
    .seatSelection_passengerList .owl-carousel .owl-nav .owl-next{left: -36px; top: 8px; width: 36px; height: 36px; background-size: 9px auto;}
    .seatSelection_passengerList .owl-carousel .owl-nav .owl-prev{right: -36px; top: 8px; width: 36px; height: 36px; background-size: 9px auto;}

    ul.seatMap_layoutGrid li.exitRow{padding: 24px 10px 0px 32px;}
    ul.seatMap_layoutGrid li.restRooms{padding: 20px 8px 0px 32px;}

    .seatMap_extrasTitle{padding: 0px 25px;}
    .seatMap_extrasBody{padding: 0px 25px;}

    .mobileFinishedSeating button{width: 96%;}
    .fixedBottom{/*height:125px;*/}
    .bottomPanel{padding: 5px 0px 0px 0px; }
}

@media screen and (max-width: 360px) {
    ul.seatMap_layoutGrid li.exitRow{padding: 24px 5px 0px 28px;}
    ul.seatMap_layoutGrid li.restRooms{padding: 20px 5px 0px 28px;}
    
    .seatMap_extrasTitle{padding: 0px 15px;}
    .seatMap_extrasBody{padding: 0px 15px;}
    
    .seatMap_mobileInfo{margin: 0px -10px; padding-right: 5px; text-align: right;}
    .seatMap_mobileInfo a{width: 28px;}
}

@media screen and (max-width: 320px) {
    ul.seatMap_layoutGrid li.exitRow{padding: 24px 5px 0px 20px;}
    ul.seatMap_layoutGrid li.restRooms{padding: 20px 5px 0px 20px;}
}

/* checkout */
.checkoutMoadon_banner{display: flex; align-items: center; justify-content: space-between; float: left; width: 584px; margin-top: -64px; height: 55px; padding: 0px 15px 0px; background-color: white; box-shadow: 0px 0px 4px #888; position: relative;}
.checkoutMoadon_text{padding-left: 8px;}
.checkoutMoadon_login{padding: 0px 50px 0px 0px; position: relative;}
.checkoutMoadon_login strong{display: block; font-weight: 500; font-size: 22px; line-height: 18px;}
.checkoutMoadon_login span{display: block; font-weight: 400; font-size: 14px; line-height: 18px;}

.checkoutMoadon_logged{display: none; padding: 0px;}
.checkoutMoadon_logged strong{display: block; font-weight: 500; font-size: 18px; line-height: 20px;}
.checkoutMoadon_logged B{font-weight: 700; font-size: 16px; color: #15bece;}
.checkoutMoadon_logged span{display: block; font-size: 14px; line-height: 20px;}

.checkoutMoadon_toggle button{border: 0px; width: 126px; height: 35px; background-color: #15bece; color: white; font-weight: 500; font-size: 16px; cursor: pointer;}
.checkoutMoadon_toggle a{display: none; white-space: nowrap; font-size: 14px; color: #1c1942; text-decoration: underline;}

.checkoutFrame{background-color: #ebebeb; padding: 0px 8% 32px; margin-top: 20px;}
.checkoutSection{padding: 30px 0px 12px 0px;}
.checkoutFlight{padding: 0px 10px 3px 0px; border-bottom: 3px solid #d5d6d8; font-weight: 700;}
.checkoutFlight span{white-space: nowrap;}

.checkoutPassenger{display: flex; border-bottom: 1px solid white;}
.checkoutPassengerName{width: 260px; padding: 16px 10px 20px 10px;}
.checkoutPassengerName strong{display: inline-block; direction: ltr; text-align: right; font-weight: 700; font-size: 16px; padding: 0px 0px 0px 10px;}
.checkoutPassengerName B{display: inline-block; font-weight: 300; font-size: 13px; direction: ltr; text-align: right;}
.checkoutPassengerName span{display: block; padding: 0px 0px 0px 0px; font-size: 14px; line-height: 14px;}

.checkoutPassengerDetails{width: calc(100% - 260px);}
.checkoutPassengerDetails li{border-bottom: 1px solid white; display: flex; align-items: center; justify-content: space-between; min-height: 40px; padding: 5px 60px 5px 0px; position: relative;}
.checkoutPassengerDetails li:nth-last-child(1){border-bottom: 0px;}
.checkoutPassengerDetails li img{display: block; width: 16px; position: absolute; right: 15px; top: 12px;}
.checkoutPassengerItem{font-size: 15px; width: 48%;}
.checkoutPassengerPanel{min-width: 64px;}

.checkoutPassengerToggle{padding: 0px 0px 0px 0px; font-size: 15px; width: 240px;}
.checkoutPassengerToggle label{display: inline-block; position: relative;}
.checkoutPassengerToggle input{position: absolute; opacity: 0;}
.PassengerToggle{display: flex; align-items: center;}
.PassengerToggle_points{width: 90px;}
.PassengerToggle_price{padding-right: 50px; font-weight: 700; position: relative; direction: ltr;}
.PassengerToggle_price:before{content: ''; cursor: pointer; position: absolute; right: 0px; top: 0px; background-color: #dcdddf; width: 36px; height: 18px; border-radius: 9px;}
.PassengerToggle_price:after{content: ''; position: absolute; right: 18px; transition: right 0.5s ease-in-out; top: 0px; background-color: #15bece; width: 18px; height: 18px; border-radius: 9px;}
.checkoutPassengerToggle input:checked + .PassengerToggle .PassengerToggle_points{font-weight: 700;}
.checkoutPassengerToggle input:checked + .PassengerToggle .PassengerToggle_price{font-weight: 400;}
.checkoutPassengerToggle input:checked + .PassengerToggle .PassengerToggle_price:after{right: 0px;}

.checkoutPassenger_tooltipHolder{width: 32px; height: 32px; margin: 0px; float: left; position: relative;}
a.checkoutPassenger_tooltipToggle{display: flex; flex-direction: column; justify-content: center; text-align: center; text-decoration: none; font-size: 0px; width: 32px; height: 32px;}
a.checkoutPassenger_tooltipToggle:after{content: 'i'; display: block; width: 16px; height: 16px; border-radius: 50%; margin: 0px auto; background-color: #1c1942; color: #ffffff; text-align: center; font-size: 11px; line-height: 18px;}
.checkoutPassenger_tooltip{position: absolute; z-index: 1; left: -2px; top: 100%; margin-top: 4px; background-color: white; width: 160px; padding: 8px 8px 6px; box-shadow: 0px 0px 4px #888;}
.checkoutPassenger_tooltip:before{content: ''; position: absolute; left: 12px; bottom: 100%; width: 0px; height: 0px; border: 7px solid transparent; border-bottom-color: white;}

.checkoutLoginNote{padding: 7px 0px 0px 0px; font-size: 14px; line-height: 14px;}

.loggedPage .checkoutMoadon_login{display: none;}
.loggedPage .checkoutMoadon_toggle button{display: none;}
.loggedPage .checkoutMoadon_toggle a{display: inline;}
.loggedPage .checkoutMoadon_logged{display: block;}
.loggedPage .PassengerToggle_points span{display: none;}
.loggedPage .checkoutLoginNote{display: none;}

.blinking{
	animation:blinkingText 1.5s infinite;
}
@keyframes blinkingText{
	30%{		color: #ff2e05;	}
	50%{	color: transparent;	}
	75%{	color:transparent;	}
	100%{	color: #ff2e05;	}
}

@media screen and (max-width: 1024px) {
    .checkoutFrame{padding: 0px 4% 24px; margin-top: 16px;}
    .checkoutPassengerName{width: 220px;}
    .checkoutPassengerDetails{width: calc(100% - 220px);}
    .checkoutPassengerItem{width: 18%;}
    .checkoutPassengerDetails li .checkoutPassengerItem:nth-last-child(2){width: auto;}

    .checkoutMoadon_banner{width: 480px;}

    .checkoutMoadon_login{padding: 0px 44px 0px 0px;}
    .checkoutMoadon_login strong{font-size: 20px; line-height: 18px;}
    
    .checkoutMoadon_logged span{width: 200px; line-height: 14px;}
}

@media screen and (max-width: 880px) {
    .checkoutMoadon_banner{width: 420px; height: 72px;}
    .checkoutFrame{padding: 0px 4% 32px;}
    .checkoutSection{padding: 36px 0px 0px 0px;}
    
    .checkoutPassenger{display: block;}
    .checkoutPassengerName{width: auto; border-bottom: 1px solid white; padding: 24px 10px 10px;}
    .checkoutPassengerDetails{width: auto;}
    .checkoutMoadon_logged B{display: block;}
    

}

@media screen and (max-width: 767px) {
    .checkoutMoadon_banner{float: none; margin: 18px auto 0px;}
}

@media screen and (max-width: 670px) {
    .checkoutPassengerName{border-bottom: 0px; padding: 36px 10px 10px;}
    .checkoutPassengerDetails li{border-top: 1px solid white; border-bottom: 0px;}
    
    .checkoutPassengerDetails li{flex-direction: column; align-items: flex-start; height: auto; padding: 10px 36px 10px 0px;}
    .checkoutPassengerDetails li img{right: 10px;}
    .checkoutPassengerItem{width: auto;}
    .checkoutPassengerToggle{width: auto; padding-top: 5px;}
    .checkoutPassengerPanel{min-width: none; width: 64px; position: absolute; left: 0px; top: 4px;}
    .checkoutPassengerDetails li img{top: 9px;}
    .checkoutPassengerPanel{top: auto; bottom: 4px;}
    
    .PassengerToggle_points{width: auto; padding-left: 10px;}
    .PassengerToggle_price{padding-right: 45px;}
    
    .checkoutFrame_v3{margin: 0px -15px 0px; padding: 0px 0px 0px; background-color: transparent;}
    .checkoutFrame_v3 .checkoutPassengerName{padding: 8px 10px 10px;}
    .checkoutFrame_v3 .checkoutSection{padding: 32px 0px 0px 0px; background-color: transparent;}
    .checkoutFrame_v3 .checkoutFlight{display: flex; justify-content: flex-start; align-items: center; padding: 0px 30px 0px; border-bottom: 0px; height: 40px; background-color: #ebebeb;}
    .checkoutFrame_v3 .checkoutFlight span:nth-child(1){width: auto;}
    .checkoutFrame_v3 .checkoutPassenger{margin: 15px 15px 0px; padding: 15px 15px 10px; background-color: #f4f1f1;}
    .loginPage_footer{/*padding-bottom:80px !important;*/}
}

@media screen and (max-width: 480px) {
    .checkoutPassengerName strong{font-size: 14px;}
    .checkoutPassengerName B{font-size: 12px;}
    .checkoutPassengerItem, .checkoutPassengerToggle{font-size: 14px;}
    .checkoutPassengerToggle{padding-top: 8px;}
    
    .checkoutMoadon_banner{display: block; padding: 12px 15px 10px; max-width: 420px; width: 100%; height: auto;}
    .checkoutMoadon_toggle{text-align: center; padding-top: 8px;}
    .checkoutMoadon_login{padding: 0px; text-align: center;}
    .checkoutMoadon_login:before{display: none;}
    .checkoutMoadon_login strong{font-size: 19px; line-height: 19px;}
    .checkoutMoadon_login span{font-size: 16px; line-height: 19px;}
    
    .checkoutMoadon_logged strong{text-align: center;}
    .checkoutMoadon_logged span{margin: 10px auto 0px;}
    
    .checkoutFrame{background-color: transparent; padding: 0px 0px 0px;}
    .checkoutSection{background-color: #ebebeb; padding: 30px 15px 24px; margin-top: 24px;}
}

@media screen and (max-width: 375px) {
    .checkoutFrame_v3{margin: 0px -10px;}

    .checkoutFrame_v3 .checkoutPassenger{margin: 12px 10px 0px; padding: 10px 10px 10px;}
}

@media screen and (max-width: 360px) {
.checkoutPassengerToggle{margin-right: -28px; padding-top: 8px;}
}

/* passengers */
.seatSelection_subTitle{padding: 6px 0px 0px 0px; font-weight: 500; font-size: 18px; line-height: 20px;}
.passengerDocuments_subTitle {margin-top:7px;padding: 6px;font-weight: 500;font-size: 18px;color: #2A2C32;background-color: #FFECBA;
                              display: inline-block;border-radius: 3px;}


.departureTime_warning {font-weight: 400; background: #F7BBBB; color: #00003C; font-family: 'Rubik', arial, sans-serif; font-size: 24px; padding: 14px 10px 14px 0px;margin: 0px 0px 14px;}
.passengerList_title{display: none;}
.passengerList ul{margin-top: 18px;}
.passengerList li{  flex-wrap: wrap; display: flex; min-height: 66px; padding: 10px 40px 8px;margin-top: 5px; border: 1px solid #e1e1e1; padding: 0px 10px; display: flex; align-items: center;}
.passengerList div.allPassengers {flex-wrap: wrap;min-height: 66px;padding: 10px 40px 8px;margin-top: 5px;padding: 0px 10px;display: flex;align-items: center;}

.passengerList li a.toggleChk, .passengerList div.allPassengers a.toggleChk{position: relative; display:block; right: 12px; top: 0px; width: 45px; height: 20px; background-color: #ADB8BC; border-radius: 10px;
                              margin-left:10px;}

.passengerList li a.toggleChk:before, .passengerList div.allPassengers a.toggleChk:before{content: ''; display: block; position: absolute; right: 20px; top: -4px; transition: right 0.25s ease-in-out; 
                                                background: #fff url(../assets/chk_toggle.png) left top / 100% auto repeat-y; width: 25px; height: 25px; 
                                                border-radius: 50%;border:1px solid #e1e1e1;}
.passengerList li a.toggleChk_active,.passengerList div.allPassengers a.toggleChk_active{background-color:#1B358F;}
.passengerList li a.toggleChk_active:before, .passengerList div.allPassengers a.toggleChk_active:before{right:-1px;top:-4px;width: 25px;height: 25px;background-color: #fff;
                                                                     background-position: 0px -27px;border: 1px solid #e1e1e1;}
.passengerList li a.toggleChk.notValid{cursor:default;opacity: 0.5;background-color:#ADB8BC;}

.passengerList li strong, .passengerList div.allPassengers strong{font-size: 16px; font-weight: 400; padding-right: 10px;}

.passengerList li img.passengerList_error{display: inline-block; width: 24px; margin-right: 14px;}

@media screen and (max-width: 767px) {
    .seatSelection_subTitle{text-align: center; font-weight: 400; font-size: 14px; line-height: 16px;}
    .passengerDocuments_subTitle{text-align:right;}
    



    .departureTime_warning {font-weight: 400; font-size: 13px; background: #F7BBBB; color: #00003C; font-family: 'Rubik', arial, sans-serif; padding: 5px 5px 5px 0px; margin: 0px 0px 14px;}
    .passengerList li{padding: 0px 22px;}
    .passengerList li strong{font-size: 14px; line-height: 16px; padding-right: 0px;width:72%;}
    .passengerList li a.toggleChk{margin-left:25px;}
}

@media screen and (max-width: 375px) {
    .passengerList li{padding: 0px 22px;}
}


/* login */
.checkoutMoadon_toggle button:before, .checkoutMoadon_toggle button:after{display: none; content: ''; position: absolute; left: 40px; top: 100%; margin-top: 0px; width: 24px; height: 24px; background-color: white; transform: rotate(45deg);}
.checkoutMoadon_toggle button:before{box-shadow: 0px 0px 4px #888;}
.checkoutMoadon_toggle button:after{z-index: 2;}
.checkoutMoadon_toggle button[aria-expanded="true"]:before, .checkoutMoadon_toggle button[aria-expanded="true"]:after{display: block;}
.checkoutMoadon_loginPop{position: absolute; left: 0px; top: 100%; margin-top: 12px; padding: 36px 6.85% 36px; width: 100%; z-index: 10; background-color: white; box-shadow: 0px 0px 4px #888;}

.checkoutMoadon_loginTabs{border-bottom: 1px solid #dcdddf;}
.checkoutMoadon_loginTabs ul{display: flex; align-items: center;}
.checkoutMoadon_loginTabs ul li{text-align: center; flex-basis: 0; flex-grow: 1;}
.checkoutMoadon_loginTabs ul a{position: relative; display: inline-block; padding: 2px 24px 3px; color: #1c1942; text-decoration: none; text-align: center; font-size: 16px; line-height: 16px;}
.checkoutMoadon_loginTabs ul a[aria-expanded="true"]{font-weight: 700;}
.checkoutMoadon_loginTabs ul a[aria-expanded="true"]:after{content: ''; position: absolute; left: 0px; right: 0px; bottom: -2px; height: 3px; background-color: #15bece;}
.checkoutMoadon_loginPanels{padding: 28px 0px 0px 0px;}
.checkoutMoadon_loginPanel{padding: 0px 0px 0px 0px;}
ul.checkoutMoadon_loginForm{margin: 0px auto; max-width: 325px;}
ul.checkoutMoadon_loginForm li{padding: 18px 0px 0px 0px;}
label.loginForm_label{display: block; font-size: 16px; line-height: 20px;}
ul.checkoutMoadon_loginForm li input[type="tel"], ul.checkoutMoadon_loginForm li input[type="password"],
ul.checkoutMoadon_loginForm li input[type="email"], ul.checkoutMoadon_loginForm li input[type="text"]{display: block; width: 100%; height: 40px; background-color: white; border: 1px solid #d7d7d7; font-size: 16px; padding: 0px; margin: 0px; text-indent: 12px;}
ul.checkoutMoadon_loginForm li.loginForm_error input{border-color: #fa0019;}
ul.checkoutMoadon_loginForm li.loginForm_error .errorMsg{display: block;}
ul.checkoutMoadon_loginForm li.checkoutMoadon_email{display: none;}

.checkoutMoadon_loginSubmit{padding: 72px 0px 0px 0px;}
.checkoutMoadon_loginSubmit button{margin: 0px auto; display: block; width: 236px; height: 35px; border: 0px; background-color: #1b358f; color: white; font-weight: 500; font-size: 18px; cursor: pointer;border-radius:4px;}
.checkoutMoadon_loginSubmit button:hover{background-color: #1b358f;}
.checkoutMoadon_loginSubmit button span:nth-child(2){display: none;}

.checkoutMoadon_loginNote{font-size: 14px; line-height: 14px; color: #1c1942; padding: 25px 0px 0px 0px; width: 200px; margin: 0px auto; text-align: center;}
.checkoutMoadon_loginNote a{color: #1c1942; text-decoration: underline;}
.checkoutMoadon_login_step01 .checkoutMoadon_loginSubmit{padding: 45px 0px 0px 0px;}

.checkoutMoadon_loginToggle{display: flex; width: 100%; background-color: white; border: 1px solid #d7d7d7; font-weight: 500; font-size: 16px;border-radius:4px;}
.checkoutMoadon_loginToggle label{flex-basis: 0; flex-grow: 1; cursor: pointer;}
.checkoutMoadon_loginToggle label:nth-child(1){border-left: 1px solid #d7d7d7;}
.checkoutMoadon_loginToggle input{position: absolute; opacity: 0;}
.checkoutMoadon_loginToggle label span{display: flex; height: 40px; flex-direction: column; justify-content: center; text-align: center;}
.checkoutMoadon_loginToggle input:checked + span{background-color: #1b358f; color: white;border-radius:4px;}

.checkoutMoadon_loginPhone{overflow: hidden;}
ul.checkoutMoadon_loginForm li .checkoutMoadon_loginPhone input{float: right; width: calc(100% - 135px);}
ul.checkoutMoadon_loginForm li .checkoutMoadon_loginPhone .comboHolder{float: left; width: 130px;}
ul.checkoutMoadon_loginForm li .checkoutMoadon_loginPhone .comboHolder select{font-size: 13px;}

.checkoutMoadon_loginCode{max-width: 280px; margin: 0px auto; padding: 27px 0px 0px;}
.checkoutMoadon_loginCode label{display: block; text-align: center; padding: 0px 0px 30px;}
.checkoutMoadon_loginCode input{display: block; width: 100%; height: 40px; background-color: white; border: 1px solid #d7d7d7; font-size: 16px; padding: 0px; margin: 0px; text-indent: 12px;}

.checkoutMoadon_loginTitle{display: none;}

@media screen and (max-width: 670px) {
    .checkoutMoadon_toggle button[aria-expanded="true"]:before, .checkoutMoadon_toggle button[aria-expanded="true"]:after{display: none;}
    .checkoutMoadon_loginPop{position: fixed; left: 0px; right: 0px; top: 100%; transition: top 0.6s ease-in-out; bottom: 0px; z-index: 150; margin-top: 0px; padding: 0px 0px 0px;}
    .checkoutMoadon_loginPop[data-aria-hidden="true"]{display: block;}
    .checkoutMoadon_loginPop.active{top: 0px;}
    
    .checkoutMoadon_loginTitle{position: relative; display: block; padding: 10px 6.85% 0px; overflow: hidden; height: 38px; border-bottom: 1px solid #dcdddf;}
    .checkoutMoadon_loginTitle strong{font-weight: 500; font-size: 16px;}
    a.loginTitle_close{position: absolute; left: 5px; top: 0px; width: 38px; height: 38px; text-decoration: none; display: flex; flex-direction: column; justify-content: center; text-align: center; color: #1c1942; text-decoration: none; font-size: 24px;}
    .checkoutMoadon_loginTabs{padding-top: 24px;}
    .checkoutMoadon_loginSubmit button{width: 325px;}
    .checkoutMoadon_loginCode{max-width: 325px;}
    .checkoutMoadon_loginCode label{width: 280px; margin: 0px auto;}
}

@media screen and (max-width: 375px) {
    .checkoutMoadon_loginTabs ul a{font-size: 14px; line-height: 14px;}

    .checkoutMoadon_loginTitle{padding-right: 16px;}
    .checkoutMoadon_loginPanels{padding: 28px 16px 0px;}
    ul.checkoutMoadon_loginForm{max-width: none; margin: 0px;}
    .checkoutMoadon_loginSubmit{padding: 54px 0px 0px 0px;}
    .checkoutMoadon_loginSubmit button{width: 100%;}
    .checkoutMoadon_loginNote{padding-top: 18px;}
}


/* דף כבודה */
.luggagePage {
    padding: 24px 5% 60px;
}

.luggagePage_availability {
    font-size: 18px;
    line-height: 32px;
    font-weight: 500;
}

    .luggagePage_availability .checkoutPassenger_tooltip {
        width: 240px;
    }

    .luggagePage_availability .checkoutPassenger_tooltipHolder {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

        .luggagePage_availability .checkoutPassenger_tooltipHolder a.checkoutPassenger_tooltipToggle:after {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

ul.luggagePage_availableSlots {
    padding: 5px 0px 0px 0px;
}

    ul.luggagePage_availableSlots li {
        margin-top: 9px;
        padding: 0px 16px 0px 16px;
        min-height: 66px;
        border: 1px solid #e1e1e1;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        ul.luggagePage_availableSlots li strong {
            padding-right: 40px;
            font-size: 14px;
            line-height: 30px;
            font-weight: 400;
            background: url(imgs/luggage_page_icon.png) right 4px / 22px auto no-repeat;
        }

.availableSlots_left {
    width: 260px;
}

ul.luggagePage_availableSlots li label {
    position: relative;
    display: inline-block;
    font-size: 16px;
}

    ul.luggagePage_availableSlots li label input {
        position: absolute;
        opacity: 0;
    }

    ul.luggagePage_availableSlots li label span {
        display: inline-flex;
        min-height: 20px;
        padding-right: 48px;
        align-items: center;
    }

        ul.luggagePage_availableSlots li label span:before {
            cursor: pointer;
            content: '';
            position: absolute;
            right: 0px;
            top: 0px;
            width: 40px;
            height: 20px;
            background-color: #dcdddf;
            border-radius: 10px;
        }

        ul.luggagePage_availableSlots li label span:after {
            content: '';
            position: absolute;
            right: 20px;
            top: 0px;
            width: 20px;
            height: 20px;
            background: #cac8c8 url(../../Images/Ancilary/chk_toggle.png) 0px 0px / 100% auto repeat-y;
            border-radius: 10px;
            transition: right 0.3s ease-in-out;
        }

    ul.luggagePage_availableSlots li label input:checked + span:after {
        right: 0px;
        background-color: #15bece;
        background-position: 0px -22px;
    }

.luggagePage_addBag {
    padding: 25px 0px 0px 0px;
}

    .luggagePage_addBag h4 {
        font-weight: 500;
        font-size: 18px;
    }

    .luggagePage_addBag ul.luggagePage_availableSlots {
        padding: 13px 0px 0px 0px;
    }

        .luggagePage_addBag ul.luggagePage_availableSlots li {
            background-color: #f4f1f1;
        }

.luggagePage_addForm {
    width: 88px;
    position: relative;
    padding: 0px 25px;
}

    .luggagePage_addForm input {
        background-color: transparent;
        border: 0px;
        width: 100%;
        font-size: 14px;
        line-height: 25px;
        height: 25px;
        padding: 0px;
        margin: 0px;
        text-align: center;
    }

    .luggagePage_addForm a {
        position: absolute;
        right: 0px;
        top: 0px;
        text-align: center;
        text-decoration: none;
        width: 25px;
        height: 25px;
        font-weight: 300;
        font-size: 20px;
        line-height: 23px;
        border: 1px solid #cac8c8;
        color: #1c1942;
    }

        .luggagePage_addForm a:nth-child(2) {
            left: 0px;
            right: auto;
        }

.seatSelection_grid.singleFlight .luggagePage {
    border-left: 1px solid #dcdddf;
}

@media screen and (max-width: 880px) {
    .seatSelection_grid.singleFlight .luggagePage {
        border-left: 1px solid #dcdddf;
        border-right: 1px solid #dcdddf;
    }
}

@media screen and (max-width: 767px) {
    .luggagePage {
        padding: 24px 5% 0px;
    }

    .seatSelection_grid.singleFlight .luggagePage {
        border-left: 0px solid #dcdddf;
        border-right: 0px solid #dcdddf;
    }
}

@media screen and (max-width: 600px) {
    .luggagePage {
        padding: 16px 30px 0px;
    }

    .luggagePage_availability {
        text-align: center;
        font-size: 14px;
    }

        .luggagePage_availability .checkoutPassenger_tooltip {
            text-align: right;
        }

    .luggagePage_selection {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 0px -30px;
    }

    ul.luggagePage_availableSlots {
        padding: 0px 30px 21px;
        background-color: white;
    }

        ul.luggagePage_availableSlots li {
            margin-top: 8px;
            padding: 0px 10px;
            min-height: 48px;
        }

            ul.luggagePage_availableSlots li strong {
                padding-right: 36px;
            }

            ul.luggagePage_availableSlots li label {
                font-size: 14px;
            }

    .availableSlots_left {
        width: auto;
    }

    .luggagePage_addBag {
        padding: 18px 30px 42px;
        background-color: #f4f1f1;
    }

        .luggagePage_addBag h4 {
            text-align: center;
            font-size: 14px;
        }

        .luggagePage_addBag ul.luggagePage_availableSlots {
            background-color: transparent;
        }

            .luggagePage_addBag ul.luggagePage_availableSlots li {
                min-height: 40px;
            }
}

@media screen and (max-width: 480px) {
    .luggagePage {
        padding: 24px 15px 0px;
    }

    .luggagePage_selection {
        margin: 0px -15px;
    }

    ul.luggagePage_availableSlots {
        padding: 0px 15px 21px;
    }

        ul.luggagePage_availableSlots li label {
            font-size: 12px;
            line-height: 14px;
        }

    .luggagePage_addBag {
        padding: 18px 15px 42px;
    }
}

@media screen and (max-width: 375px) {
    .luggagePage {
        padding: 24px 10px 0px;
    }

    .luggagePage_selection {
        margin: 0px -10px;
    }

    ul.luggagePage_availableSlots {
        padding: 0px 10px 21px;
    }

    .luggagePage_addBag {
        padding: 21px 10px 36px;
    }
}

/* דף לוגין */
.comboHolder {
    display: inline-block;
    width: 140px;
    vertical-align: middle;
    position: relative;
}

    .comboHolder select {
        /*width: 100%;*/
        height: 40px;
        border: 1px solid #d7d7d7;
        margin: 0px;
        padding: 0px 12px 0px 24px;
        font-size: 16px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none;
    }

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

    .comboHolder:after {
        content: '';
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translate(0, -50%);
        width: 10px;
        height: 6px;
        pointer-events: none;
        background: url(../../Images/Ancilary/pay_type_arr.png) left top / 100% auto no-repeat;
    }

main.mainPage_login {
    padding: 0px;
}

.loginPage {
    border-top: 1px solid #d7d7d7;
    display: flex;
    justify-content: space-between;
    padding: 20px 0px 0px 0px;
    margin-top: 18px;
}

.loginFrame {
    width: 56%;
    max-width: 694px;
}

ul.loginForm {
    border: 1px solid #d7d7d7;
    padding: 0px 5% 0px;
    /*height: calc(100% - 115px);*/
    height: 100%;
}

    ul.loginForm > li {
        border-top: 1px solid #dcdddf;
        /*padding: 22px 0px 0px 0px;*/
        padding: 14% 0px 0px 0px;
    }

        ul.loginForm > li:nth-child(1) {
            border-top: 0px;
            padding-top: 0px;
        }

a.loginForm_toggle {
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 16px;
    color: #1c1942;
    height: 58px;
    padding: 0px 0px 0px 36px;
}


    a.loginForm_toggle .imageHolder {
        width: 24px;
    }

        a.loginForm_toggle .imageHolder img {
            display: block;
            width: 100%;
        }

        a.loginForm_toggle .imageHolder + div {
            padding: 0px 7px 0px 0px;
        }

a.loginForm_toggle_matmid:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);
    width: 12px;
    height: 22px;
    /*background: url(../../Images/Ancilary/login_arrow.png) left top / 100% auto no-repeat;*/
}

    a.loginForm_toggle[aria-expanded="true"]:after {
        transform: translate(0, -50%) rotate(-90deg);
    }

.loginForm_panel {
    padding: 0px 0px 9% 0px;
    /*border-top: 1px solid #d7d7d7;*/
}

ul.loginForm_list {
    display: flex;
    margin-right: -22px;
    flex-wrap: wrap;
}

    ul.loginForm_list > li {
        padding: 0px 22px 36px 0px;
        width:50%;
        position:relative;
    }
    #loginMatmid_panel02 ul.loginForm_list > li:nth-child(1) {
        width: 39%;
    }
    #loginMatmid_panel02 ul.loginForm_list > li:nth-child(2) {
        width: 61%;
    }
    #loginMatmid_panel02 ul.loginForm_list > li:nth-child(3) {
        width: 100%;
    }

        ul.loginForm_list > li label {
            font-size: 16px;
            line-height: 20px;
        }

        ul.loginForm_list > li input[type="text"], ul.loginForm_list > li input[type="password"], ul.loginForm_list > li input[type="tel"], ul.loginForm_list > li input[type="email"] {
            display: block;
            width: 100%;
            height: 40px;
            background-color: white;
            border: 1px solid #d7d7d7;
            font-size: 16px;
            padding: 0px;
            margin: 0px;
            text-indent: 12px;
        }

        ul.loginForm_list > li.loginForm_phone, ul.loginForm_list > li.loginForm_email {
            width: 49%;
        }

        ul.loginForm_list > li.loginForm_email {
            /*display: none;*/
        }

.loginForm_phoneField {
    overflow: hidden;
}

ul.loginForm_list > li.loginForm_phone input {
    float: right;
    width: calc(100% - 135px);
}

ul.loginForm_list > li.loginForm_phone .comboHolder {
    float: left;
    width: 115px;
}

    ul.loginForm_list > li.loginForm_phone .comboHolder select {
        font-size: 13px;
    }

.loginForm_listTitle {
    padding-bottom: 2px;
    display: inline-block;
    padding-left: 20px;
    position: relative;
}

.loginForm_listTitle.loginForm_listTitle1 {
    padding-right: 0px;
    padding-left:0px;
}
.loginForm_listTitle.loginForm_listTitle2 {
    padding-left:unset;
    width:100%;
}

.loginForm_submit, .loginFormMatmid_submit {
    padding: 24px 0px 0px 0px;
    margin-right: -22px;
    overflow: hidden;
}

    .loginForm_submit > div, .loginFormMatmid_submit > div {
        float: left;
        padding-right: 22px;
        width: 50%;
    }

    .loginForm_submit button, .loginFormMatmid_submit button {
        cursor: pointer;
        display: inline;
        margin: 0px;
        border: 0px;
        width: 100%;
        height: 35px;
        background-color: #1b358f;
        color: white;
        font-weight: 400;
        font-size: 18px;
    }

        .loginForm_submit button:hover, .loginFormMatmid_submit button:hover {
            background-color: #1b358f;
            color: white;
        }


.loginMatmid_panel .loginForm_submit, .loginMatmid_panel .loginFormMatmid_submit {
    padding: 12px 0px 0px 0px;
}

ul.loginForm_list > li.loginForm_error input {
    border-color: #fa0019;
}

ul.loginForm_list > li.loginForm_error .errorMsg {
    display: block;
}

.forgotPassword {
    font-size: 14px;
    padding-top: 3px;
}

    .forgotPassword a {
        color: #1c1942;
    }

ul.loginMatmid_tabs {
    display: flex;
    border-bottom: 1px solid #dcdddf;
}

    ul.loginMatmid_tabs li {
        flex-basis: 0;
        flex-grow: 1;
        padding: 0px 32px;
    }

        ul.loginMatmid_tabs li a {
            display: block;
            padding: 0px 0px 6px 0px;
            text-align: center;
            font-size: 13px;
            position: relative;
            color: #1c1942;
            text-decoration:none;
            height:100%;
        }

            ul.loginMatmid_tabs li a[aria-selected="true"] {
                font-weight: 500;
            }

                ul.loginMatmid_tabs li a[aria-selected="true"]:after {
                    content: '';
                    position: absolute;
                    left: 0px;
                    right: 0px;
                    bottom: -2px;
                    height: 3px;
                    background-color: #1b358f;
                }

.loginMatmid_panels {
    padding-top: 32px;
}

.loginTooltip {
    position: absolute;
    left: 0px;
    top: 3px;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
}

.passenger_documents .loginTooltip{position:unset;left:unset;top:unset;margin-right:3px;}

a.loginTooltip_toggle {
    display: block;
    font-size: 0px;
    text-decoration: none;
    width: 14px;
    height: 14px;
    background: url(../../Images/Ancilary/question_icon.png) left top / 100% auto no-repeat;
}

.loginTooltipPop {
    position: absolute;
    z-index: 1;
    /*transform: translate(-50%, 10%);
    margin-top: 10px;*/
    background-color: white;
    width: 264px;
    padding: 4px 8px 0px;
    box-shadow: 0px 0px 4px #888;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
}

    .loginTooltipPop:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 100%;
        transform: translate(-50%, 0);
        width: 0px;
        height: 0px;
        border: 7px solid transparent;
        border-bottom-color: white;
    }

    .loginTooltipPop:before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 100%;
        transform: translate(-50%, 0);
        width: 0px;
        height: 0px;
        border: 9px solid transparent;
        border-bottom-color: #d0d0d0;
    }
    .passenger_documents .loginTooltipPop{z-index:3;padding:unset;}
    .passenger_documents #tooltip01{right: -42px;top: 27px;height: 176px;width: 265px}
    .trainNoteContainer {background-color: #CAEDFB; height: 32px; display: flex; justify-content: center; align-items: center;text-align:center;}   
    .trainNoteText {font-size: 13px;}


    #loginForm_panel01 ul.loginForm_list > li:nth-child(1) .loginTooltipPop {
        top:30px;
        right:154px;
    }

    #loginForm_panel01 ul.loginForm_list > li:nth-child(2) .loginTooltipPop{
        top:27px;
        right:57px;
    }

    #loginForm_panel02 #loginMatmid_panel01 ul.loginForm_list > li:nth-child(1) .loginTooltipPop {
        top:28px;
        right:60px;
    }

    #loginForm_panel02 #loginMatmid_panel01 ul.loginForm_list > li:nth-child(2) .loginTooltipPop{
        top:28px;
        right:22px;
    }
    #loginForm_panel02 #loginMatmid_panel02 ul.loginForm_list > li:nth-child(1) .loginTooltipPop {
        top:50px;
        right:60px;
    }


        #loginForm_panel01 ul.loginForm_list > li:nth-child(1) .loginTooltipPop:before,
        #loginForm_panel01 ul.loginForm_list > li:nth-child(1) .loginTooltipPop:after{
            left: 155px;
        }

        #loginForm_panel01 ul.loginForm_list > li:nth-child(2) .loginTooltipPop:before,
        #loginForm_panel01 ul.loginForm_list > li:nth-child(2) .loginTooltipPop:after{
            left: 126px;
        }

        #loginForm_panel02 ul.loginForm_list > li:nth-child(1) .loginTooltipPop:before,
        #loginForm_panel02 ul.loginForm_list > li:nth-child(1) .loginTooltipPop:after {
            left: 158px;
        }

        #loginForm_panel02 ul.loginForm_list > li:nth-child(2) .loginTooltipPop:before,
        #loginForm_panel02 ul.loginForm_list > li:nth-child(2) .loginTooltipPop:after {
            left: 204px;
        }


    .loginTooltipPop P {
        padding: 8px 0px;
    }

.loginBanner {
    padding-top: 14px;
}

    .loginBanner a {
        display: block;
        text-decoration: none;
        position: relative;
        color: #1c1942;
    }

.loginBanner_image {
    overflow: hidden;
}

    .loginBanner_image img {
        display: block;
    }

.loginBanner_text {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    padding: 5px 22px 5px 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .loginBanner_text strong {
        font-weight: 500;
        font-size: 30px;
        line-height: 28px;
        letter-spacing: -0.5px;
    }

    .loginBanner_text span {
        font-size: 24px;
        line-height: 28px;
    }

    .loginBanner_text B {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translate(0, -50%);
        width: 100px;
        height: 35px;
        background-color: #1c1942;
        color: white;
        font-weight: 500;
        font-size: 18px;
        line-height: 35px;
        text-align: center;
    }

.hidePC {
    display: none;
}

.hideMobile {
    display: block;
}
.loginBanner a img {
    display: block;
    width: 100%;
}

.loginPage .leftCol {
    width: 40%;
    max-width: 450px;
    background-color: #1b358f;
    padding: 24px 2.75% 60px;
    border-radius:7px;
}

    .loginPage .leftCol h4 {
        font-size: 16px;
        line-height: 18px;
        font-weight: 400;
        color:#fff;
    }

.checkinTypesLink {
    padding: 30px 0px 10px 0px;
    border-bottom: 1px solid #112158;
    margin-bottom: 32px;
}

    .checkinTypesLink ul {
        display: flex;
    }

    .checkinTypesLink li {
        position: relative;
        flex-basis: 0;
        flex-grow: 1;
        padding: 9px 5px;
        background-color: #63c7ef;
        border-radius:5px;
    }
    .checkinTypesLink .space1{width:10px;height:5px;flex-basis: unset;flex-grow: unset;background-color:transparent;}

        .checkinTypesLink li a {
            display: block;
            max-width: 92px;
            width: 100%;
            margin: 0px auto;
            font-size: 13px;
            line-height: 17px;
            color: #1b358f;
            text-align: center;
        }

            .checkinTypesLink li a .imageHolder {
                margin: 0px auto;
                width: 42px;
                height:42px;
                padding-bottom: 4px;
            }

                .checkinTypesLink li a .imageHolder img {
                    display: block;
                }
        .checkinTypesLink li a .imageHolder img.imgO {
                    width: 34px;
                    height:34px;
                    margin:auto;
                }
        .checkinTypesLink li a .imageHolder img.imgB {
                    width: 40px;
                    height:40px;
                    margin:auto;
                }
        .checkinTypesLink li a .imageHolder img.imgS {
                    width: 46px;
                    height:37px;
                    margin:auto;
                }

        .checkinTypesLink li:after {
            content: '';
            position: absolute;
            right: 0px;
            top: 14px;
            height: 54px;
            width: 1px;
        }

        .checkinTypesLink li:nth-child(1):after {
            display: none;
        }

.checkinNotes {
    padding: 0px;
    font-size: 16px;
    line-height: 19px;
}

    .checkinNotes li {
        padding: 0px 32px 0px 0px;
        margin-top: 23px;
        position: relative;
        color:#fff;
    }

        .checkinNotes li .imageHolder {
            position: absolute;
            right: 0px;
            top: 0px;
            width: 24px;
        }

            .checkinNotes li .imageHolder img {
                display: block;
                width: 100%;
            }

        .checkinNotes li a {
            color: #fff;
        }

.loginPage_footer {
    border-top: 1px solid #d7d7d7;
    font-size: 11px;
    padding-top: 8px;
    padding-bottom: 5px;
}

    .loginPage_footer .centeredContent {
        display: flex;
        justify-content: space-between;
    }

    .loginPage_footer a {
        color: #1c1942;
        text-decoration: underline;
    }

.pleaseWait {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(255,255,255,0.8);
    z-index: 150;
}

    .pleaseWait div {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.orText {
    position: relative;
    width: 80px;
    background-color: white;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    margin: 0px auto -14px;
}


.loginForm_generalError {
    color: #da0913;
    /*margin-bottom:10px;*/
    /*margin-top: -12px;*/
    padding: 0px 25px 0px 0px;
    font-size: 14px;
    line-height: 20px;
    background: url(../../Images/Ancilary/error_icon.png) right 2px / 20px auto no-repeat;
}
.loginForm_generalErrorEdition {
    margin-bottom:20px;
}
.spaceForValidationError{
    height:22px;
}
.liLoginToggle{
    margin-top:22px;
}

/*New Login - start - (Desktop)*/
.newLoginCenteredContent{width: 100%; margin: 0px auto; padding: 0px; height: 100%;}
.newLoginHeader{padding:0px 25px; display: flex; flex-direction: row;}
.newloginSundorLogo.sundor{margin-top:8px !important;}
.newLoginHeaderLang{position:absolute; left:2%;}
.newLogin_generalError{margin-right:20%; margin-left:10%; color: #da0913; padding: 0px 25px 0px 25px; font-size: 14px; line-height: 20px; background: url(../../Images/Ancilary/error_icon.png) right 2px / 20px auto no-repeat;}
.newLoginPosition{position:relative;width:100%;}
.login-panel {height: calc(100% - 2rem); overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; align-items: center;}
    .login-panel .tabs-panel {padding-left: 2rem; padding-right: 2rem; width: 60%}
.tabSelect {font-weight: 500;}
.tabSelect:after {content: '';position: absolute;right: -5px;left: -5px;bottom: -2px;height: 3px;background-color: #1b358f;}
a.loginTooltip_toggle01 {display: block; font-size: 0px; text-decoration: none; width: 24px; height: 24px;}
.informationTooltip {position: absolute;  left: 0px;}
.clickOverInfo {display: block; font-size: 0px; text-decoration: none; width: 24px; height: 24px; background: url(../../Images/Ancilary/i_selected.png) left top / 80% auto no-repeat !important;}
.fieldWithTitle{display:flex;flex-direction:column}
.spanTheElements{flex:1;}
.rowElements{display:flex;flex-direction:row}
.spacious{margin-top: 12px;}
h2.checkin_title {font-weight: 500;color: #2a2c32;padding-top: 50px;}
.titleComment {padding-top: 15px;}
.earthHeader {position: absolute;top: 0px;right: 550px;}
.wrappingCheckinImgsDiv {width: 100%;}
.newLoginPage {height:100%;}
.imgsDiv {position: relative; height: 100%;}
.rectangleCheckin {background-image: url(../../Images/Ancilary/CI_dekstop.png); background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%;}
.checkinImage {position: absolute; left: 50%; top: 50%; width: 50%; transform: translate(-50%, -50%);}
.checkinComment {padding-bottom: 10%;}
.containerComment{position:relative;}
.newLoginForm_generalError {position: absolute; color: #da0913;font-size: 14px;line-height: 20px;}
.inputComment {position: absolute; font-size: 13px;color: #6b767b;}
.inputTitle {font-size: 12px;color: #6b767b;visibility:hidden;margin-bottom:0px !important;}
.checkinMapIcon {display: flex; flex-direction: row; margin-top: 8%}
.iconsImagesDiv {margin-left: 5%;margin-top:14%}
.iconsDiv{display: flex; flex-direction: column;;margin-right:2%}
.iconImage{margin-bottom:57%;}
.iconsMoadonDiv {margin-top: 5%;margin-right:20%}
.seatIcon {margin-bottom: 8px;}
.logoContainer {display: flex;flex-direction: row;width: 50%;position: absolute;}
.earthContainer {box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.04);position: relative;width:60%;}
.loginContainer {display: flex;flex-direction: row; height: 100%;}
.earthSubContainer {padding-bottom: 15px;}
.radioGroupMoadon{display:flex; flex-direction:row; margin-right:20%}
.smsMailMoadon{margin-top:5%}
.passwordMoadon{width:50%!important;}
.newLoginFooter {position: absolute; bottom: 0; width: 100%; height: 2rem}
.newLoginCheckin_title{padding-top: 8%; padding-bottom: 5%; font-size: 40px;font-size:40px; width:60%; padding-right:2rem;}


ul.login_tabs {display: flex;border-bottom: 1px solid #dcdddf;}
    ul.login_tabs li {flex-basis: 0;flex-grow: 1;padding: 0px 5px;}
        ul.login_tabs li a {display: block;padding: 0px 0px 6px 0px;text-align: center;font-size: 18px;position: relative;color: #1b358f;text-decoration: none;height: 100%;}
            ul.login_tabs li a[aria-selected="true"] {font-weight: 500;}
                ul.login_tabs li a[aria-selected="true"]:after {content: '';position: absolute;right: 0px;left: 0px;bottom: -2px;height: 3px;background-color: #1b358f;}
ul.newLoginForm_list {text-align: start;}
ul.newLoginForm_list > li {padding: 10px 0px 6% 0px;position:relative;}
    ul.newLoginForm_list > li:last-child {padding-bottom: 0;}
#loginForm_panel01 ul.newLoginForm_list > li {}
    #loginForm_panel01 ul.newLoginForm_list > li:last-child {padding-top: 27px;}
#loginForm_panel02 ul.newLoginForm_list > li {}
.moadon{margin-right:20% !important;}
    ul.newLoginForm_list.moadon > li {width: 470px;padding: 0px 0px 0px 22px !important;}

ul.newLoginForm_list > li input[type="text"], ul.newLoginForm_list > li input[type="password"], ul.newLoginForm_list > li input[type="tel"], 
ul.newLoginForm_list > li input[type="email"] {width:100%;display: block;height: 30px;background-color: white;border: none;outline: none;border-bottom: 1px solid #6B767B;font-size: 18px;
                                               padding: 0px;margin: 0px;}

 ul.newLoginForm_list > li input[type="text"]:hover,
 ul.newLoginForm_list > li input[type="password"]:hover,
 ul.newLoginForm_list > li input[type="tel"]:hover,
 ul.newLoginForm_list > li input[type="email"]:hover {cursor: pointer; border-bottom: 2px solid #6B767B !important;}

 ul.newLoginForm_list > li input[type="text"]:focus,
 ul.newLoginForm_list > li input[type="password"]:focus,
 ul.newLoginForm_list > li input[type="tel"]:focus,
 ul.newLoginForm_list > li input[type="email"]:focus {cursor: default; border-bottom: 2px solid #1B358F !important;}

#loginForm_panel01 ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop {top: 65px; left: -35px;}
    #loginForm_panel01 ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop:before {right: 203px;}
    #loginForm_panel01 ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop:after {right: 207px;}

#loginForm_panel02 #smsAndMailDiv ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop {top:65px; left: -35px;}
    #loginForm_panel02 #smsAndMailDiv ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop:before {right: 203px;}
    #loginForm_panel02 #smsAndMailDiv ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop:after {right: 207px;}

#loginForm_panel02 #passwordDiv ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop {top: 65px; left: -35px;}
    #loginForm_panel02 #passwordDiv ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop:before {right: 203px;}
    #loginForm_panel02 #passwordDiv ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop:after {right: 207px;}

.radioSpace {margin-right: 10px;}
.newLoginMatmid_panels {width: 100%;display: block;}
.newLoginForm_panel {padding: 15px 0px;}
.newLoginForm_submit {padding-top: 0px !important;}
.newLoginForm_submit > div {float: none;padding-left: 22px;width: 50%;}
.newLoginForm_submit button {font-size: 17px !important; font-weight: 100 !important}
.newLoginComboHolder {width: 20% !important;}
.phoneDiv {display: flex;flex-direction: row-reverse;justify-content: flex-end;}
.phoneInputDiv {display: flex;flex-direction: column;}
.numberRowDiv {display: flex;flex-direction: row;}
.sendingCode {cursor: pointer;color: #1b358f;padding-top: 5px;}

.loaderMain {transform: scale(0.7) translate(-80%, -90%)!important;}
a.newLoginPasswordSmsAndMailBtn {margin: 0px 0.5% 0px; border-radius: 8px; width: 25%; height: 35px; background-color: white; color: #1b358f; text-align: center; font-weight: 500; font-size: 14px; line-height: 40px; cursor: pointer; border-color: #1b358f; border: solid; border-width: 1px; text-decoration: none; display: flex; align-items: center; justify-content: center;}
/*Error Pop*/
.newLogin_popup{position: absolute; left: 48%; top: 50%; transform: translate(-50%, -100%); background-color: white; width: 260px; padding: 42px 24px 44px; margin-top:10%;}
.newLogin_frontPopup{position: absolute; left:15%; top:0; transform: translate(-10%, -10%); background-color: white; width: 260px; padding: 42px 24px 44px; margin-top:10%;}
.newLogin_popup P{font-size: 14px; line-height: 15px; text-align: center;}
a.newLogin_offloadPop_confirm{display: block; margin: 15px auto 0px; border-radius:8px; width: 260px; height: 45px; background-color: #1b358f; color: white; text-align: center; font-weight: 500; font-size: 18px; line-height: 40px; cursor: pointer; text-decoration: none !important;}
a.newLogin_offloadPop_cancel{display: block; margin: 15px auto 0px; border-radius: 8px; width: 260px; height: 45px; background-color: white; color: #1b358f; text-align: center; font-weight: 500; font-size: 18px; line-height: 40px; cursor: pointer; border-color: #1b358f; border: solid; border-width: 1px; text-decoration: none !important;}

a.newLogin_errorPop_close{position: absolute; right: 0px; top: 0px; width: 48px; height: 48px; text-decoration: none; font-size: 36px; line-height: 40px; color: #1c1942; display: flex; align-items: center; justify-content: center;}

.newLogin_errorPop_fail{max-width: 500px; width: 90%;}
.newLogin_errorPop_fail P{font-size: 18px; line-height: 22px; font-weight: 500;}

.newLogin_popup_checkin{max-width: 400px; width: 100%;}
.newLogin_popup_checkin P{font-size: 18px; line-height: 22px; font-weight: 500;}
.newLogin_errorPop_panel{display: flex; flex-direction:column;column-gap:10px; padding-top: 30px;}
.newLogin_errorPop_panel a.errorPop_confirm{margin: 0px 5px;}
.errMsgPop{width:20rem; text-align:center;}

/*Popups*/
.modal-content {width: 90% !important;align-items: center;}
.offload .modal-content{width:500px !important;}
.modal.fade {padding-right: 100px;}
.optionsContainer {align-items: flex-start;}
.arrowDiv {display: flex;align-items: center;margin-right: auto;}
.loginOptionsTitle {margin-bottom: 8%;margin-right:-30%;}
.loginOptionsLineTitle{margin-left:12%;}
.downloadBPTitle {margin: 60px 0 15px 0;}
.flexRow {display: flex;flex-direction: row;}
.flexColumn {display: flex;flex-direction: column; align-items: center;}
.imgDownloadBP {width: 30px;    height: 30px;}
.imgOption {width: 25px;    height: 25px;}
.arrowIcon {padding-top: 5px;}
.textOption {margin: 1px 30px 0 10px;    color: #1b358f;}
.spaceCol {column-gap: 10px;}
.headerPlazmaHide {display: none;}
.Line-63 {width: 308px;height: 1px;flex-grow: 0;background-color: rgba(167, 178, 182, 0.7);}
.Frame-1216 {width: 308px;display: flex;flex-direction: column;grid-row-gap: 20px;padding-top: 20px;}
.Rectangle-Copy-4 {width: 70px;height: 68px;margin: 0 0 7px;padding: 19px 20px;border-radius: 6px;box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1);border: solid 1px #dbdbdb;background-color: #fff;}
.textDownloadBP {font-size: 13px;line-height: 1;text-align: center;color: #1b358f;}
.aOptionLink:hover {text-decoration: none; cursor:pointer;}
.close-icon {position: absolute; top: 10px; left: 15px; font-size: 20px; color: #000; text-decoration: none; border: none; background: transparent;}
.puMsgContainer {padding-bottom: 3rem !important; padding-top: 3rem !important;}
.offload .puMsgContainer {padding-left:unset !important;padding-right:unset !important;width:415px;}

.txtContainer {flex-direction: column; grid-row-gap: 20px; padding: 24px 24px 40px 24px; position: relative; display: flex; align-items: center; justify-content: space-between;}
.modelMsg {text-align: center;}
.offload_newIdentification .modelMsg {position:relative;width:100%;}
.otherEmailSubTitle {text-align: center; padding-bottom: 20px;}
.otherEmailTitle {display: block; text-align: center; font-size: 30px;}
.otherEmailInput {border: none !important; border-bottom: 1px solid !important;}
.eMailSuccessfullyMsg{width: 90%; margin:10% 5% 5% 5%; font-size: 26px; text-align:center;}
.bgLightBlueNote {margin-top: 5%; background: #274EA0; color: white; font-size: 14px; padding: 3%;}/*bg1*/
.bgYellowNote {background: #ffd76a; font-size: 14px; padding: 2%;}/*bg2*/
/*Popups*/
/*New Login - end - (Desktop)*/

@media screen and (max-width: 1024px) {
    ul .loginForm_list {
        display: block;
        margin-right: 0px;
    }

        ul.loginForm_list > li {
            padding: 0px 0px 24px 0px;
            width: auto;
        }
    #loginMatmid_panel02 ul.loginForm_list{
        display:flex;
    }

    .loginForm_submit, .loginFormMatmid_submit {
        padding: 0px 0px 0px 0px;
    }

    ul.loginForm {
        /*height: calc(100% - 145px);*/
        height: 100%;
    }

    .loginBanner_image img {
        height: 130px;
    }

    .loginBanner_text strong {
        font-size: 24px;
        line-height: 24px;
    }

    .loginBanner_text span {
        font-size: 21px;
        line-height: 21px;
        padding-top: 6px;
    }

    #loginMatmid_panel02 ul.loginForm_list > li:nth-child(1), #loginMatmid_panel02 ul.loginForm_list > li:nth-child(2),
    #loginMatmid_panel01 ul.loginForm_list > li:nth-child(1), #loginMatmid_panel01 ul.loginForm_list > li:nth-child(2){
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .loginPage {
        display: block;
        border-top: 0px;
        padding: 0px 0px 0px 0px;
        margin-top: 14px;
    }

    .loginFrame {
        width: auto;
        max-width: none;
    }

    .loginPage .leftCol {
        margin-top: 310px;
        width: auto;
        max-width: none;
        padding: 24px 5% 32px;
        background-color: #1b358f;
    }

    .checkinNotes {
        font-size: 14px;
        line-height: 17px;
    }

    .checkinTypesLink {
        margin-bottom: 21px;
    }

    .hidePC {
        display: block;
    }

    .hideMobile {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .loginForm_submit button, .loginFormMatmid_submit button {
        width: 100%;
        margin-top: 15px;
    }
    .loginForm_submit, .loginFormMatmid_submit {
        margin-right: 0px;
    }

        .loginForm_submit > div, .loginFormMatmid_submit > div {
            float: none;
            padding-right: 0px;
            width: 100%;
        }
    .loginBanner_text {
        padding: 5px 10px 5px 88px;
    }

        .loginBanner_text strong {
            font-size: 20px;
            line-height: 20px;
        }

        .loginBanner_text span {
            font-size: 16px;
            line-height: 16px;
            padding-top: 4px;
        }

        .loginBanner_text B {
            left: 7px;
            width: 80px;
            height: 28px;
            font-size: 16px;
            line-height: 28px;
        }
    ul.loginForm {
        border:unset;
        padding: 0px 3.5%;
    }

    ul.loginForm > li {
        padding: 9% 0px 0px 0px;
    }

    ul.loginForm > li:nth-child(2) {
            height:160px;
        }

    #loginForm_panel01 ul.loginForm_list > li:nth-child(1) .loginTooltipPop {
        top:27px;
        right:40px;
    }

    #loginForm_panel01 ul.loginForm_list > li:nth-child(2) .loginTooltipPop{
        top:29px;
        right:35px;
    }

    #loginForm_panel02 #loginMatmid_panel01 ul.loginForm_list > li:nth-child(1) .loginTooltipPop {
        top:30px;
        right:38px;
    }

    #loginForm_panel02 #loginMatmid_panel01 ul.loginForm_list > li:nth-child(2) .loginTooltipPop{
        top:28px;
        right:37px;
    }
    #loginForm_panel02 #loginMatmid_panel02 ul.loginForm_list > li:nth-child(1) .loginTooltipPop {
        top:50px;
        right:38px;
    }


        #loginForm_panel01 ul.loginForm_list > li:nth-child(1) .loginTooltipPop:before,
        #loginForm_panel01 ul.loginForm_list > li:nth-child(1) .loginTooltipPop:after{
            left: 62px;
        }

        #loginForm_panel01 ul.loginForm_list > li:nth-child(2) .loginTooltipPop:before,
        #loginForm_panel01 ul.loginForm_list > li:nth-child(2) .loginTooltipPop:after{
            left: 126px;
        }

        #loginForm_panel02 ul.loginForm_list > li:nth-child(1) .loginTooltipPop:before,
        #loginForm_panel02 ul.loginForm_list > li:nth-child(1) .loginTooltipPop:after {
            left: 158px;
        }

        #loginForm_panel02 ul.loginForm_list > li:nth-child(2) .loginTooltipPop:before,
        #loginForm_panel02 ul.loginForm_list > li:nth-child(2) .loginTooltipPop:after {
            left: 240px;
        }


    ul.loginMatmid_tabs li {
        padding: 0px 18px;
    }

    a.loginForm_toggle {
        padding: 0px 0px 0px 24px;
    }

    .loginForm_panel {
        padding: 0px 0px 20px 0px;
    }

    .loginMatmid_panels {
        padding-top: 18px;
    }

    .orText {
        font-size: 20px;
        margin: 0px auto -12px;
    }
}

/* summary */
.summaryTitle{color: white; font-weight: 500; font-size: 36px; line-height: 44px; padding-top: 32px; text-shadow: 0px 0px 7px #1c1942,  0px 0px 3px #1c1942,  0px 0px 10px #1c1942,  0px 0px 15px #1c1942;}
.summaryFrame{padding: 28px 0px 0px;}
.summaryDetails{padding: 0px;}
.summaryDetails_row{margin-top: 4px; padding: 10px 60px 13px 20px; background-color: #f4f1f1; position: relative;}
.summaryDetails_rowImage{position: absolute; right: 20px; top: 20px; width: 28px;}
.summaryDetails_rowImage img{display: block; width: 100%;}
.summaryDetails_rowText{padding: 0px 0px 0px 0px;}
.summaryDetails_rowText li{padding: 8px 0px 0px 0px;}
.summaryDetails_rowText strong{font-size: 18px; line-height: 18px; font-weight: 500;}
.summaryDetails_rowText strong.engName{font-size: 16px;}
.summaryDetails_rowText p{font-size: 14px;}
.summaryDetails_rowText a{color: #1c1942; text-decoration: underline;}

.summaryDetails_panel{margin-top: 4px; background-color: #f4f1f1; padding: 30px 20px;}
.summaryDetails_panel > ul{display: flex; margin-right: -12px; width: 100%;}
.summaryDetails_panel > ul > li{padding-right: 12px;}
a.summaryDetails_download{display: flex; width: 390px; text-decoration: none; align-items: center; height: 50px; border: 2px solid #15bece; padding: 0px 10px 0px 60px; font-size: 18px; line-height: 20px; background: #15bece url(../../Images/Ancilary/download_icon.png) left 18px center / 28px auto no-repeat; color: white; }
a.summaryDetails_waze{display: flex; width: 390px; text-decoration: none; align-items: center; height: 50px; border: 2px solid #15bece; padding: 0px 10px 0px 60px; font-size: 18px; line-height: 20px; background: #ffffff url(../../Images/Ancilary/waze_icon.png) left 18px center / 28px auto no-repeat; color: #15bece; }
a.summaryDetails_shareToggle{display: none;}
.summaryDetails_panel > ul > li.summaryDetails_share{display: flex; align-items: center; justify-content: space-between; margin-right: auto;}
.summaryDetails_panel > ul > li.summaryDetails_share strong{font-weight: 400; font-size: 18px;}
.summaryDetails_panel > ul > li.summaryDetails_share ul{display: flex; align-items: center;}
.summaryDetails_panel > ul > li.summaryDetails_share ul li{padding: 0px 16px 0px 0px;}
.summaryDetails_panel > ul > li.summaryDetails_share ul li a{display: block; width: 26px;}
.summaryDetails_panel > ul > li.summaryDetails_share ul li a img{display: block; width: 100%;}
.summaryDetails_panel > ul > li.summaryDetails_panelWallet{display: none;}
.summaryDetails_panel > ul > li.summaryDetails_panelWallet a{display: block; width: 170px; text-decoration: none; margin: 0px auto;}
.summaryDetails_panel > ul > li.summaryDetails_panelWallet a img{display: block; width: 100%;}

.summaryGallery{padding: 42px 0px 54px 0px;}
.summaryGallery h2{font-weight: 400; font-size: 24px; padding: 0px 0px 15px 0px;}
.summaryGallery ul{display: flex; margin-right: -30px;}
.summaryGallery ul li{flex-basis: 0; flex-grow: 1; padding: 0px 30px 0px 0px;}
a.summaryGallery_item{display: block; text-decoration: none; color: #1c1942; background-color: #f4f1f1;}
.summaryGallery_image img{display: block; width: 100%;}
.summaryGallery_text{position: relative; padding: 8px 14px;}
.summaryGallery_textTitle{position: absolute; left: 0px; right: 0px; bottom: 100%; padding: 3px 10px 3px; background-color: rgba(255,255,255,0.8); font-weight: 500; font-size: 24px; line-height: 20px; min-height: 46px; display: flex; align-items: center;}
.summaryGallery_textGrid{display: flex; font-size: 16px; line-height: 19px; min-height: 40px; justify-content: space-between; align-items: center;}
.summaryGallery_textGrid div:nth-child(2){padding-right: 15px;}
.summaryGallery_textGrid span{display: block; width: 115px; text-align: center; background-color: white; border: 1px solid #15bece; font-weight: 500; font-size: 16px; line-height: 28px; color: #15bece;}
a.summaryGallery_item:hover .summaryGallery_textGrid span{background-color: #15bece; color: white;}
.summaryGallery_mobileOnly{display: none;}

a.summaryGallery_itemSingle{position: relative;}
a.summaryGallery_itemSingle .summaryGallery_text{position: absolute; right: 0px; top: 50%; transform: translate(0, -50%); background-color: rgba(255,255,255,0.8); width: 75%; max-width: 460px; padding: 15px 30px 13px;}
a.summaryGallery_itemSingle .summaryGallery_textTitle{position: static; left: auto; right: auto; bottom: auto; padding: 0px 0px 20px; background-color: transparent; min-height: 0px; display: block;}

.summaryBottom{padding: 0px 0px 80px;}
.summaryDownload{border: 2px solid #e1e1e1; min-height: 90px; padding: 0px 18px 0px 20px; display: flex; justify-content: space-between; align-items: center;}
.summaryDownload_text strong{display: block; font-weight: 400; font-size: 30px; line-height: 30px;}
.summaryDownload_text span{display: block; font-weight: 400; font-size: 18px; line-height: 18px;}
.summaryDownload ul{display: flex; align-items: center; padding-right: 10px;}
.summaryDownload li{padding-right: 10px;}
.summaryDownload li a{display: block; text-decoration: none; width: 130px;}
.summaryDownload li a img{display: block; width: 100%;}
.summaryHome{padding: 0px 20px 0px 0px;}
.summaryHome a{display: block; width: 214px; height: 36px; font-weight: 500; font-size: 18px; line-height: 36px; text-decoration: none; background-color: #15bece; color: white; text-align: center;}
.summaryHome a:hover{background-color: #108f9c;}

@media screen and (max-width: 1180px) {
    a.summaryDetails_download{width: auto;}
    a.summaryDetails_waze{width: auto;}
    
    .summaryGallery_text{padding: 10px 12px 12px;}
    .summaryGallery_textGrid{flex-direction: column;}
    .summaryGallery_textGrid div:nth-child(2){padding-top: 12px; padding-right: 0px;}

    a.summaryGallery_itemSingle .summaryGallery_textGrid{flex-direction: row;}
}

@media screen and (max-width: 1080px) {
    .summaryDetails_panel{padding: 20px 20px;}
    .summaryDetails_panel > ul > li.summaryDetails_share{flex-direction: column; justify-content: center;}
    .summaryDetails_panel > ul > li.summaryDetails_share strong{font-weight: 400; font-size: 18px;}
    .summaryDetails_panel > ul > li.summaryDetails_share ul{display: flex; align-items: center; padding-top: 8px;}
    .summaryDetails_panel > ul > li.summaryDetails_share ul li{padding: 0px 8px 0px 8px;}    

    .summaryDownload{padding: 10px 16px 10px 14px;}
    .summaryDownload ul{flex-direction: column; padding-right: 20px;}
    .summaryDownload li{padding: 7px 0px 0px 0px;}

    .summaryGallery ul{margin-right: -20px;}
    .summaryGallery ul li{padding: 0px 20px 0px 0px;}
    
    .summaryGallery_textTitle{padding: 3px 10px 3px; font-size: 21px; line-height: 20px; min-height: 40px;}

    a.summaryGallery_itemSingle .summaryGallery_textTitle{padding: 0px 0px 10px;}
}

@media screen and (max-width: 1400px) {
.informationTooltip {position: absolute; left: 0px;}
}

@media screen and (max-width: 912px) {
/*New Login - start - (Mobile)*/
.newLoginPage {height: initial;}
.loginContainer {flex-direction: column-reverse;}
.newLoginPosition {height: initial;}
.newLoginCheckin_title{padding: 8% 4% 3% 8%;font-size:40px; width:100%;}
.login-panel {height: initial; overflow-y: initial; overflow-x: initial;}
 .login-panel .tabs-panel {padding-left: 0rem; padding-right: 0rem;display:flex;flex-direction:column; width:90%;}
.imgsDiv {position: relative; height: 100%;}
.rectangleCheckin {background-image: url(../../Images/Ancilary/CI_mobile.png); background-size: cover; background-repeat: no-repeat; background-position: center; height: 40vh;}
.newLoginFooter {position: initial;}
ul.newLoginForm_list {display: flex;flex-wrap: wrap; flex-direction:column;}
.iconsMoadonDiv {margin-right:10% !important}
.radioGroupMoadon {display:flex; flex-direction:row; margin-right: 10% !important}
ul.login_tabs {display: flex;border-bottom: 1px solid #dcdddf;}
.logoContainer {width: 100%;position: relative;display: flex;flex-direction: row-reverse;}
ul.newLoginForm_list > li {width: 100%;padding: 10px 0px 10px 0px;}
.wrappingCheckinImgsDiv {width: 100%;}
.modal-content, .offload .modal-content {width: 95% !important;}
.earthContainer {width: 100%;}
.earthHeader {position: static;top: 0px;float: left;}
.Frame-1216{width:300px;}
.Line-63 {width: 258px; margin-right: 25px;}
.firstLine{margin-left:20px;}
.modal {left: 4% !important;}
    .modal.fade {padding-left: 2%;padding-right: 12% !important;}
.modal-dialog {max-width: 350px !important;}
.loginOptionsContainer {margin-left: 5px;}
.arrowIcon {padding-left: 25px;}
.spaceCol {column-gap: 5px;}
.textOption {margin: 5px 30px 0 15px;}
.aBPText{display:flex; flex-direction:column;align-items:center;}
.loginOptionsTitle {margin-bottom: 8%;}
.loginOptionsLineTitle{margin-right:0 !important;}
.Rectangle-Copy-4 {width: 60px;height: 58px;padding: 13px 15px;}
.bgLightBlueNote{width:85%;}
.imgOption{margin-right:80%;}
.newLogin_popup_checkin{width:90%;}
.newLoginMatmid_panels {width:100%;}

#loginForm_panel01 ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop {top:65px;left:10px;}
#loginForm_panel01 ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop:before{right:203px;}
#loginForm_panel01 ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop:after{right:207px;}



#loginForm_panel02 #smsAndMailDiv ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop {top:84px;left:52px;}
#loginForm_panel02 #smsAndMailDiv ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop:before{right:215px;}
#loginForm_panel02 #smsAndMailDiv ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop:after{right:219px;}



#loginForm_panel02 #passwordDiv ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop {top:65px;left:-35px;}
#loginForm_panel02 #passwordDiv ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop:before{right:214px;}
#loginForm_panel02 #passwordDiv ul.newLoginForm_list > li:nth-child(1) .loginTooltipPop:after{right:218px;}

.loginForm_submit.checkoutMoadon_loginNumberSubmit.newLoginForm_submit > div,
.loginForm_submit.checkoutMoadon_loginSMSMailSubmit.newLoginForm_submit > div {width:60%;}
.newLoginForm_submit > div {float: none; width: 60%;}

.loaderMain {transform: scale(0.5) translate(-90%, -60%) !important;}
.newLoginPleaseWait{top:-15% !important;}
a.newLoginPasswordSmsAndMailBtn {margin: 0px 1% 0px; border-radius: 8px; width: 30%; height: 26px; color: #1b358f; text-align: center; font-weight: 500; font-size: 14px; line-height: 40px; cursor: pointer; border-color: #1b358f; border: solid; border-width: 1px; display: flex; align-items: center; justify-content: center;}

#loginForm_panel01 ul.newLoginForm_list > li {width: 100%; margin-right:0;}
#loginForm_panel02 ul.newLoginForm_list > li {width: 100%; margin-right:0;}
.bgLightBlueNote{width:85%;}
.imgOption{margin-right:80%;}

.loginForm_submit button, .loginFormMatmid_submit button {width: 100%; margin-top: 15px;}
.errMsgPop{width:15rem; text-align:center;}
.puMsgContainer {padding-top: 0rem !important;margin-top:3rem;}
.offload .puMsgContainer {width:unset;}
/*New Login - end - (Mobile)*/
}

@media screen and (max-width: 800px) {
.summaryTitle{padding: 32px 25px 0px;}
    
.summaryDetails_panel > ul{flex-wrap: wrap;}
.summaryDetails_panel > ul > li{width: 100%;}
.summaryDetails_panel > ul > li.summaryDetails_share{width: 100%; padding: 18px 12px 8px 0px;}
.summaryDetails_panel > ul > li.summaryDetails_panelWallet{width: 100%; padding: 24px 12px 8px 0px; display: block;}

a.summaryDetails_download, a.summaryDetails_waze{margin: 0px auto; width: 400px;}
.passenger_documents .loginTooltip{position: relative;left:unset;right:unset;top:unset;}
.passenger_documents #tooltip01{right:0px;left:0px;margin:auto;}
.passenger_documents .loginTooltipPop:before,.passenger_documents .loginTooltipPop:after{right:14%;}

}
@media screen and (max-width: 768px) {
    .headerPlazma_summary .headerPlazma_image, .headerPlazma_summary .headerPlazma_image img{height: 140px;}
}

@media screen and (max-width: 767px) {
    .headerTag.summaryHeader{min-height: 50px; border-bottom: 1px solid #dcdddf;}
    .summaryHeader a.headerLogo{display: block;}
    .summaryHeader .headerTitle{line-height: 50px;}
    .summaryTitle{ text-align: center; padding: 32px 0px 0px; font-size: 24px; line-height: 24px; font-weight: 400; text-shadow: none; color: #1c1942;}
    .headerPlazma_summary{border-bottom: 0px;}
    .summaryFrame{padding: 16px 0px 0px;}
    
    .summaryGallery ul{margin-right: -14px;}
    .summaryGallery ul li{padding: 0px 14px 0px 0px;}
}

@media screen and (max-width: 670px) {
    .summaryGallery{padding: 42px 0px 24px 0px;}
    .summaryGallery h2{padding: 0px;}
    .summaryGallery ul{margin-right: 0px; display: block;}
    .summaryGallery ul li{padding: 20px 0px 0px 0px;}
    .summaryGallery ul li:nth-child(1){padding: 12px 0px 0px 0px;}
    .summaryGallery_textGrid{flex-direction: row;}
    .summaryGallery_textGrid div:nth-child(2){padding-top: 0px; padding-right: 12px; align-self: center;}
    
    .summaryDownload{border: 2px solid #e1e1e1; padding: 32px 30px 42px 30px; flex-direction: column;}
    .summaryDownload_text{text-align: center;}
    .summaryDownload_text strong{font-size: 16px; line-height: 18px; padding-bottom: 5px;}
    .summaryDownload_text span{font-size: 24px; line-height: 24px;}
    .summaryDownload ul{flex-direction: row; padding: 18px 0px 0px 0px;}
    .summaryDownload li{padding: 0px 4px;}
    
    .summaryBottom{padding: 0px 0px 28px; display: block;}
    .summaryHome{padding: 30px 0px 0px 0px; max-width: 500px; width: 100%; margin: 0px auto;}
    .summaryHome a{width: 100%;}
  
    .summaryGallery_mobileOnly{display: block;}
}

@media screen and (max-width: 600px) {
    .summaryDetails_panel{background-color: white; padding: 12px 0px 0px 0px;}
    .summaryDetails_panel > ul{display: block; margin: 0px;}
    .summaryDetails_panel > ul > li{padding: 10px 0px 0px; width: auto;}
    .summaryDetails_panel > ul > li.summaryDetails_panelWallet{padding: 24px 0px 8px 0px;}
    .summaryDetails_panel > ul > li.summaryDetails_share{padding: 18px 0px 0px 0px; display: block;}
    .summaryDetails_panel > ul > li.summaryDetails_share strong{display: none;}
    
    .summaryDetails_shareFrame{border: 2px solid #15bece;}
    a.summaryDetails_shareToggle{display: flex; text-decoration: none; align-items: center; height: 46px; padding: 0px 60px 0px 10px; font-size: 18px; line-height: 20px; background: #ffffff url(../../Images/Ancilary//share_icon.png) right 18px center / 28px auto no-repeat; color: #15bece;}
    a.summaryDetails_waze{padding: 0px 60px 0px 10px; background-position: right 18px center; margin: 0px; width: auto;}    
    a.summaryDetails_download{padding: 0px 60px 0px 10px; background-position: right 18px center; margin: 0px; width: auto;}
    .summaryDetails_sharePanel{display: none; border-top: 1px solid #15bece; margin: 0px 14px; padding: 0px 0px 0px 0px;}
    .summaryDetails_sharePanel[data-aria-hidden="false"]{display: block;}
    .summaryDetails_panel > ul > li.summaryDetails_share ul{padding: 24px 0px 21px; justify-content: center;}
    .summaryDetails_panel > ul > li.summaryDetails_share ul li{padding: 0px 7px;}
    .summaryDetails_panel > ul > li.summaryDetails_share ul li a{background-color: #f4f1f1; display: flex; align-content: center; justify-content: center; width: 48px; height: 48px; border-radius: 24px;}
    .summaryDetails_panel > ul > li.summaryDetails_share ul li a img{width: 24px; height: 24px; margin: auto;}
}

@media screen and (max-width: 414px) {
    .summaryDetails_row{padding: 10px 50px 13px 10px;}
    .summaryDetails_rowImage{right: 12px; top: 20px;}
    
    a.summaryDetails_shareToggle{font-size: 16px; line-height: 18px;}
    a.summaryDetails_waze{font-size: 16px; line-height: 18px;}
    a.summaryDetails_download{font-size: 16px; line-height: 18px;}

    .summaryGallery_image{overflow: hidden; height: 160px; position: relative;}
    .summaryGallery_image img{position: absolute; left: 50%; transform: translate(-50%, 0); width: auto; height: 160px;}
}


/* cancel checkin */

.offload_text {background-color: #f4f1f1;padding: 24px 24px 20px 24px;position: relative;}
.offload_text p {padding: 0px;margin: 0px;font-size: 24px;line-height: 34px;}

.offload_text p strong {font-weight: 500;}
.offload_button_text {align-items: end;}

.offload_text_div_a{float:right;position:absolute;left:0px;bottom:0px;}
.offload_text_note1{height: 100%;font-size:14px;width:78%;position:absolute;}
.offload_text_note1 span{position: absolute;width: 100%;bottom:0px;}

.offload_newIdentification .offload_text_note1 {font-size: 14px;width: unset;position: unset;display: flex;height: 230px;text-align: right;}
.offload_newIdentification .offload_text_div3 {text-align:right;}

.offload_text_div1{position: relative;display: block;height: 75px;}

.offload_text_div2 {position: absolute;width: 22%;left: 0px;bottom: 0px;height: 100%;}

.mainPage .generalError_page {
    padding: 72px 0px 100px;
}

.genError_text {
    background-color: #f4f1f1;
    padding: 24px 24px 20px 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .genError_text:before {
        position: absolute;
        right: 26px;
        top: 50%;
        transform: translate(0, -50%);
        width: 56px;
        height: 56px;
    }

    .genError_text p {
        padding: 0px;
        margin: 0px;
        font-size: 20px;
        line-height: 34px;
    }

        .genError_text p strong {
            font-weight: 500;
        }
.genError_button_text {
    align-items: end;
}

a.errorBackToCheckin {
    display: block;
    text-decoration: none;
    text-align: center;
    width: 200px;
    height: 35px;
    background-color: #1b358f;
    color: white;
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
}

    a.errorBackToCheckin.sundor {
        background-color: #00b6ef;
    }

    a.errorBackToCheckin:hover {
        background-color: #1b358f;
    }

    a.errorBackToCheckin.sundor:hover {
        background-color: #00b6ef;
    }

.loginForm_submit button, .loginFormMatmid_submit button,
a.errorBackToCheckin,
.bottomPanel_button,
a.errorPop_confirm 
{
    border-radius: 4px;
}



    @media screen and (max-width: 1024px) {
        .genError_text {
        padding: 24px 24px 20px 24px;
    }

        .genError_text:before {
            right: 26px;
        }

        .genError_text p {
            font-size: 20px;
            line-height: 30px;
        }

    a.errorBackToCheckin {
        width: 140px;
    }
}

@media screen and (max-width: 768px) {
    .genError_text {
        padding: 24px 20px 20px 20px;
    }

        .genError_text:before {
            right: 26px;
            width: 42px;
            height: 42px;
        }

        .genError_text p {
            font-size: 20px;
            line-height: 24px;
        }
}

@media screen and (max-width: 670px) {
    .mainPage .generalError_page {
        padding: 54px 0px 80px;
    }

    .genError_text {
        flex-direction: column;
        text-align: right;
        padding: 20px 20px 20px 20px;
    }

        .genError_text:before {
            right: auto;
            left: 50%;
            top: 21px;
            transform: translate(-50%, 0);
        }

        .genError_text p {
            padding: 0px 0px 18px;
            font-size: 15px;
            line-height: 24px;
        }

    .offload_text_div1 {position: relative;display: inline-block;width: 100%;height:unset;}

    .offload_text_note1{width:100%;position:relative;display:inline-block;font-size:12px;margin-bottom: 10px;}
    .offload_text_note1 span{position: relative;height: 100%;display: block;}
    .offload_text_div2 {position: relative;width: 100%;height: 40px;display:inline-block;}

    .offload_text_div_a{position: absolute;right: 0px;left: 0px;margin: auto;width: 143px;}
    .offload_text_div3{margin-bottom:10px;}
    .offload_newIdentification .offload_text_div3 p{margin-bottom:0px;}


}

/* toggle */
a.infoCheckin_toggle {
    display: block;
    color: black;
    text-decoration: none;
    position: relative;
    padding: 0px 40px 0px 0px;
    line-height: 24px;
}

    a.infoCheckin_toggle:before {
        content: '+';
        position: absolute;
        right: 0px;
        top: 0px;
        background-color: #fff;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        text-align: center;
        color: #1B358F;
        font-weight: 400;
        font-size: 24px;
        line-height: 24px;
        border: 1px solid #1B358F;
    }

    a.infoCheckin_toggle[aria-expanded="true"]:before {
        content: '-';
        font-size: 24px;
        line-height: 24px;
    }

a.infoCheckin_close:before {
    content: '-';
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    color: #1B358F;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    border: 1px solid #1B358F;
}

.infoCheckin_panel {
    padding-top: 20px;
}

/* passenger update */
.mainPage .passengerUpdate {
    padding: 36px 0px 100px;
}

    .mainPage .passengerUpdate .checkinNew {
        background-color: #f4f1f1;
        padding: 24px 120px 20px 24px;
        position: relative;
    }

        .mainPage .passengerUpdate .checkinNew:before {
            content: '';
            background: url(../../Images/Ancilary/passenger_update_icon.png) left top / 100% auto no-repeat;
            position: absolute;
            right: 26px;
            top: 50%;
            transform: translate(0, -50%);
            width: 56px;
            height: 56px;
        }

    .mainPage .passengerUpdate .checkinNew_title {
        font-weight: 500;
        font-size: 32px;
        line-height: 34px;
        padding-bottom: 14px;
    }

    .mainPage .passengerUpdate .checkinNew_clients {
        font-weight: 500;
        font-size: 21px;
        line-height: 21px;
    }

        .mainPage .passengerUpdate .checkinNew_clients strong {
            display: block;
        }

    .mainPage .passengerUpdate .checkinNew_panel input {
        position: absolute;
        left: 24px;
        top: 50%;
        transform: translate(0, -50%);
        cursor: pointer;
        border: 0px;
        width: 200px;
        height: 35px;
        background-color: #15bece;
        color: white;
        font-weight: 500;
        font-size: 16px;
        line-height: 35px;
    }

        .mainPage .passengerUpdate .checkinNew_panel input:hover {
            background-color: #108f9c;
        }

    .mainPage .passengerUpdate .checkinNew_panel a {
        position: absolute;
        right: 0px;
        top: 100%;
        margin-top: 10px;
        white-space: nowrap;
        color: #15bece;
        font-size: 16px;
        line-height: 20px;
        text-decoration: underline;
        display: flex;
        align-items: center;
        height: 20px;
        padding-left: 20px;
        background: url(../../Images/Ancilary/login_arrow.png) left top / auto 100% no-repeat;
    }


@media screen and (max-width: 1024px) {
    .mainPage .passengerUpdate .checkinNew {
        padding: 24px 120px 20px 24px;
    }

        .mainPage .passengerUpdate .checkinNew:before {
            right: 26px;
        }

    .mainPage .passengerUpdate .checkinNew_title {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 14px;
    }

    .mainPage .passengerUpdate .checkinNew_clients {
        font-size: 18px;
        line-height: 21px;
    }

    .mainPage .passengerUpdate .checkinNew_panel input {
        width: 140px;
    }
}

@media screen and (max-width: 768px) {
    .mainPage .passengerUpdate .checkinNew {
        padding: 24px 88px 20px 20px;
    }

        .mainPage .passengerUpdate .checkinNew:before {
            right: 26px;
            width: 42px;
            height: 42px;
        }

    .mainPage .passengerUpdate .checkinNew_title {
        font-size: 21px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .mainPage .passengerUpdate .checkinNew_clients {
        font-size: 16px;
        line-height: 18px;
    }
}

@media screen and (max-width: 670px) {
    .mainPage .passengerUpdate {
        padding: 28px 0px 80px;
    }

        .mainPage .passengerUpdate .checkinNew {
            flex-direction: column;
            text-align: center;
            padding: 72px 20px 20px 20px;
        }

            .mainPage .passengerUpdate .checkinNew:before {
                right: auto;
                left: 50%;
                top: 21px;
                transform: translate(-50%, 0);
            }

        .mainPage .passengerUpdate .checkinNew_panel {
            padding-top: 24px;
        }

            .mainPage .passengerUpdate .checkinNew_panel input {
                position: static;
                margin: 0px auto 0px;
                transform: none;
                left: auto;
                top: auto;
            }

            .mainPage .passengerUpdate .checkinNew_panel a {
                left: 50%;
                right: auto;
                transform: translate(-50%, 0);
                font-size: 14px;
            }
}

/* send to */
.errorPop_sendTo {
    max-width: 896px;
    width: 90%;
}

    .errorPop_sendTo strong {
        display: block;
        font-weight: 500;
        font-size: 36px;
        line-height: 36px;
        text-align: center;
        padding-top: 5px;
    }

.sendTo_form {
    max-width: 450px;
    margin: 0px auto;
    padding: 40px 0px 0px;
}

    .sendTo_form label {
        display: block;
        font-size: 16px;
        line-height: 20px;
    }

    .sendTo_form input[type="email"] {
        display: block;
        width: 100%;
        height: 40px;
        color: #1c1942;
        font-size: 16px;
        border: 1px solid #d7d7d7;
        padding: 0px;
        margin: 0px;
        text-indent: 10px;
        background-color: white;
    }

    .sendTo_form input[type="submit"] {
        border: 0px;
        display: block;
        margin: 30px auto 0px;
        width: 160px;
        height: 35px;
        background-color: #1b358f;
        color: white;
        text-decoration: none;
        text-align: center;
        font-weight: 500;
        font-size: 18px;
        line-height: 33px;
        cursor: pointer;
        border-radius:4px;
    }

        .sendTo_form input[type="submit"]:hover {
            background-color: #1b358f;
            color: white;
        }

    .sendTo_form .errorMsg {
        margin-bottom: 0px;
    }

.sendTo_formError .errorMsg {
    display: block;
}

.sendTo_formError input[type="email"] {
    border-color: #da0913;
}

.sendTo_response {
    padding: 8px 0px 10px;
}

.sendTo_responseImage {
    width: 88px;
    margin: 0px auto;
}

    .sendTo_responseImage img {
        display: block;
        width: 100%;
    }

.sendTo_responseText {
    padding: 14px 0px 0px 0px;
    max-width: 560px;
    margin: 0px auto;
}

.errorPop .sendTo_responseText P {
    padding: 4px 0px 0px 0px;
    font-size: 24px;
    line-height: 28px;
    direction: ltr;
}

.sendTo_responseText P span {
    white-space: nowrap;
}

    .sendTo_responseText P span:after {
        content: ',';
    }

    .sendTo_responseText P span:nth-last-child(1):after {
        display: none;
    }

.sendTo_wait {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

    .sendTo_wait img {
        width: 64px;
        margin: 0px auto;
    }

    .sendTo_wait[data-aria-hidden="true"] {
        display: none;
    }

@media screen and (max-width: 768px) {
    .errorPop_sendTo strong {
        font-size: 30px;
        line-height: 30px;
    }

    .sendTo_form {
        padding-top: 20px;
    }

        .sendTo_form label {
            padding-bottom: 4px;
        }

    .sendTo_responseImage {
        width: 64px;
    }

    .errorPop .sendTo_responseText P {
        font-size: 20px;
        line-height: 24px;
    }
}

@media screen and (max-width: 480px) {
    .errorPop_sendTo strong {
        font-size: 24px;
        line-height: 22px;
        margin: 0px auto;
        width: 85%;
    }

    .sendTo_form {
        padding-top: 12px;
    }

        .sendTo_form label span {
            display: block;
        }

        .sendTo_form label {
            font-size: 14px;
            line-height: 18px;
        }

    .errorPop .sendTo_responseText P {
        font-size: 18px;
        line-height: 24px;
    }
}

@media screen and (max-width: 375px) {
    .sendTo_responseImage {
        width: 44px;
    }

    .errorPop_sendTo strong {
        font-size: 21px;
        line-height: 22px;
    }

    .errorPop .sendTo_responseText P {
        font-size: 16px;
        line-height: 20px;
    }
}

/*added by hani*/
.pnrPassengerError {
    color: red;
    margin-right: 20px;
}
.pnrCheckinPerformed
{
    color:#008D70;
    margin-right:20px;
}

/* שידרוג */
.confirmationList{padding: 16px 0px 0px 0px;}
.confirmationList table{width: 100%; border-collapse: separate; border-spacing: 0px 5px; }
.confirmationList table th{background-color: #ebebeb; height: 32px; padding: 5px 12px 8px 12px; font-size: 16px; line-height: 18px; font-weight: normal; text-align: right; vertical-align: baseline;}
.confirmationList table tr.tbodyTH{display: none;}
.confirmationList table td{border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; padding: 12px 12px 10px;}
.confirmationList table td a.toggleChk{float: right; margin: 0px 0px 0px 12px; position: relative; display: block; background-color: #ADB8BC; text-decoration: none; width: 36px; height: 18px; border-radius: 9px; font-size: 0; line-height: 0;margin-left:20px;}
.confirmationList table td a.toggleChk_active{background-color: #1B358F;}
.confirmationList table td a.toggleChk:before{content: ''; transition: margin-right 0.4s ease-in-out; margin-right: 18px;position:relative;top:-3px; display: block; width: 25px; height: 25px; border-radius: 13px; background: #fff url(../../Heb/assets/chk_toggle.png) 0px 0px / 100% auto repeat-y;border: 1px solid #e1e1e1;}
.confirmationList table td a.toggleChk_active:before{background-color: #fff; background-position: 0px -27px; margin-right: -7px;}
.confirmationList table td span{font-size: 13px;}
.confirmationList table tr td:first-child{white-space: nowrap; border-right: 1px solid #e1e1e1;}
.confirmationList table tr td:nth-last-child(1){border-left: 1px solid #e1e1e1;}

@media screen and (max-width: 767px) {
    .confirmationList{overflow: hidden;}
    .confirmationList table{border-collapse: collapse; border-spacing: 0px 0px;}
	.confirmationList table, .confirmationList thead, .confirmationList tbody, .confirmationList tr, .confirmationList th, .confirmationList td{display: block;}
	.confirmationList thead{display: none;}
    .confirmationList table tr{float: right; width: calc(100% - 160px); border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; margin-bottom: 14px;}
	.confirmationList table tr.tbodyTH{display: block; float: right; clear: right; width: 160px; border-left: 0px; border-top-color: #ebebeb;}
    .confirmationList table td{border-top: 0px; line-height: 20px;}
    
    .confirmationList table tr td:first-child{border-right: 0px;}
    .confirmationList table tr td:nth-last-child(1){border-left: 0px;}
    .confirmationList table th{height: auto; padding: 12px 12px 11px; line-height: 20px;}
}

@media screen and (max-width: 480px) {
    .confirmationList table tr{float: right; width: calc(100% - 140px);}
    .confirmationList table tr.tbodyTH{width: 140px;}
    .confirmationList table th{font-size: 14px;}
    .confirmationList table td{font-size: 12px;}
}

/*START Boarding pass docs*/
.rectangle-send-mail .div1 > div {transform: scaleX(-1);}

@media screen and (max-width: 800px) {
    .icon .div1{transform:scaleX(-1);}
}

    /*END Boarding pass docs*/

/*New Login - start - (Mobile)*/
@media screen and (max-width: 475px) {
.informationTooltip {position: absolute; left: 0px;}
}

@media screen and (max-width: 300px) {
.textOption{font-size:13px;}
.Frame-1216{width:230px;}
.Line-63{width:180px;}
.loginOptionsTitle{margin-right:-15%;}
.firstLine{margin-left:0px;}
a.newLogin_offloadPop_confirm{width:200px;}
a.newLogin_offloadPop_cancel{width:200px;}
}
/*New Login - end - (Mobile)*/