/*עיצוב*/
:root {
    --main-color: #30CAD0;
    --main-color-hover: #A0E6E9;
    --main-color: #07a2d1;
    --main-color-hover: #61D8FA;
    --background-image: url(//tmuracdn.blob.core.windows.net/aabdefense/ips/images/login-BG.jpg);
    --logo-msha: url(//tmuracdn.blob.core.windows.net/aabdefense/ips/images/logo_amash.png);
    --logo-ips: url(//tmuracdn.blob.core.windows.net/aabdefense/ips/images/logo_ips.png);
    --side-left: url(//tmuracdn.blob.core.windows.net/aabdefense/ips/images/left-bg-home.jpg);
    --side-right: url(//tmuracdn.blob.core.windows.net/aabdefense/ips/images/right-bg-home.jpg);
    --background-color: #F6ECE0;
    --header-color: #FFFFFF;
    --header-color-txt: #233b44;
    --main-color-txt: #FFFFFF;
    --icon_man: url(//tmuracdn.blob.core.windows.net/aabdefense/ips/images/user-icon.png);
    --logo_tmura: url(//tmuracdn.blob.core.windows.net/images/logo_tmura.png);
    --logo_aab: url(//tmuracdn.blob.core.windows.net/images/logo_aab.png);
    --background-image-mobile: url(//tmuracdn.blob.core.windows.net/aabdefense/ips/images/bg-mobile.jpg);
    --background-image-mobile-login: url(//tmuracdn.blob.core.windows.net/aabdefense/ips/images/bg-long-mobile.jpg);
}



body#bodyLogin .main_body .container {
    background-position: center 38px;
    padding-top: 161px;
    background-size: 118px;
}/*
.navbar {
    background: url(//tmuracdn.blob.core.windows.net/aabdefense/ips/logo.png), url(//tmuracdn.blob.core.windows.net/images/Header_Bg.jpeg), #10bad3;
    background-repeat: no-repeat;
    background-position-x: 98%, left;
    background-size: 75px, 100%;
    border: 0;
    background-position-y:0px, top;
}*/
.col-3.top-logo{
    background:none;
}


/*עיצוב תשלום*/

.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%;
}
.section.ite_sec .ttl::after {
    content: 'לא חובה לבחור מחזור';
    color: #07a2d1;
    margin-right: 5px;
}

body#bodyLogin {
    background: var(--logo_tmura), var(--logo_aab), var(--background-image), #ffffff;
    background-size: cover;
    background-size: 120px, 120px, 100% 103%;
    background-repeat: no-repeat;
    background-position: 52% 96%, 44% 96%, 0px bottom;
    height: auto;
}
/*
body#bodyLogin {
    background: var(--background-image), #ffffff;
    background-size: cover;
    background-size: 100% 103%;
    background-repeat: no-repeat;
    background-position:  0px bottom;
    height: auto;
}*/
    body#bodyLogin .main_body .container {
        background-image: var(--logo-msha),var(--logo-ips);
        background-size: 99px, 101px;
        background-repeat: no-repeat;
        background-position: 33% 83px, 74% 57px;
    }

body {
    background-image: var(--side-left), var(--side-right);
    background-size: 40.1vh, 40.1vh;
    background-repeat: no-repeat;
    background-position: left 72px, right 71px;
    background-attachment: fixed;
    background-color: var( --background-color);
}
    body .navbar, body.btp .navbar {
        background: var(--header-color);
        background-repeat: no-repeat;
        background-position-x: left;
        background-size: 100%;
    }
.top-logout .navbar-header > div:first-child {
    background-image: var(--icon_man);
    height: 71px;
    padding-right: 24px;
    background-size: 17px;
    background-position: 100% 57%;
}
body .col-3.top-logo {
    background-image: var(--logo-msha), var(--logo-ips);
    float: right;
    background-position: 73% 18px, right 2px;
    background-size: 72px, 75px;
    background-repeat: no-repeat;
    margin-right: 124px;
    width: 21%;
}
body .navbar {
    -webkit-box-shadow: 0px 4px 9px #dddddd;
}
.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(--header-color-txt);
}
footer {
    display: none;
}
.main_body {
    min-height: calc((100%) - 80px);
    min-height: 100%;
}
/*COLORS*/
.btn-login, .btn-send-pass, button.btn1 {
    background: var(--main-color);
    color: var(--main-color-txt);
}

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

    .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);
}
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;
}

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);
}
.request_lines, #alert_div, .list-new-cr {
    border: solid 2px var(--main-color);
}
.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);
}
.mobile-menu {
    background: var(--main-color);
}
#toTop {
    background-color: var(--main-color);
    border: solid 3px var(--main-color);
}
/*END COLORS*/
@media (max-width: 1024px) {
    body #bodyLogin {
        background: none;
        height: auto;
    }

    .total_price {
        width: 100%;
    }

    .navbar {
        background-size: 64px, 100%;
    }
    body {
        background-image: none !important;
    }
    body .col-3.top-logo {
        background: none !important;
    }

    div.payment_row {
        width: 100%;
    }
    body#bodyLogin .main_body {
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: var(--logo_tmura), var(--logo_aab), var(--background-image-mobile-login), var(--background-color);
        background-size: 60px, 60px, 100%;
        background-repeat: no-repeat;
        background-position: 8% 97%, 33% 97%, center bottom;
    }
        body#bodyLogin .main_body .container {
            background-size: 99px, 101px !important;
            background-position: 24% 83px, 79% 55px !important;
        }
    body .col-3.top-logo {
        background-image: var(--logo-msha), var(--logo-ips) !important;
        background-position: 66% 19px, right 2px !important;
        background-size: 61px, 65px !important;
        background-repeat: no-repeat !important;
    }
    .main_body {
        background-image: var(--background-image-mobile);
    }
    body#home .section {
        width:95%;
        margin: 0 auto;
        margin-top: 30px;
    }
    body#History .table_new .tr, body#Contact .table_new .tr, body#WaitingList .table_new .tr {
        border-right: solid 1px #d6d6d6;
    }
    h3 {
        font-size: 15px !important;
    }
}
div.rem_div textarea {
    max-width: 500px;
    text-align: right;
    display: block;
}