/*new design*/
body#bodyLogin {
    background: url(//tmuracdn.blob.core.windows.net/images/FOOTER_logo_Tmura.jpeg),url(//tmuracdn.blob.core.windows.net/images/FOOTER_logo_AllABOARD.jpeg),url(//tmuracdn.blob.core.windows.net/images/login_image_main.png),#ffffff;
    background-repeat: no-repeat;
   background-size: 100px,100px,cover;
   background-position: 16% 22px,24% 9px,0 bottom;
    height: auto;
}

#background-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
    transform: scaleX(-1); /* הופך את הווידאו אופקית */
}

.fallback-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url(//tmuracdn.blob.core.windows.net/images/login_image_main_low.png) center/cover no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -2;
    transform: scaleX(-1); /* גם התמונה תתהפך כדי להתאים לווידאו */
    display: none;
}

.content {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
    padding: 20px;
}

body#bodyLogin .main_body .container {
    margin: 0;
    margin-right: 7%;
}

/*body#bodyLogin {
	background: url(//tmuracdn.blob.core.windows.net/images/logo_tmura.png),
		url(//tmuracdn.blob.core.windows.net/images/logo_aab.png),
		url(//tmuracdn.blob.core.windows.net/images/login_grey_gradient.png),
		url(//tmuracdn.blob.core.windows.net/images/login_image_main_low.png);
	background-repeat: no-repeat;
	background-size: 100px, 100px, cover,cover;
	background-repeat: no-repeat;
	background-position: 82% 80%, 89% 80%, right bottom, 0 bottom;
	height: auto;
}*/
body#bodyLogin .main_body {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url(//tmuracdn.blob.core.windows.net/images/logo_tmura.png), url(//tmuracdn.blob.core.windows.net/images/logo_aab.png), url(//tmuracdn.blob.core.windows.net/images/login_grey_gradient.png);
    background-size: 100px, 100px, cover;
    background-repeat: no-repeat;
    background-position: 82% 80%, 89% 80%, right bottom;
}

body#bodyLogin {
    background: url(//tmuracdn.blob.core.windows.net/images/logo_tmura.png), url(//tmuracdn.blob.core.windows.net/images/logo_aab.png), url(//tmuracdn.blob.core.windows.net/images/login_grey_gradient.png);
    background-size: 100px, 100px, cover;
    background-repeat: no-repeat;
    background-position: 82% 80%, 89% 80%, right bottom;
    height: auto;
}

.btn-login, .btn-send-pass, button.btn1 {
    background: var(--main-color);
}

.main_ttl {
    display: none;
}

body#bodyLogin .main_body .container {
    background-image: var(--logo-msha),var(--logo-pol), var(--logo-nofesh);
    background-size: 99px, 96px, 231px;
    background-repeat: no-repeat;
    background-position: 25% 110px, 74% 110px, center 244px;
    padding-top: 286px;
}

body#bodyLogin.btp .main_body .container {
    background-image: var(--logo-israel), var(--logo-btp);
    background-size: 83px, 231px;
    background-repeat: no-repeat;
    background-position: 50% 71px, center 189px;
    padding-top: 286px;
}

.loginOTP, #checkCode {
    background: var(--main-color);
}

    .loginOTP:hover, #checkCode:hover {
        background: var(--main-color-hover);
    }

button.btn1:hover, button.btn-login:hover, button.btn-send-pass:hover {
    background: var(--main-color-hover);
}

.btn-login.sendMail {
    background: var(--second-color);
}

    .btn-login.sendMail:hover {
        background: var(--second-color-hover);
    }

body#bodyLogin input[type="text"], body#bodyLogin input[type="password"] {
    background-color: #ffffff !important;
    border: solid 1px var(--black-color) !important;
}

#captchaSignup > div {
    margin: 0 auto;
}

body {
    background-image: var(--side-left), var(--side-right);
    background-size: 31vh, 31vh;
    background-repeat: no-repeat;
    background-position: left 72px, right 71px;
    background-attachment: fixed;
}

    body .navbar, body.btp .navbar {
        background: var(--header-color);
        background-repeat: no-repeat;
        background-position-x: left;
        background-size: 100%;
    }

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .top-logout .navbar-header > div {
    color: var(--black-color);
}

    .top-logout .navbar-header > div:first-child {
        background-blend-mode: lighten;
    }


body .col-3.top-logo {
    background-image: var(--logo-msha), var(--logo-pol);
    float: right;
    background-position: 86% 12px, right 12px;
    background-size: 55px, 55px;
    background-repeat: no-repeat;
    margin-right: 124px;
    width: auto;
}

    body .col-3.top-logo a {
        background-image: var(--logo-nofesh);
        background-size: 200px;
        background-position: right 19px;
        background-repeat: no-repeat;
        margin-right: 124px;
        color: transparent;
        padding-right: 0;
        float: right;
        margin-right: 120px;
        width: 400px;
    }
    @media (max-width: 1024px) {
        body .col-3.top-logo a {
            background-size: 149px;
            width: 60%;
            margin-right: 0;
            float:inline-end;
        }
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: transparent;
        }

        body.btp .col-3.top-logo {
            background-image: var(--logo-israel);
            float: right;
            background-position: right 10px;
            background-repeat: no-repeat;
            margin-right: 104px;
            width: auto;
        }

            body.btp .col-3.top-logo a {
                background-image: var(--logo-btp-header);
                background-size: 325px;
                background-position: right 19px;
                background-repeat: no-repeat;
                margin-right: 124px;
                color: transparent;
                padding-right: 0;
                float: right;
                margin-right: 50px;
            }
        /*עיצוב תשלום*/

            .total_price {
                width: 45%;
                display: inline-block;
            }

            div.payment_row {
                /*display:table-cell;*/
                width: 50%;
                vertical-align: top;
                display: inline-block;
            }

            div.rem_div {
                width: 95%;
            }

            .top-logout .navbar-header > div:first-child {
                background: none;
            }

            .footer .container {
            }

            body .navbar, body.btp .navbar {
                -webkit-box-shadow: 0px 4px 9px #dddddd;
            }

            #InfoCust h3, body#Terms .section label {
                color: var(--main-color);
            }

            body#History table th, body#Contact table th, body#WaitingList table th {
                background-color: var(--header-color);
            }

            body#History .td_btns div:hover, body#History table td div:hover {
                background-color: var(--header-color);
            }

            body#History table td div, body#Contact table td div, body#History .td_btns div, body#Contact .td_btns div {
                border: solid 2px var(--main-color);
                color: var(--main-color);
            }

            .mobile-nav-button .mobile-nav-button__line {
                background-color: var(--main-color) !important;
            }

            .mobile-menu {
                background: var(--header-color) !important;
            }

                .mobile-menu ul li {
                    border-bottom: solid 1px var(--black-color) !important;
                }

                    .mobile-menu ul li.usr_li > div:first-child {
                        background-image: none !important;
                    }

                    .mobile-menu ul li.usr_li > div:first-child, .mobile-menu ul li a, .mobile-menu ul li.usr_li > div:last-child {
                        color: var(--black-color) !important;
                    }

            h1, .level_filter > div, .clear_results:hover, .btn2:hover, .n_cancle:hover, .hotel_div div:nth-child(2), .item-section .row .cell.hot_name {
                color: var(--main-color);
            }

            body#Contact .table_contact_list_mobile .tr_row a, body#Contact .table_contact_list tr a, .request_lines .ttl_participants, body#Contact table td span, #progressbar_div > div, #progressbar_div_hot > div {
                color: var(--main-color);
            }

            body#Contact .table_contact_list_mobile .tr_row a, body#Contact .table_contact_list tr a {
                white-space: nowrap;
            }

            .request_lines, #alert_div, .list-new-cr {
                border: solid 2px var(--main-color);
            }

            .level_filter > div.selected {
                border-bottom: solid 6px var(--second-color);
            }

            #image_carrousel > div img.choosen {
                border: 2px solid var(--second-color);
            }

            .footer {
                height: 50px;
            }

                .footer .container {
                    background-size: 82px, 82px, 100% 103%;
                    background-repeat: no-repeat;
                    background-position: 5% 15px, 16% 7px;
                }

            .main_body {
                min-height: calc((100%) - 50px);
            }

            .item-section .row .cell.hot_name:hover {
                color: var(--main-color-hover);
            }

            .section.section_hotel .order-section .row .cell.hot_name, body#Order .section.section_hotel .order-section > div:last-child > div .price_type, body#Order h3 {
                color: var(--main-color);
            }

            .order-section .row .cell.ok_order {
                color: var(--second-color);
            }

            body#bodyLogin.login_down .main_body .container, body#bodyLogin.login_out .main_body .container {
                width: 380px;
            }


            button#switch_login {
                display: none !important;
            }

            @media (max-width: 1024px) {
                body {
                    background-image: none;
                    font-size: 12px;
                }
                .main_body {
                    background-image: var(--mob_back);
                }
                body#bodyLogin .main_body {
                    top: 0;
                    left: 0;
                    width: 100vw;
                    height: 100vh;
                    background: url(//tmuracdn.blob.core.windows.net/images/logo_tmura.png), url(//tmuracdn.blob.core.windows.net/images/logo_aab.png), url(//tmuracdn.blob.core.windows.net/images/m_login_grey_gradient.png);
                    background-size: 60px, 60px, 100%;
                    background-repeat: no-repeat;
                    background-position: 8% 97%, 33% 97%, center top;
                }
                .footer .container {
                    background-position: 5% 15px, 38% 7px;
                    background-size: 79px, 75px, 100% 103%;
                }
            }

body[app="1"] {
    background-image: none !important;
    background: transparent;
}
    body[app="1"] footer {
        display: none !important;
    }