@import url(https://fonts.googleapis.com/earlyaccess/alefhebrew.css);

body {
    font-family: Assistant, "Alef Hebrew", "“Helvetica Neue”", Helvetica, Arial, sans-serif;
    color: #0f1c48;
    margin: 0;
    padding: 25px;
    background-color: #ececec;
    font-size: 16px;
    font-size: medium;
}
@media only screen and (min-width:481px) and (max-width:768px) {
    body {
        padding: 0;
    }
}

@media only screen and (max-width:480px) {
    body {
        padding: 0;
    }
}
/* Main content area */
.content {
    display: flex;
    padding: 0px;
    min-height: 100vh;
}

/* Content area */
.main-content {
    flex: 1;    
    background-color: transparent;    
}
.GenericFontColor {
    color: #1873ba !important;
}

.DescTruncate {
    /*display: inline-block;
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    */
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* truncate to 2 lines */
    -webkit-line-clamp: 2;
}

.DescTruncate_1 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* truncate to 2 lines */
    -webkit-line-clamp: 1;
}


/*.divHeader {
    direction: rtl;
    text-align: right;
    
    
    max-width: 1366px;
    height: 200px;
    margin: 0 auto;
    top: 0;
    z-index: 6;
    box-shadow00: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-image: url(../Images/pdf.png);
    background-size: 100% 100%;
    background-position-x: center;
    background-color00: #ececec;
    background-repeat: no-repeat;
}*/


.ezgo-wrapper, .ezgo-wrapper_Bar {
    width: 100%;
    max-width: 1316px;
    margin: 0 auto;
    direction: rtl;
    text-align: right;
    background-color: #ececec;
    box-shadow00: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}


    .ezgo-wrapper table {
        table-layout: fixed;
        width: 100%
    }

.ezgo-wrapper_Bar {
    max-width: 800px;
    background-color: transparent;
}

.tdContent {
    vertical-align: top;
}

.tdSideBar {
    width: 266px;
    vertical-align: top;
}

.Button, .ButtonSelected, .btShowExtras, .btCloseCalExtra /*, .Button_Disabled*/ {
    background-color: white;
    /* color: #1c97fc;
    border: 1px solid #1c97fc;*/
    width: 45px;
    color: #1877c0;
    border: 1px solid #1877c0;
    font-size000: 16px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 1px;
    margin-bottom: 2px;
    border-radius00: 10px;
}

    .Button:hover, .ButtonSelected, .btShowExtras:hover, .Button:focus {
        background-color: #1877c0;
        color: White;
        border: 1px solid transparent;
    }

    .Button[disabled], .Button[disabled]:hover {
        background-color: lightgray;
        border-color: lightgray;
        color: white;
    }

/*.Button_Disabled, .Button_Disabled:hover {
        background-color: lightgray;
        border-color: lightgray;
        color: white;
    }*/

.btCloseCalExtra {
    width: 25px;
    border: none;
    color: black;
    border-radius00: 100%;
}


    .Button:focus, .btAddRoom:focus, .btRemRoom:focus, .btCloseSummary:focus, .btAddSub:focus, .btYesNo:focus,
    .btPlaceOrder input[type=button]:focus, .btPlaceOrder input[type=submit]:focus, .btAddTiming:focus,
    .btAddSub_Add:focus, .btAddSub_Sub:focus, #btWait2, #btWait3, .btnSub_Summary, .btBackToMain:focus, .bt_SearchBar:focus, .btCloseCalExtra:focus {
        /*outline: none;
    box-shadow: none;*/
    }



        .btnSub_Summary, .btnSub_Summary:hover {
            width: 20px;
            height: 20px;
            line-height: 15px;
            border-radius: 100%;
            border: solid 1px #1d97ff;
            background-color: transparent;
            text-align: center;
            vertical-align: middle;
            /*background-image: url(../Images/Assaf/Minus_.svg);*/
            background-image: url(../Images/Assaf/X_.svg);
            background-repeat: no-repeat;
            background-position-y: center;
            background-position-x: center;
            background-size: 6px 6px;
        }


/*.btAddSub_Sub {
    width: 20px;
    background-image: url(../Images/Assaf/Minus_.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-size: 10px 10px;
    border-color: transparent;
    height: 32px;
    display: inline-block;
}


.divAddSub {
    width: 80px;
    height: 32px;
    border-radius: 2px;
    border: solid 1px #1d97ff;
    background-color: #ffffff;
    vertical-align: middle;
    line-height: 32px;
    text-align: center;
}
*/

.MyCard, .MyDeptCard, .MyDeptCard_4 {
    /*width: 228px;
    height: 314px;*/
    width: 33%;
    width: 90%;
    max-width: 300px;
    height: 285px;
    height: unset;
    opacity: 1;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    background-color: #FFFFFF;
    margin00: 0 10px 20px 10px;
    margin: 0 auto;
    margin-bottom: 12px;
    display: block;
    position: relative;
    text-align: center;
    border-radius: 0;
    border: none;
    flex-grow00: 1;
    justify-self: self-start;    
}
.MyCard {
    display: flex;
    position: unset;
    flex-direction: column;
    justify-content: space-between;
    
}

.MyDeptCard, .MyDeptCard_4 {
    height000: 255px;
    display: inline-block;
    justify-self: center;
    padding: 15px 15px 0 15px;
    padding: 5px 5px 0 5px;
    border-bottom: 5px solid #44a3ed;
    transition00: transform 0.5s;
    color: #1873ba;
}

.MyDeptCard_4 {
    width: 50%;
    margin: 2%;
}

    .MyDeptCard:hover, .MyDeptCard_4:hover {
        /*transform: scale(1.1);*/
        cursor: pointer;
        background-color: #44a3ed;
        border-bottom-color: #FFFFFF;
    }

        .MyDeptCard:hover .MyDeptHeader, .MyDeptCard_4:hover .MyDeptHeader {
            color: #FFFFFF;
        }


.MyDeptText {
    padding00: 10px;
    width: 100%;
    margin-top: 5px;
    height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    /*font-weight: bold;
    background-color: #1873ba;*/
    /*border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;*/
}

.lbliDeptId {
    display: none;
}

.PriceBtns {
    width: 100%;
    height: 85px;
    padding00: 10px;
    position:unset;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items000: end;     
}
.MyCard .PriceBtns {
    
    justify-content: space-between;
    height: auto;
}
    .MyCard .PriceBtns .Prices {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: space-around;
    }

.tdPrice {
    width: 100%;
    height000: 25px;
    margin-top000: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align:center;    
}

.ExtPrice {
    color: #040404;
    margin: 5px;    
    font-size: 22px;
    font-size: 130%;
    font-weight: bold;
}

.MyCardBody {
    padding: 2px;
}


.PriceFont {
    font-weight: 600;
    display: inline-block;    
}

/*.FullPriceFont {
    text-decoration: line-through solid rgba(50, 49, 49, 0.7);
    display: inline-block;
    color: #323131;*/ /* !important;*/
/*}*/

.FullPriceFont {
    text-decoration-line: line-through;
    text-decoration-style: solid;
    text-decoration-color: rgba(50, 49, 49, 0.7);
    display: inline-block;
    color: #323131; /* !important;*/
    font-size:80%;    
}

/*.FullPriceFont1 {
    text-decoration:line-through solid red;
    display:inline-block;
    font-style:italic;
    font-weight:500;
}*/

.divWeekendAndChildPrice {    
    font-size: 80%;
    text-align000: start;    
    min-height:10px;
}

.MyRow, .MyDeptRow {
    width: 100%;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


/*.divRemark_Extras {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    display: flex;
}*/

.divHotelName {
    width: 25%;
    /*height: 40px;*/
    text-align: start;
    font-weight: bold;
}

.divItemRemark {
    width: 50%;
    margin: 0 auto;
}

.btReadMore_remark {
    width: 100px;
    align-self: flex-end;
    display: none;
}

.divCoupon {
    width: 25%;
    text-align: end;
}

.divExtrasListHeader {
    flex-grow: 1;
    margin: 0 auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divBack {
    width: 120px;
    height: 40px;
}

.btBackToMain, .btBackToMain:hover {
    width: 120px;
    height: 40px;
    cursor: pointer;
    display: block;
    color: #2b2c2c;
    text-align: start;
    letter-spacing: 0.3px;
    font-weight: 600;
    font-size000: 16px;
    font-family00: ALMONI-TZAR-AAA-REGULAR;
}

.btAddSub_Add {
    width: 20px;
    background-image: url(../Images/Assaf/Plus_.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-size: 10px 10px;
    height: 30px;
    display: inline-block;
    background-color: transparent;
}

.btAddSub_Sub {
    width: 20px;
    background-image: url(../Images/Assaf/Minus_.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-size: 10px 10px;
    border-color: transparent;
    height: 32px;
    display: inline-block;
}

.divAddExtra, .divAddExtra_Strip {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width000: 140px;    
}

.divAddExtra_Strip {
    width: 19%;
}

@media only screen and (max-width:767px) {
    .divAddExtra_Strip {
        width: 100%;
        margin-top: 8px;
    }
}

.divAddSub {
    width: 45px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #707070;
    /*border-radius: 2px;
    border: solid 1px #1d97ff;
    background-color: #ffffff;
    vertical-align: middle;
    line-height:32px;
    text-align:center;*/
}

/*.btAddSubQty {
    width: 25px;
    height00: 32px;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    vertical-align: middle;
}*/

.btAddExToCart, .btAddExToCart:disabled {
    width: 100px;
    
    height: 30px;
    border-color: transparent;
    border-radius: 4px;
    background-color: #1873ba;
    color: #FFFFFF;
    font-size00: 14px;
    font-stretch00: expanded;
    letter-spacing00: 0.5px;
    text-align00: center;
    cursor: pointer;
    font-family00: ALMONI-TZAR-AAA-LIGHT;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
}

    .btAddExToCart:disabled, .btAddExToCart:disabled:hover {
        background-color: lightgray;
        border-color: lightgray;
        color: white;
    }

.tbMultiLine {
    background-color: transparent;
    overflow: hidden;
    border: none;
}

.divVacancyHours {
    width: 100%;
    text-align: center;
}


.btYesNo {
    width: 40px;
    margin: 5px;
}

.MyModal {
    position: absolute;
}

.MyImg {
    width: 100%;
    height: 120px;
    height:unset;
    vertical-align: top;
    overflow: hidden;
    border-bottom: 1px solid #cecece;    
    /*border-bottom: 1px solid #fafafa;*/
}

.imgPic {
    width: 100%;
    height:auto;
    aspect-ratio: 6 / 4;
    /*height: 120px;
    
    border-radius: 0;
    object-fit: cover;*/
}


.MyDeptImg {
    width: 100%;    
}

    .MyDeptImg img {
        width: 100%;
        height: auto;
        aspect-ratio: 6 / 4;
        object-fit000: fill;
    }


.MyHeader, .MyDeptHeader, .MyModalHeader {
    font-size000: 20px;
    font-family00: ALMONI-TZAR-AAA-LIGHT;
    color: #040404;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}

.divExtraHeader {
    width: 100%;
    height: 45px;
    margin-bottom: 5px;
    overflow: hidden;
}


.ExtraDesc {
    color: #040404;    
    height: 22px;
    flex-grow: 1;    
}

.btnReadMoreEx {
     width: 100%;
    /*font-size: 100%;*/
    color: #040404;
    /*margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;*/
    text-align: start;    
}

.btnCloseModal {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-size: 125%;
    width: 75px;
    height: 30px;
}


.ExtraModal {
    width: 500px;
    min-height: 250px;
    padding: 8px;
    border-radius: 0;
    background-color: #FFFFFF;
    font-family00: ALMONI-TZAR-AAA-REGULAR;
}

.ExtraModal_ReadMore {
    width: 100%;
    height: 100%;
    min-height: 250px;
    border: 1px solid #CECECE;
    border-radius: 0;
}

.MyDeptHeader {
    color: #1873ba;
    font-size: 18px;
    font-size: 110%;
    font-weight: 600;
    pointer-events: none;
}

.MyCardText {
    padding: 10px 10px 5px 10px;
    width: 100%;
    height: 60px;    
    text-align:start;
}

.divCalExtra, .divCal, .divCalTo, .divCal_Bar, .divCalTo_Bar, .divCalTopBar {
    width: 312.1px;
    /*height: 321.9px;
    height: 334px;*/
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    padding: 15px;
    border-radius: 5px;
}

.divCal, .divCalTo, .divCal_Bar, .divCalTo_Bar, .divCalTopBar {
    position: absolute;
    margin-top: 5px;
    z-index: 8;
    display: none;
}
.divCalTopBar {
    padding-top: 10px;
    padding-bottom: 5px;
}

    .EzgoEngineBar_Guests_Dlg {
        width: 382.1px;
        overflow-y: hidden;
        overflow-x: hidden;
        height: 345px;
    }
@media only screen and (max-width:768px) {
    .EzgoEngineBar_Guests_Dlg{        
        left: -100px;
    }
}
.PageClr {
}

.StripClr, .StripClr th, .StripClr tr, .StripClr td, .Calendar, .Calendar th, .Calendar tr, .Calendar td {
    background-color: white;
    color: black;
}
    .divCal, .divCalTo {
        margin-top: 40px;
    }

.Calendar {
    width: 281px;
    height: 260px;
    border: none;
    margin: 0 auto;    
}

    .Calendar th {
        border-collapse: collapse;
    }

    .Calendar div {
        /*padding-right: 3px;
        padding-left: 3px;
        padding-top: 2px;*/
        font-size000: 12px;
        
    }

.CalNextPrev {
    width: 287px;
    margin: 0 auto;
    text-align: center;
}

.CalMonthText {
    width: 44px;
    height: 19px;
    font-size00: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;    
}

.CalYearText {
    width: 30px;
    height: 19px;
    font-size00: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;    
    margin-right: 5px;
    margin-left: 5px;
}

.Calendar th, .Calendar tr, .Calendar td {
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    text-align: start;
    vertical-align: top;
    font-size: 12px;    
    font-weight: bold;
    padding: 0;
    border: solid 1px #e3e3e3;
    
}

.Calendar tr, .Calendar th {
    text-align: center;
    height: 15px;
    border-color: transparent;
}

.Calendar000 td a, .CalCell_Available000 {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #0f1c48;

}

    .Calendar000 td a:hover, .CalCell_Available000:hover {
        width: 100%;
        color: #CECECE;
        height: 100%;
        background-color: #FFF4DA;
    }

.CalCell_Available, .CalCell_dtStart, .CalCell_Past, .CalCell_Close, .CalCell_NoVacancy, .CalCell_MinStay, .CalCell_MinStay_CheckOut {
    width: 100%;
    height: 100%;
    
}
.CalCell_Available {
    border: 1px solid white;
    background-color:white;
}

    .CalCell_Available a, .CalCell_dtStart a, .CalCell_Past a, .CalCell_Close a, .CalCell_NoVacancy a, .CalCell_MinStay a, .CalCell_MinStay_CheckOut a, .CalCell_dtCheckOut a {
        /*color: #0f1c48;*/
        color: black;
        text-decoration: none;
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .CalCell_Available .CalPrice, .CalCell_dtStart .CalPrice, .CalCell_Past .CalPrice, .CalCell_Close .CalPrice, .CalCell_NoVacancy .CalPrice, .CalCell_MinStay .CalPrice, .CalCell_MinStay_CheckOut .CalPrice, .CalCell_dtCheckOut .CalPrice {
        color000: blue;
        font-weight:300;
        font-size: 90%;
    }    



    .CalCell_Past, .CalCell_Close {
        color: #CECECE;
        opacity: 0.79;
        background-color: #f5f5f5;
        cursor:default;
    }

.CalCell_NoVacancy {
    border: 2px solid #FF9F96;
    margin000: 1px;
    color000: #CECECE;
    opacity000: 0.79;
    background-color: #FFE3DD;
    border: 2px solid #FFCFC9;
    cursor: default;
}

.CalCell_MinStay, .CalCell_MinStay_CheckOut {
    background-color: #FDFFDB;
    border: 2px solid #FFFCAF;
}

    /*.CalCell_MinStay, .CalCell_MinStay_CheckOut {    
    background-color: #1873ba;
    border: 2px solid #1873ba;
}*/
    .CalCell_MinStay a, .CalCell_MinStay_CheckOut a {
        text-decoration: none;
        display: inline-block;
        width: 100%;
        height: 100%;
    }


.CalCell_MinStay_CheckOut {
    color: #CECECE;
}

.CalCell_dtStart {
    color: #0f1c48;
    border00: 2px solid #22A9DE;
    border: 2px solid #1d97ff;
    background-color: #f0f8ff;
}

.CalCell_dtCheckOut {
    border: 2px solid #668800;
    height: 100%;
}

    .CalCell_Available:hover, .CalCell_MinStay:hover, .CalCell_MinStay_CheckOut:hover, .CalCell_dtStart:hover, .CalCell_dtCheckOut:hover {
        font-size: 100%;        
    }

.DayHeaderStyle {
    width: 24px;
    height: 14px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #0f1c48;
}


.PrevStyle, .NextStyle {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: solid 1px #dddbdb;
    background-color: #fafafa;
    background-image: url(../Images/Assaf/Arrow_Left_.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-size: 6px 6px;
}

.PrevStyle {
    background-image: url(../Images/Assaf/Arrow_Right_.svg);
}


.CalExtraModal {
    width: 600px;
    min-height: 300px;
    margin: 0 auto;
    position: fixed;
    left: calc(50% - 300px);
}

@media only screen and (max-width:768px) {
    .CalExtraModal {
        width: 100%;
        left: 0;
    }
}

.divArea_Body, .divArea_Body_iFrame {
    display: inline-block;
    width: 100%;
    min-height: 1000px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 20px;
}

.NavigationBar, .divTopBar, .divPage, .BottomBar, .BottomBar_2, .MobileToolBar, .divHeader {
    width: 100%;
    max-width: 1316px; /*1366-2*25*/    
}
.MobileToolBar table td{    
    cursor:pointer;
    text-align:right;
}
.NavigationBar {
    height: 56px; /*divTopBar.Textbox_Top Top + Margin*/
}

    .NavigationBar, .divTopBar, .divPage, .MobileToolBar000 {
        margin: 0 auto 0 auto;
        object-fit: contain;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
        background-color: #FFFFFF;
        display: flex;
        z-index: 8;
        color: #131212;
    }

.divTopBar, .MobileToolBar000 {
    width: 100%;
    margin: 0 auto;
    font-family00: ALMONI-TZAR-REGULAR-AAA;
    box-shadow00: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
    background-color: #FFFFFF;
    background-color: transparent;
    display: flex;
    z-index: 5;
    color: #131212;
    align-items: center;
    justify-items: center;
    justify-content: space-around;
}

.divPage {
    height: 100%;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.NavigationBar, .divTopBar, .BottomBar, .BottomBar_2, .FixedLogo {
    position: fixed;
    left: calc(50% - 658px); /*658*2+ 2*25 = 1366*/
}
.NavigationBar, .divTopBar {
    position: initial;
    /*position: sticky;
    top: 0;    
    z-index: 1000;*/
}
/* Sticky toolbar styling */
.toolbar {
    position: sticky;
    top: 0;
    z-index: 10; /* Make sure it's above other content */
}

    .FixedLogo {
        left: calc(50% - 658px + 2px);
    }

.NavigationBar, .divTopBar, .MobileToolBar000 {
    padding: 0;
    margin-top: 0;
    text-align: center;
    object-fit: none;
    color: #2a2827;
    top: 0;
}

.BottomBar, .BottomBar_2 {
    height: 65px;
    opacity: 1;
    border: 0;
    background-color: #ececec;
    bottom: 0;
    display: flex;
    justify-items: center;
    align-items: center;
    justify-content: space-between;
    z-index: 10;    
    padding:0;
}

@media only screen and (min-width:768px) and (max-width:1366px) {
    .NavigationBar, .divTopBar, .BottomBar, .BottomBar_2, .MobileToolBar000 {
        width: calc(100% - 0px);
        left: 25px;
    }

    .FixedLogo {
        left: 25px;
    }
}

@media only screen and (max-width:768px) {
    .NavigationBar, .divTopBar, .BottomBar, .BottomBar_2, .MobileToolBar000 {
        width: 100%;
        left: 0;
    }

    .FixedLogo {
        left: 4px;
    }
}

.BottomBarQuarter {
    width: 25%;
    text-align: center;
}

.width-Quarter {
    width: 25%;
}

.width-20Percent {
    width: 20%;
}

.width-Half {
    width: 50%;
}

.width-60Percent {
    width: 60%;
}

@media only screen and (max-width:768px) {
    .BottomBarQuarter {
        width: 25%;
        
        overflow:hidden;
    }
    .divEzgoBottomLogo{
        
    }
    .EzgoLogoLink {
        
    }
    .BottomBarHalf {
        width: 50%;        
    }
}




.SummaryHeader {
    width: 100%;
    height: 24px;
    text-align: center;
    font-family00: ALMONI-TZAR-AAA-REGULAR;
    font-size: 120%;
}

.lblSummaryNights, .lblExtrasHeader, .lblExtrasHeader1, .lblRoomsHeader {
    font-family00: ALMONI-TZAR-AAA-LIGHT;
    font-size00: 18px;
    font-weight: 600;
}

.lblExtrasHeader {
    opacity: 0.3;
    font-weight: 600;
}

.lblCheckInOutHeaders, .lblCheckInOutDay, .lblCheckInOutDate {
    color: #1c1d1d;
    font-family00: ALMONI-TZAR-AAA-LIGHT;
    font-size00: 18px;
    font-weight: 600;
    font-stretch: condensed;
}

.lblCheckInOutDay {
    font-size00: 18px;
}

.lblCheckInOutDate {
    font-family00: ALMONI-TZAR-AAA-LIGHT;
    font-size00: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.34px;
}

.divTotal {
    width000: 60%;
    display: flex;
    flex-grow00: 1;
    flex-wrap: wrap;
    justify-items: start;
    justify-content: space-between;
    align-items: center;
}

.lblTotalText, .lblTotalPrice {
    width000: 25%;
    font-family00: ALMONI-TZAR-AAA-LIGHT;
    font-size: 125%;
    vertical-align: middle;
}

.lblTotalPrice {
    width: 70%;
    margin-right: 5px;
    text-align: end;
}


.my-Currency, .my-Currency_1 {
    display: block;
    width000: 25%;
    display: flex;
    max-width000: 40px;
    text-align: center;
}

.my-Currency_1 {
    display: none;
}

.ddlCurrency {
    width: 55px;
    padding-top00: 5px;
    height00: 30px;
    font-size: 20px;
    font-size: 125%;
    color: #FFFFFF;
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}

    .ddlCurrency option {
        color: black;
    }

.tblSummary {
    table-layout: fixed;
    margin-top00: 16px;
    width: 100%;
}

.divBottomLine, .divBottomLineHeader {
    border-bottom: solid 1px #1873ba;
    margin: 15px;
}

.SummaryBody {
    width: 100%;
    margin-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    color: #1c1d1d;
}

.ExtrasList_summary {
    padding-bottom: 50px;
}

.divPlaceOrder_Summary input[type=button]:focus, .divPlaceOrder_Summary input[type=submit]:focus {
    outline: none;
    box-shadow: none;
}

/*.btLstPlaceOrder {
    width: 160px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0090ff;
    border: none;
    outline: none;
    color: white;
    font-size: 24px;
    margin: 0 auto;
}

.btLstPlaceOrder:focus {
    outline: none;
    box-shadow:none;
}*/

.BottomLine_Thin {
    width: 100%;
    border-bottom: solid 1px #F1F1F1;
    margin: 0 auto;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.divButtons, .btPlaceOrder, .divPlaceOrder_Summary {
    text-align: center;
    display: block;
    justify-items: center;
    align-items: center;
    flex-grow: 1;
}

.divPlaceOrder_Summary {
    bottom: 0;
    padding-bottom: 15px;
    display00: none;
}

@media only screen and (min-width:768px) and (max-width:1366px) {
    .divPlaceOrder_Summary {
        display: block;
        left: 25px;
    }
}

@media only screen and (max-width:768px) {
    .divPlaceOrder_Summary {
        display: block;
        left: 0;
    }
}

.btPlaceOrder input[type=button], .btPlaceOrder input[type=submit],
.btPlaceOrder input[type=button]:disabled, .btPlaceOrder input[type=submit]:disabled,
.divPlaceOrder_Summary input[type=button], .divPlaceOrder_Summary input[type=submit],
.divPlaceOrder_Summary input[type=button]:disabled, .divPlaceOrder_Summary input[type=submit]:disabled {
    width: 160px;
    height: 55px;    
    font-size: 125%;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing00: 1.5px;
    border-color: transparent;
    background-color: #1873ba;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

    .btPlaceOrder input[type=button]:enabled, .btPlaceOrder input[type=submit]:enabled,
    .divPlaceOrder_Summary input[type=button]:enabled, .divPlaceOrder_Summary input[type=submit]:enabled {
        transition: transform 0.5s;
    }

    .btPlaceOrder input[type=button]:disabled, .btPlaceOrder input[type=submit]:disabled,
    .divPlaceOrder_Summary input[type=button]:disabled, .divPlaceOrder_Summary input[type=submit]:disabled {
        opacity: 0.5;
    }

    .btPlaceOrder input[type=button]:enabled:hover, .btPlaceOrder input[type=submit]:enabled:hover,
    .btPlaceOrder input[type=button]:enabled:focus, .btPlaceOrder input[type=submit]:enabled:focus,
    .divPlaceOrder_Summary input[type=button]:enabled:hover, .divPlaceOrder_Summary input[type=submit]:enabled:hover {
        transform: scale(1.05);
    }
.btSearch_Top{
    max-width:120px;
}
@media only screen and (max-width:768px) {
    .btSearch_Top {
        max-width: unset;
    }
}
    .btAddExToCart00:hover, .btAddExToCart:focus {
        transform: scale(1.05);        
    }

    .btPlaceOrder #btLstPlaceOrder, .btPlaceOrder #btRooms_PlaceOrder,
    .btPlaceOrder #btLstPlaceOrder_2, .btPlaceOrder #btRooms_PlaceOrder_2,
    .btPlaceOrder #btLstPlaceOrder_3, .btPlaceOrder #btRooms_PlaceOrder_3,
    .btPlaceOrder #btCancelOrder, .btPlaceOrder #btCancelOrder_2, .btPlaceOrder #btCancelOrder_3,
    .divPlaceOrder_Summary #btLstPlaceOrder_1, .divPlaceOrder_Summary #btRooms_PlaceOrder_1 {
        font-size: 125%;
    }

    .divEzgoBottomLogo {
        display: inline-block;
        width: 100px;
        height: 64px;
    }

    .EzgoLogoLink {
        margin-top: 10px;
        height: 40px;
        background-image: url(../Images/Sarit/PoweredByEzgo.png);
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: bottom;
        background-size: contain;
    }

        .EzgoLogoLink a {
            width: 100%;
            height: 100%;
            display: block;
        }


    .divbtSummary {
        width: 140px;
        height: 40px;
        align-self: end;
        display: none;
        margin: 20px 10px 10px 10px;
    }

    .btSummary, .btSummaryBlink {
        cursor: pointer;
        width00: 100%;
        height: 40px;
        background-color: #FFFFFF;
        border-radius: 0;
        border: solid 1px #1873ba;
        position: fixed;
        z-index: 7;
    }

    .btSummaryBlink {
        /*background-color:#d1eafe;
    border: solid 1px #d1eafe;*/
        background-color: #0090ff;
        border: solid 1px #0090ff;
    }


    .lblbtSummary {
        width: 45px;
        height: 100%;
        line-height: 38px;
        vertical-align: middle;
        font-size: 13px;
        font-weight: 600;
        text-align: center;
        float: right;
        vertical-align: middle;
    }

    .lblbtTotal {
        width: 80px;
        height: 100%;
        line-height: 38px;
        vertical-align: middle;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        margin: 0 auto;
        float: right;
    }

    .lblbtTotalIcon {
        width: 18px;
        padding-left: 5px;
        /*background-image:url(../Images/Assaf/ArrowLightBlue.svg);*/
        background-image: url(../Images/Idit/ArrowSummaryCell.svg);
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        background-size: 10px 10px;
        background-color: transparent;
        text-align: center;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        float: left;
    }


    .divHeader {
        direction: ltr;
        text-align: right;
        height: 200px;
        margin: 0 auto;
        top: 0;
        z-index: 6;
        background-image: url(../Images/pdf.png);
        background-size: 100% 100%;
        background-position-x: center;
        background-repeat: no-repeat;
    }

    .divLogo_header {
        height: 200px;
        margin-right: 15px;
        margin-left: 15px;
        position: absolute;
        background: transparent;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

        .divLogo_header img {
            width: 100%;
            height: 100%;
            max-width: 170px;
            max-height: 170px;
            object-fit: cover;
        }

    .imgLogoPic {
        width000: 120px;
    }


    .lblSteps {
        width: 553px;
        margin: 0 auto;
        margin-bottom: 10px;
        text-align: start;
    }

    .lblSelectRoomNo {
        /*position: fixed;
    bottom: 16px;
    left: 50%;
    z-index: 99;*/
        text-align: center;
        font-size: 18px;
        text-align: center;        
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #131212;
    }
    /*.divRoomNav
{
    width:100%;
    max-width:1100px;
    text-align:center;
    padding-top:30px;
    padding-bottom:30px;
}

.RoomNav_curr, .RoomNav_next, .RoomNav_prev
{
    width: 75px;
    height: 28px;
    border-radius: 100px;
    font-size:14px;
    background-color: #1c97fc;
    color:#FFFFFF;
    font-weight:500;
    text-align:center;
    vertical-align:middle;
    display: inline-block;
    margin-right: 14px;
    position:relative;
}

.RoomNav_next
{
    background-color: transparent;
    border: solid 1px #d3d3d3;
    color: #0f1c48;
}

.RoomNav_prev
{
    background-image:url(../Images/Assaf/Checkmark_3.svg);
    background-repeat:no-repeat;
    background-position-y:center;
    background-position-x:right;
    background-size:17px 10px;
    background-color:transparent;
    border: solid 1px #1c97fc;
    color:#1c97fc;
}

.lblRoomIndex {vertical-align: middle;}*/
    /*.nav_current:after, .nav_next:after, .nav_prev:after,
.nav_current:before, .nav_next:before, .nav_prev:before,*/
    /*.RoomNav_curr:before, .RoomNav_next:before, .RoomNav_prev:before,
.RoomNav_curr:after, .RoomNav_next:after, .RoomNav_prev:after
{
    content:'';
    width:66px;*/ /*80px;*/ /*5em*/
    /*border-bottom:1px solid;
    position:absolute;
    top:50%;
    border-color: #0f1c48;
    opacity:0.3;
}

.RoomNav_curr:before, .RoomNav_next:before, .RoomNav_prev:before,
.RoomNav_curr:after, .RoomNav_next:after, .RoomNav_prev:after
{
    width:14px;
    opacity:1;
    border-color:#d3d3d3;
}

:after {
    left:100%;
}
:before {
    right:100%;
}*/
    /*.DisplayItem:first-of-type, .DisplayItem_Rooms:first-of-type{margin-right:0px;}
.DisplayItem:last-of-type, .DisplayItem_Rooms:last-of-type{margin-left:0px;}

.DisplayItem:last-of-type:before, .DisplayItem_Rooms:last-of-type:before,
.DisplayItem:first-of-type:after, .DisplayItem_Rooms:first-of-type:after
{
    display:none;
}*/
    /*.nav_title, .nav_title_header {
    color: #0f1c48;
    opacity: 0.5;
    font-size: 13px;
    font-weight: bold;
    width: 75px;
    text-align: center;
    margin-right: -15px;
    margin-left: -15px;
}

.nav_title_header{
font-size: 13px;
    width: 70px;
    margin-right: -25px;
    margin-left: -25px;
}*/
    /*.Facility_1_1, .Facility_1_2, .Facility_1_3 
{
    background-image:url(../Images/Assaf/Icons/Pool_.svg);
    background-repeat:no-repeat;
    background-position-y:center;
    background-position-x:center;
    background-size:20px 20px;
}

.Facility_1_2 { background-image:url(../Images/Assaf/Icons/Jacuzzi_.svg); }

.Facility_1_3 { background-image: url(../Images/Assaf/Icons/Wifi_.svg); }*/
    /*.nav_current .nav_title 
{ 
    opacity:1;
}

.navIndex, .navIndex_header {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    vertical-align: middle;
}

.navIndex_header {
    width: 25px;
    height: 25px;
    line-height: 25px;
}*/
    .btAddTiming, #btWait2, #btWait3 {
        float: left;
    }

    #btWait {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    #btWait, #btWait2, #btWait3, .Wait {
        color: #1c97fc;
    }

    .Wait {
        width: 26px;
        position: absolute;
        text-align: center;
    }

.divOneRoom, .MyCard_Strip {
    width: 100%;
    min-height: 246px;
    background-color: #FFFFFF;
    margin: 0 0 30px 0;
    margin: 0 0 10px 0;
    padding: 21px 30px 22px 30px;
    padding: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;    
}

    .MyCard_Strip {
        min-height: 200px;
    }

    .RoomPicCol, .CardPicCol_Strip {
        height: 235px;
        height: 201px;
        width: 35%;
    }

    .CardPicCol_Strip {
        /*width:25%;
    height:180px;*/
    }

    @media only screen and (max-width:768px) {
        .RoomPicCol {
            width: 100%;
            height:unset;
            min-height:200px;
        }
    }

    .RoomMainArea {
        flex-grow: 1;
        width: 46%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    @media only screen and (max-width:768px) {
        .RoomMainArea {
            width: 100%;
        }
    }

    .RoomPriceCol, .divbtAddRoomToCart000 {
        align-items: center;
        width: 19%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    @media only screen and (max-width:768px) {
        .RoomPriceCol {
            width: 100%;
        }
    }

.SIPic, .SIPic_Strip {
    width: 100%;
    aspect-ratio: 6 / 4;
    /*height: 100%;
        object-fit: cover;*/
    overflow: hidden;
    cursor: zoom-in;
}
    .SIPic_Strip {
        cursor: default;
    }

.SIPicModal {
    width: 800px;    
    margin: 0 auto;
}

.PicModal {
    width: 800px;
    margin: 0 auto;    
}
@media only screen and (max-width:768px) {
    .SIPicModal {
        width: 100%;
    }
    .PicModal {
        width: 100%;
    }
}

    .RoomModal {
        width: 800px;
        padding: 8px;
        border-radius: 4px;        
    }

    @media only screen and (max-width:767px) {
        .RoomModal {
            width: 96%;
        }
    }

.RoomModal_ReadMore {
    border: 1px solid #CECECE;
    overflow: auto;
    
    /*position: fixed;
    z-index: 15;
    
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    width:96%;
    max-width: 800px;
    height:80%;
    max-height: 500px;        
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    background-color:white;*/
}


@media only screen and (max-width:767px) {
    .RoomModal_ReadMore {
        left: 0;
        transform000: translate(-2%, -50%);
        max-height: unset;        
    }
    
}




.SIModalBody {
    display: flex;    
}

    @media only screen and (max-width:767px) {
        .SIModalBody {
            display: flex;
            flex-direction: column;
            justify-content: start;            
        }
    }

    .SIPicModal_ReadMore {
        width: 50%;
    }

    .SIDetailsModal_ReadMore {
        width: 50%;
        display: flex;
        flex-direction: column;
        text-align:start;
    }

    @media only screen and (max-width:767px) {
        .SIPicModal_ReadMore {
            width: 100%;
        }

        .SIDetailsModal_ReadMore {
            width: 100%;
        }
    }

    .Pic_inner_readmore {
        width: 100%;
        height: 250px;
        margin: 0 auto;
    }

    .SITextModal {
        padding-right: 15px;
        padding-left: 15px;
    }

    .FacilitiesModal {
        margin: 0;        
        text-align: start;
        padding: 15px;
    }

        .FacilitiesModal ul {
            padding: 0px;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
        }

        .FacilitiesModal li {
            display: inline-block;
            width: auto;
            min-width: 140px;
        }

    .RoomInfo, .CardInfo_Strip000 {
        width: 100%;
        padding-top: 10px;
        padding-right: 25px;
    }



    .divbtSIReadMore {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 5px;        
    }
        .divbtSIReadMore a {            
            text-decoration:none;
        }
        .divbtSIReadMore a:hover {
            color: blue;            
        }
        .MyCard .divbtSIReadMore{
            margin:0;
        }


.btSIReadMore, .btSIReadMore_Remark {
    font-weight: bolder;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.83px;
    letter-spacing: 0.53px;
    color: #040404;
    text-align: start;
    outline: none;
    box-shadow: none;
}
    

    .btSIReadMore_Remark {
        font-size00: 14px;
        letter-spacing: normal;
        color: blue;
    }

        .btSIReadMore:focus, .btSIReadMore_Remark:focus {
            outline: none;
            box-shadow: none;
        }


    .Facilities {
        width: 325px;
        height: 65px;
        display: flex;
        justify-content00: space-between;
        margin-right: 12px;
        margin-left: 12px;
    }




    .OneFacility {
        width: 45px;
        height: 45px;
        text-align: center;
        margin-right: 5px;
        margin-left: 5px;
    }

    .Facility_title {
        font-family00: ALMONI-TZAR-AAA-REGULAR;
        font-size: 85%;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.88;
        letter-spacing: normal;
        opacity: 0.75;
        text-align: center;
        color: #0b0c0c;
        margin-top: 5px;
    }

    .facilityImage {
        width: 40px;
        height: 43px;
    }

    .PriceInfoCol {
        height: 65px;
        width: 100%;
        font-family00: ALMONI-TZAR-AAA-LIGHT;
        font-size000: 16px;
        font-weight00: 200;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.09;
        letter-spacing: normal;
        text-align: right;
        color: #323131;
    }



    .divlblNoMoreRooms {
        /*width: 170px;
        height: 20px;*/
        text-align: center;
        display:flex;
        flex-direction:column;        
    }

    .lblNoMoreRooms {        
        font-size000: 20px;        
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.15px;
        text-align: center;
        color: #fe0808;
    }

    .lblStartWithText, .lblStartWithText2 {
        font-size000: 125%;        
        font-stretch: normal;
        font-style: normal;
        line-height: 1.21;
        letter-spacing: normal;
        text-align: unset;        
    }

    .lblStartWithText2 {
        color: #2a2827;
    }

    .StartPrice, .lblSalePrice {
        font-family00: ALMONI-TZAR-AAA-REGULAR;
        font-size: 150%;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.21;
        letter-spacing: normal;
        text-align000: left;
        color00: #1873ba;
    }

    .lblSalePrice {
        font-weight: normal;
        margin-left: 15px;
    }

.btShowPrices, .btShowPrices:disabled {
    width: 120px;
    height: 40px;    
    font-size000: 15px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;    
    text-align: center;
    color: #FFFFFF;
    background-color: #1873ba;
    border: none;
    outline: none;
    box-shadow: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

    .btShowPrices:disabled, .btShowPrices:disabled:hover {
        background-color: lightgray;
        border-color: lightgray;
        color: white;
    }

    .btOrderBB {
        width: 100px;
        height: 35px;
        margin: 0 auto;
        background-color: #1873ba;
        font-family00: ALMONI-TZAR-AAA-LIGHT;
        color: #FFFFFF;
        font-size00: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1.2px;
        text-align: center;
        border: none;
        outline: none;
        box-shadow: none;
        vertical-align: middle;
        margin-top00: 20px;
        margin-bottom00: 20px;
        transition: transform 0.3s;
        border-radius: 4px;
    }

        .btShowPrices:hover, .btOrderBB:hover {
            transform: scale(1.1);
        }

        .btShowPrices:focus, .btOrderBB:focus {
            transform: scale(1.1);
            border: 3px solid black;
            /*border: none;
            outline: none;
            box-shadow: none;*/
        }

.divPrices {
    /*width: 170px;
        height: 155px;
        padding-bottom: 30px;
        padding-top: 30px;*/
    text-align: center;    
}

    .divbtShowPrices {
        /*width: 170px;
        height: 50px;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lstPersonsCombination {
        width: 100%;
        min-height: 60px;
        overflow: hidden;
        margin-top: 15px;
    }

    .lstBoards {
        width: 100%;
        margin: 0 auto;
    }

    .BBSelectionRemark {
        width: 100%;
        margin-left: 13px;
        text-align: left;
        font-size: 12px;
    }

    .BoardBaseLine {
        padding: 7px;
        width: 100%;
        height0000: 50px;
        display: flex;        
        border-top: 0px solid rgba(24, 115, 186, 0.5);
        justify-content: space-between;
    }
@media only screen and (max-width:768px) {
    .BoardBaseLine {
        padding: 1px;        
    }
} 
.lblBoardRemark{
    display:unset;
}

.divbtAddRoomToCart000 {
    display: flex;
    justify-content: center;
    width: 17%;
    height: 100%;
}

    .divBBDesc {
        /*width: 20%;
        padding-right: 15px;
        overflow: hidden;
        display: inline-flex;
        justify-content: center;
        align-items: center;*/
    }

    .lblBBDesc, .lblBBDesc_NonRef {
        font-family00: ALMONI-TZAR-AAA-REGULAR;
        font-size000: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.21;
        letter-spacing: normal;
        color: #323131;
        margin-left: 30px;
        padding-top: 10px;
        flex-grow: 1;
        padding-right: 8px;
        padding-left: 8px;
    }

    .lblBBDesc_NonRef {
        font-size00: 14px;
        color: blue;
        justify-self: start;
        text-align: start;
    }

    .divBBPrice {
        /*overflow: hidden;
        text-align: left;
        width: 63%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        padding-left: 5px;*/
    }

    .lblBBPrice {
        font-family00: ALMONI-DL-AAA-REGULAR;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.21;
        letter-spacing: normal;
        margin-left: 15px;
    }

    .LineSpace {
        height: 20px;
    }

    .divSelectionHeader {
        width: 100%;
        font-size: 125%;
        font-family00: ALMONI-TZAR-AAA-REGULAR;
        text-align: center;
        padding: 0;
        margin-top000: 15px;
        margin-bottom: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.92px;
    }

    .sExtrasListHeader {
        color: #2b2c2c;
    }

    .lblNotActiveHeader {
        color: #b6b5b5;
        border-bottom: none;
    }

.RoomHeader {
    font-family00: ALMONI-TZAR-AAA-REGULAR;
    font-size: 145%;
    font-size: larger;    
    font-weight00: 500;
    font-stretch: condensed;
    font-style: normal;
    line-height: 0.82;
    letter-spacing: normal;
    text-align: start;
    color: #2a2827;
    margin-bottom: 5px;
    font-weight: bold;
}


    .tdCalsBlock {
        width: 142px;
    }

    .CheckInOutBlock {
        width: 362px;
        margin: 0 auto;
    }

        .CheckInOutBlock table {
            width: 100%;
            table-layout: fixed;
        }

    .CheckInOutBlock_bar {
        width: 100%;
        max-width00: 500px;
        margin: 0 auto;
    }

    .divCalsBlock_Bar {
        width: 100%;
    }

    .divCalsBlock_Bar, .divGuests_Bar, .divbtSearchBar_Cell, .divCal_CellBar {
        margin: 3px;
    }



    .divInputCals_Bar, .divPersons_bar, .ddlPersons_bar, .ddlBranches_bar, .divCal_CellBar00 {
        height: 40px;
        border-radius: 2px;
        border: solid 1px #d3d3d3;
        background-color: #FFFFFF;
        font-size00: 16px;
        colorxyx: #0f1c48;
    }

    .divPersons_bar {
        text-align: center;
        font-weight: bold;
        outline: none;
        box-shadow: none;
    }


.divbtSearchBar {
    height: 50px;
    border: 0;
    background-color: #FFFFFF;
    font-size: 24px;
    font-size: 150%;
    padding: 0;
    cursor: pointer;
    display: block;
}


    .Lnk_Search_Cell, .Lnk_Search_Cell:visited, .Lnk_Search_Cell:hover, .Lnk_Search_Cell:active {
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        position: absolute;
        background-color: transparent;
    }

    .lblCheckInOutHeader {
        font-weight: bold;
        margin: 0;
    }

    .bt_SearchBar, .bt_SearchBar:visited, .bt_SearchBar:hover, .bt_SearchBar:active {
        border-color: transparent;
        border: none;
        border-radius: 0;
        background-color: #6cb5b5;
        text-align: center;
        padding: 5px 10px 5px 10px;
        color: #FFFFFF;
        text-decoration: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        font-weight00: bold;
        overflow: hidden;
    }

        .bt_SearchBar:disabled, .bt_SearchBar:window-inactive {
            opacity: 0.5;
        }

    /*.ddlPersons_bar, .ddlBranches_bar {
        height: 38px;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        border: none;
        outline: none;
        box-shadow: none;
        width: 100%;
    }

    .ddlBranches_bar {
        text-align: right;
    }

    .tbPersons_bar {
        height: 38px;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        border: none;
        outline: none;
        box-shadow: none;
        width00: 100%;
    }*/

        /* Chrome, Safari, Edge, Opera */
        .tbPersons_bar::-webkit-outer-spin-button,
        .tbPersons_bar::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    /* Firefox */
    .tbPersons_bar {
        -moz-appearance: textfield;
    }

    .lblPersonsRemark {
        font-size: 12px;
        color: red;
    }


    /*.my-date {
        width: 95%;
        height: 100%;
        cursor: pointer;
        background-image: url(../Images/Assaf/Calendar_Icon_.svg);
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: left;
        background-size: 20px 20px;
        line-height: 39px;
        padding-left: 30px;
        margin-left: 5px;
        direction: ltr;
        background-color: transparent;
    }

    .my-date-value {
        font-size: 16px;
        width: 100%;
        font-weight: bold;
        background-color: transparent;
        text-align: center;
        margin: 0 auto;
    }*/


    /*.divArrow
{
    height:40px;
    line-height:40px;
    text-align:center;
    background-image:url(../Images/Assaf/Arrow_Left_.svg);
    background-repeat:no-repeat;
    background-position-y:center;
    background-position-x:center;
    background-size:14px 14px;
    background-color:transparent;
    margin-top:25px;
}*/

    /*.PersonsHeaders
{
    width:93px;
    font-size:14px;
    colorxyx: #0f1c48;
    font-weight:bold;
    margin:0 auto;
}*/

    /*.classRoomIndex {
        text-align: center;
        color: #1d97ff;
        font-size: 28px;
        font-weight: bold;
        margin-top: 25px;
        height: 41px;
        line-height: 41px;
        vertical-align: middle;
    }

    .btRemRoom, .btCloseSummary {
        width: 24px;
        height: 24px;
        border: solid 1px #1873ba;
        border-radius: 50%;
        background-image: url(../Images/Assaf/X_.svg);
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        background-size: 10px 10px;
        background-color: transparent;
    }*/

    /*.btRemRoom {
    background-image: url(../Images/Assaf/Minus_.svg);
}*/

    .btCloseSummary {
        display: none;
        margin: 5px;
    }

    .divRemRoom {
        text-align: center;
        margin-top: 8px;
    }


    .btAddRoom, .btAddRoom:disabled {
        background-color: #ffffff;
        font-size000: 125%;
        text-align: center;
        margin: 0 auto;
        border: none;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.76px;
        color00: #1873ba;
        background-color: transparent;
    }

        .btAddRoom:disabled {
            color: #707070;
        }



    .tdRoomIndex, .tdRemRoom {
        width: 96px;
    }

    .tdAdults, .tdInfant, .tdChild {
        width: 93px;
    }


    .fw-Bold {
        font-weight: bold;
    }

    .fs-11 {
        font-size: 11px;
    }

    .fs-12 {
        font-size: 12px;
    }

    .fs-13 {
        font-size: 13px;
    }

    .fs-16 {
        font-size: 16px;
        display: inline-block;
    }

    .fs-18 {
        font-size: 18px;
    }

    .fs-20 {
        font-size: 20px;
    }


    /*.divExtraQty {
        font-size: 20px;
    }*/


    .divExternalCoupon {
        margin: 0 auto;
        max-width: 390px;
        width: 60%;
        height: 40px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 55px;
    }

    .ExternalCoupon {
        width: 100%;
        text-align: center;
        display: flex;
    }

        /*.imgSmallCoupon {
        width: 36px;
        vertical-align: central;
        border-bottom: 1px solid rgba(112, 112, 112, 0.6);
    }*/

        /*.ExternalCoupon input[type=text] {
            width: 100%;
            text-align: center;
            border: none;
            border-radius: 0;
            border-bottom: 1px solid rgba(112, 112, 112, 0.6);
            background-color: transparent;
        }

            .ExternalCoupon input[type=text]::placeholder {
                opacity: 0.8;
                font-size: 18px;
                font-family00: ALMONI-TZAR-AAA-LIGHT;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #131212;
                text-align: center;
            }*/

.divExternalCoupon input[type=button], .divExternalCoupon input[type=submit] {
    height: 38px;
    width: 80px;
    border-color: transparent;
    border-radius: 4px;
    background-color: #1873ba;
    color: #FFFFFF;
    font-size: 20px;
    font-size: 125%;
    text-align: center;
    cursor: pointer;
    font-family00: ALMONI-TZAR-REGULAR-AAA;
    z-index: 0;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

        .divExternalCoupon input[type=button]:hover, .divExternalCoupon input[type=submit]:hover {
            background-color: #1873ba;
            color: white;
            border: 1px solid #1873ba;
        }

        .divExternalCoupon input[type=button]:focus, .divExternalCoupon input[type=submit]:focus, .divExternalCoupon input[type=text]:focus {
            outline: none;
            box-shadow: none;
        }

    .tblCouponDetails {
        border: none;
        text-align: start;
        max-width: 350px;
    }

    #navDates, #navRooms, #navExtras {
        border-left: 3px solid #ececec;
    }

    .nav_current {
        width: 25%;
        background-color: #1873ba;
        color: white;
    }

    .nav_next, .nav_prev {
        width: 25%;
        background-color00: white;
        color: #2a2827;
    }

    .nav_prev {
        cursor: pointer;
    }


    .NavIcons {
        width: 100%;
        height: 30px;
        height00: 66%;
    }

        .NavIcons svg {
            width: 55px;
            height: 37px;
        }

    .NavTitle {
        width: 100%;
        height: 20px;
        font-size00: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.48px;
        font-family00: ALMONI-TZAR-REGULAR-AAA;
        overflow: hidden;
    }

    .IconsStartPage {
        width: 36px;
        height: 36px;
    }

    .IconsTimingActv {
        width: 28px;
        height: 28px;
    }

    .IconsColor {
        fill: #1873ba;
    }

    .IconsColor_1 {
        fill: #1873ba;
        stroke: #1873ba;
    }

    .IconsColor_white {
        fill: #FFFFFF;
    }

    .IconsColor_white_1 {
        fill: #FFFFFF;
        stroke: #FFFFFF;
    }



    .Textbox_Top, .divBtSearch_Top, .divLogo_Top, .divCal_CellBar, .divBranches {
        width: 250px;
        height: 50px;
        margin00: 0 0 1px 19.6px;
        margin: 3px;
        border: solid 1px #707070;
        cursor: pointer;
        display: block;
    }

    .Textbox_Top, .divBranches {
        background-color: transparent;
    }

    /*.divLogo_Top, .divBtSearch_Top {
    width: 180px;
}*/
    .divBtSearch_Top, .divLogo_Top {
        padding: 0;
        border: none;
    }

    .divLogo_Top {
        text-align000: end;
    }

    /*.divBtSearch_Top, .divBtSearch_Top input[type=button], .divBtSearch_Top input[type=submit] {
        width: 150px;
        height00: 67px;
        height: 40px;
        color: #FFFFFF;
        background-color: #1877c0;
        border: none;
        font-size: 28px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.68px;
        text-align: center;
    }*/

    .imgLogoPic_Top {
        object-fit: contain;
        width: 150px;
        height00: 57px;
        height: 50px;
    }

    .divbtdtCheckInOut_Top, .divbtGuests_Top, .divbtCoupon_Top {
        width: 100%;
        height00: 65px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
.divbtdtCheckInOut_Top {
    justify-content: space-between;
}
.MobileSummryDetails{    
    width:100%;    
}
.MyFlexRow {
    display: flex;
    justify-content: flex-start;
}
    .MyFlexRow div{
        margin-right:20px;
    }
    .MyFlexCol {
        width:100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;        
    }
.divbtGuests_Top, .divbtGuests_Top:focus {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    width: 100%;
    background-color: transparent;
}

    .divGuestsDropDown {
        flex-grow: 2;
        margin: 0 auto;
    }

    .divCal_CellBar {
        display000: none;
    }

    .divimgCalStartTop {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;        
    }

    .imgCalTop {
        width: 100%;        
        height: 40px;
        padding-bottom: 5px;
    }
.TinyIcon{
    width:25px;
}

.spdtDayTopCal {
    width: 40px;
    height: 50px;
    opacity: 0.71;
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: start;
    display: flex;
    color: #131212;
}

        .spdtDayTopCal #spdtDay_Start, .spdtDayTopCal #spdtDay_End, .spdtDayTopCal #spGuests {
            display: flex;
            justify-content: center;
            align-items: center;
        }

    .spDayMonthTopCal, .spDayMonthTopCal select {
        width: 55px;
        flex-grow: 1;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: start;
        color: #131212;
        opacity: 1;
    }

        .spDayMonthTopCal select {
            height00: 38px;
            text-align: center;
            border: none;
            outline: none;
            box-shadow: none;
            width: 100%;
            background-color: transparent;
            /*-moz-appearance:none;
        -webkit-appearance:none;*/
        }

    .divArrowDown {
        width: 25px;
        height: 100%;
        background-image: url(../Images/Idit/Arrow_Down_1.svg);
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
        background-size: 17px 6px;        
    }

.divSideBar {
    width: 25%;
    max-width: 330px;
    min-height: 600px;
    margin-bottom: 15px;
    padding-right: 20px;
    margin-top: 10px;
    z-index: 17;
    display000: block;
    left: calc(50% - 656px);
    position: sticky;
    top: 65px; /* Offset so it doesn't overlap with the top bar */    
    height: calc(100vh - 74px); /* Full height of the viewport */
    
    border000: 1px solid blue;
    
    
    box-sizing: border-box;
}

    .divSideBanner {
        width: 100%;
        width: calc(25% - 25px);
        width:100%;
        max-width: 310px;
        min-height: 600px;
        /*position: fixed;
        left: calc(50% - 656px);*/
    }

        .divSideBanner #imgBanner {
            width: 100%;
            background-color: #ececec;
            background-color: #1873ba;
        }


    .divArea_Summary {
        height: 100%;
        width: calc(25% - 25px);
        width:100%;
        max-width: 310px;
        background-color: #ffffff;
        overflow-y: auto;
        overflow-x: hidden;
        /*position: fixed;
        left: calc(50% - 656px);*/
        padding: 0 0 100px 0;
    }

    @media only screen and (min-width:768px) and (max-width:1366px) {
        .divArea_Summary, .divSideBanner {
            left: 25px;
        }
    }

    @media only screen and (max-width:768px) {
        .divArea_Summary, .divSideBanner {
            left: 0;
        }
    }

    .divArea_TotalSum {
        width: 100%;
        height: 69px;
        background-color: #1873ba;
        color: #FFFFFF;
        display: flex;
        padding: 5px 10px 5px 10px;
        justify-content: space-between;
    }

    /*.SummaryBodyScolled {
    padding-top: 70px;
    height: 100%;
    width:100%;
    max-width:310px;
    overflow-y: auto;
    overflow-x: hidden;
    position:fixed;
    left: calc(50% - 656px);
}*/
    /*@media only screen and (min-width:768px) and (max-width:1366px) {    
    .divSideBanner {*/
    /*max-width: 310px;*/
    /*left: 25px;        
    }
}

@media only screen and (max-width:768px) {
    .divSideBanner {*/
    /*max-width: 310px;*/
    /*left: 0;
    }
}*/

    .MainArea {
        width: 100%;
        min-height: 600px;
        margin-bottom: 15px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-top: 10px;
    }

    .MainAreaStartPage, .MainAreaEngineBody, .UpSell_Area {
        width: 100%;
        min-height000: 600px;
        padding000: 0 200px 38.1px 200px;
        padding-top: 38px;
        background-color: #FFFFFF;
        display: flex;
        flex-grow: 1;
        flex-direction: column;
    }

    .MainAreaStartPage {
        min-height00: 468px;
        min-height: 530px;
        padding000: 0 200px 0 200px;
        flex-grow: 0;
    }

    .MainAreaEngineBody, .UpSell_Area {
        width: 100%;
        padding: 0;
        background-color: transparent;
    }

    .MainAreaEngineBody {
        margin-bottom: 35px;
    }


    .UpSell_Area {
        /* flex-direction:row;
    justify-content:space-evenly;
    align-items:center;*/
        padding-bottom: 60px;
    }

    .divlblItemRemark {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 10px;
        padding: 0 30px 0 30px;
        background-color: #FFFFFF;
        height: 70px;
        overflow: hidden;
        text-align: center;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #131212;
        display: flex;
        justify-content: space-between;
        align-items: center;        
        position000: fixed;
        left000: calc(50% - 658px); /*658*2+ 2*25 = 1366*/
    }

    .divRemark {
        /*read more dots*/
        min-height000: 60px;
        padding000: 5px 0 15px 0;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        /* truncate to 2 lines */
        -webkit-line-clamp: 2;
    }


    .divDatesSelection {
        width: 80%;
        max-width: 600px;
        margin-bottom: 30px;
        margin-top: 20px;
        font-family00: ALMONI-TZAR-REGULAR-AAA;
        margin: 0 auto;
    }

    .divRoomsPersons {
        width: 80%;
        max-width: 600px;
        margin-bottom: 55px;
        font-family00: ALMONI-TZAR-REGULAR-AAA;
        margin: 0 auto;        
    }

    .divLstPlaceOrder {
        width: 100%;
        height: 65px;
        text-align: center;
    }

    .divCalsBlock, .PersonsRow000 {
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: space-between;
        
    }


.PersonsRow {
    width: 100%;
    height: 60px;
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;    
}


    /*.ddlPersons {
    height:36px;
    border:1px solid yellow;
}*/

    .divCalStartEndBlock {
        width: 50%;
    }

    .divInputCals {
        width00: 250px;
        width: 90%;
        color: #131212;
        display: flex;
        margin: 0 auto;
        border-bottom: 1px solid rgba(112, 112, 112, 0.6);
    }

    .btdtCheckInOut {
        width00: 214px;
        width: 86%;
        align-self: flex-end;
        align-items: start;
        opacity: 0.71;
        font-family00: ALMONI-TZAR-AAA-LIGHT;
        font-size00: 125%;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: start;
        color: #131212;
        margin-right: 2px;
        margin-left: 2px;
    }

    /*.divSmallCal {
        width: 13%;
        align-self: flex-end;
    }*/

    /*.divSmallCal img, .divSmallPersons, .divSmallPersons img {
    width: 40px;
}*/

    .imgAddRoomPlus {
        width: 18px;
        align-self: center;
        vertical-align: central;
    }

        .imgAddRoomPlus img {
            width: 18px;
        }

    .divAddRoom {
        width: 20%;
        margin: 0 auto;
        margin-top: 20px;
        text-align: center;
        display: flex;
        cursor: pointer;
    }

    .PersonsQty {        
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: space-between;
        align-items000: center;
        border-bottom: 1px solid rgba(112, 112, 112, 0.6);        
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align000: center;
        color: #131212;        
    }

    .lblPersonsQty {
        opacity: 0.71;
        font-family00: ALMONI-TZAR-AAA-LIGHT;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: start;
    }

    .lblDropDownMenu {
        color: #131212;
    }

    .PersonsQty select {
        text-align: center;
        border: none;
        outline: none;
        box-shadow: none;
        border-radius: 0;
        background-color: transparent;
    }

        .PersonsQty select:focus {
            border: none;
            outline: none;
            box-shadow: none;
            background-color: transparent;
        }

    /*@media only screen and (min-width:768px) and (max-width:1366px) {
    .MyCard, .MyDeptCard {
        width:30%;
        max-width: 300px;
    }
}*/

    .MyShadow {
        background-color: black;
        opacity: 0.2;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 11;
        display: none;
    }

    .ActCtrlContainer {
        display: flex;
        justify-content: space-evenly;
    }

.ShowOnMobile {
    display: none;    
}
    /*@media only screen and (min-width:360px) and (max-width:560px) */
    @media only screen and (min-width:481px) and (max-width:767px) {
        .ezgo-wrapper {
            width: 100%;
        }

        .divTopBar, .divPage, .MobileToolBar000 {
            width: 100%;
        }

        .Textbox_Top {
            display000: none;
        }

        .divSideBar {
            display: none;
        }

        .divArea_Summary {
            width: 260px;
            margin-top: 0px;
            top: 0;
            position: fixed;
            left: 0;
            height: 100%;
            z-index: 12;
        }


        /*.divArea_Summary_Header {
        width: 260px;
        display00: none;
        position: absolute;
        left: 0;
        height: 100%;
        top: 0;
    }*/

        .btCloseSummary {
            display: block;
        }

        .divHeader {
            height: 140px;
        }

        .divLogo_header {
            height: 140px;
            margin-right: 10px;
            margin-left: 10px;
        }

            .divLogo_header img {
                max-width: 120px;
                max-height: 120px;
            }

        .imgLogoPic {
            width000: 60px;
        }

        /*.MyShadow{
        display:block;
    }*/
        .divbtSummary {
            left: 0;
            display: flex;
        }

        .btSummary {
            display: flex;
        }


        /*.NavIcons {
        height: 40px;
    }

        .NavIcons img {
            width: 50%;
        }*/

        /*.NavTitle {
        height: 22px;
        font-size: 18px;
        margin-top: 4px;
    }*/

        .HideOnMobile {
            display: none;
        }

        .ShowOnMobile {
            display: block;
        }


        .IconsStartPage {
            width: 25px;
            height: 25px;
        }

        .MainArea {
            width: 100%;
        }

        .MainAreaStartPage, .BottomBar, .BottomBar_2, .MainAreaEngineBody {
            width: 100%;
            margin: 0 auto;
            padding: 10px;
            flex-grow: 1;
        }


        .divlblItemRemark {
            width: 98%;
            margin00: 0 auto;
            font-size00: 15px;
            line-height: 1;
            min-height: 47px;
            padding: 0 5px 0 5px;
        }

        .divRemark {
            min-height000: 37px;
        }

        .divDatesSelection {
            margin-bottom: 10px;
        }

        .divSelectionHeader {
            width: 100%;
            font-size: 125%;
            text-align: center;
            padding: 0;
            margin-bottom: 15px;
        }

        .divInputCals {
            width: 120px;
        }

        .btdtCheckInOut {
            font-size00: 125%;
        }

        .divCalExtra, .divCal, .divCalTo, .divCal_Bar, .divCalTo_Bar {
            width: 98%;
            height: 320px;
            left: 5px;
            right: 5px;
        }

        .CalExtraModal, .divCalExtra {
            width: 100%;
        }

        .Calendar {
            width: 98%;
            height: 260px;
        }

            .Calendar th, .Calendar tr, .Calendar td {
                width: 30px;
                height: 30px;
            }

        .PersonsRow {
            /*width:98%;
        max-width:550px;*/
            height: 50px;
        }

        .PersonsQty select {
            font-size00: 14px;
        }

        .PersonsQty {
            height: 35px;
            width000: 30%;
        }

        .lblPersonsQty {
            font-size00: 14px;
        }

        .btPlaceOrder input[type=button], .btPlaceOrder input[type=submit],
        .btPlaceOrder input[type=button]:disabled, .btPlaceOrder input[type=submit]:disabled {
            width: 150px;
            height: 40px;
            font-size: 20px;
            text-align: center;
            display: inline-flex;
            justify-items: center;
            align-items: center;
            flex-grow: 0;
        }

        .btPlaceOrder #btLstPlaceOrder, .btPlaceOrder #btRooms_PlaceOrder,
        .btPlaceOrder #btLstPlaceOrder_2, .btPlaceOrder #btRooms_PlaceOrder_2,
        .btPlaceOrder #btLstPlaceOrder_3, .btPlaceOrder #btRooms_PlaceOrder_3,
        .btPlaceOrder #btCancelOrder, .btPlaceOrder #btCancelOrder_2, .btPlaceOrder #btCancelOrder_3 {
            font-size: 16px;
            letter-spacing: 1.5px;
        }


        .divExternalCoupon {
            width: 200px;
            height: 35px;
            margin: 0 auto;
            font-family00: ALMONI-TZAR-AAA-LIGHT;
        }

        .ExternalCoupon input[type=text] {
            width: 140px;
        }

            .ExternalCoupon input[type=text]::placeholder {
                font-size: 18px;
                font-family00: ALMONI-TZAR-AAA-LIGHT;
            }

        .divExternalCoupon input[type=button], .divExternalCoupon input[type=submit] {
            height: 33px;
            width: 50px;
            font-size: 18px;
            margin-right: 5px;
            margin-left: 5px;
        }

        .divOneRoom {
            width: 96%;
            height:unset;
            margin: 0 auto;
            min-height: 260px;
            min-height: unset;
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 16px;
            border-radius: 5px 5px;
        }


        .SIPicModal {
            /*width: 95%;
            height: 200px;
            margin: 0 auto;*/
        }

        .PicModal {
            width: 95%;
            /*height: 250px;*/
            margin: 0 auto;
        }

        .SIPic {
            
        }

        .RoomMainArea {
            width: 100%;
            margin-top: 20px;
            flex-grow: 1;
        }

        .RoomInfo {
            width: 100%;
            padding: 0;
        }

        .PicModal_ReadMore {
            width: 98%;
            margin: 0 auto;
        }

        .Facilities {
            width: 100%;
            height: 65px;
            margin-right: 0;
        }

        .facilityImage {
            width: 25px;
            height: 32px;
        }

        .Facility_title {
            font-size: 14px;
        }

        /*.RoomHeader {
        font-size: 30px;
    }*/

        .lblStartWithText2, .lblStartWithText {
            font-size000: 20px;
        }

        .StartPrice {
            font-size: 22px;
        }

        .RoomPriceCol000, .divPrices000 {
            width: 100%;
            height: 160px;
            padding: 0;
        }

        .divPrices000 {
            width: 100%;
            height: 100px;
        }

        .divlblNoMoreRooms {
            width: 100%;
        }

        .lblNoMoreRooms {
            font-size000: 18px;
        }

        .btShowPrices, .btShowPrices:disabled {
            width: 100%;
            max-width: 140px;
            height: 40px;
            font-size00: 16px;
        }

        .divbtShowPrices {
            width: 150px;
        }

        .BoardBaseLine {
            height: auto;
        }

        .divBBDesc {
            /*width: 25%;
        padding-right: 5px;
        overflow: hidden;*/
        }

        .divBBPrice {
            /*width: 45%;
        flex-wrap: wrap;*/
        }

        .lblBBDesc, .lblBBDesc_NonRef {
            font-size00: 14px;
            margin-left: 5px;
            padding-top: 5px;
            padding-right: 4px;
            padding-left: 4px;
        }

        .lblBBDesc_NonRef {
            font-size: 12px;
        }

        .lblBBPrice {
            margin-left: 5px;
        }

        .divbtAddRoomToCart000 {
            width: 30%;
            height: 100%;
        }

        .btOrderBB {
            width: 90px;
            height: 30px;
            font-size: 13px;
            letter-spacing: 1px;
            margin: 0 auto;
        }

            .btOrderBB:hover {
                transform: none;
            }

        .MyDeptRow, .MyRow {
            justify-content: center;
            align-items: center;
        }

        .divArea_TotalSum {
            height: 55px;
            padding: 15px;
        }

        .lblSummaryNights, .lblCheckInOutHeaders, .lblCheckInOutDay, .lblCheckInOutDate,
        .lblExtrasHeader, .lblExtrasHeader1, .lblRoomsHeader, .fs-20, .fs-18, .fs-16 {
            font-size: 80%;
        }

        .c {
            font-size: 120%;
        }

        .lblTotalText, .lblTotalPrice, .ddlCurrency {
            font-size: 145%;
            padding-top: 0;
        }
        /*Tablet*/
        .MyCard, .MyDeptCard, .MyDeptCard_4 {
            width: 96%;
            max-width000: 400px;
            max-width: unset;
        }

        .divExtraTiming_Container {
            display: flex;
            flex-direction: column;
        }



        .divBranches {
            width000: 100%;
        }

        .divCalsBlock_Bar, .divGuests_Bar {
            display: none;
        }
        /*Tablet*/
        .divCal_CellBar {
            display000: flex;
        }

        .ddlBranches_bar {
            text-align: center;
        }
    }

    /*@media only screen and (max-width:360px)*/
    @media only screen and (max-width:480px) {
        .ezgo-wrapper {
            width: 100%;
        }

        .divTopBar, .divPage, .MobileToolBar000 {
            width: 100%;
        }

        .Textbox_Top {
            display000: none;
        }

        .divSideBar {
            display: none;
        }

        .divArea_Summary {
            width: 257px;
            margin-top: 0px;            
            position: fixed;
            top: 0;
            left: 0;
            z-index: 12;
        }

        .btCloseSummary {
            display: block;
        }

        .divHeader {
            height: 80px;
        }

        .divLogo_header {
            margin-right: 5px;
            margin-left: 5px;
            height: 80px;
        }

            .divLogo_header img {
                max-width: 70px;
                max-height: 70px;
            }

        .imgLogoPic {
            width000: 48px;
        }

        .divbtSummary {
            display: flex;
            left: 0;
        }

        .btSummary {
            display: flex;
        }

        /* .NavIcons {
        height: 40px;
    }

        .NavIcons img {
            width: 50%;
        }*/

        /*.NavTitle {
        height: 22px;
        font-size: 18px;
        margin-top: 4px;
    }*/

        .HideOnMobile {
            display: none;
        }

        .ShowOnMobile {
            display: block;
        }


        .IconsStartPage {
            width: 25px;
            height: 25px;
        }

        .MainArea {
            width: 100%;
        }

        .MainAreaStartPage, .BottomBar, .BottomBar_2, .MainAreaEngineBody {
            width: 100%;
            margin: 0 auto;
            padding: 10px;
            flex-grow: 1;
        }


        .divlblItemRemark {
            width: 98%;
            margin00: 0 auto;
            font-size00: 15px;
            line-height: 1;
            min-height: 47px;
            padding: 0 5px 0 5px;
        }

        .divRemark {
            min-height000: 37px;
        }

        .divDatesSelection {
            margin-bottom: 10px;
        }

        .divSelectionHeader {
            width: 100%;
            font-size: 125%;
            text-align: center;
            padding: 0;
            margin-bottom: 15px;
        }

        .divCalStartEndBlock {
            width: 45%;
        }

        .divInputCals {
            width00: 120px;
            width: 100%;
        }

        .btdtCheckInOut {
            font-size00: 14px;
        }

        .divCalExtra, .divCal, .divCalTo, .divCal_Bar, .divCalTo_Bar {
            width: 98%;
            height: 320px;
            left: 5px;
            right: 5px;
        }

        .divCalExtra {
            height: 370px;
            left: 0;
            right: unset;
            position: fixed;
            top: calc((100% - 370px) / 2);
            border-radius: 5px 5px;
        }

        .CalExtraModal, .divCalExtra {
            width: 100%;
        }

        .Calendar {
            width: 98%;
            height: 260px;
        }

            .Calendar th, .Calendar tr, .Calendar td {
                width: 30px;
                height: 30px;
            }

        .PersonsRow {
            /*width: 98%;
        max-width: 355px;*/
            height: 50px;
        }

        .PersonsQty select {
            font-size: 11px;
        }

        .PersonsQty {
            height: 30px;
            width000: 30%;            
        }

        .lblPersonsQty {
            font-size00: 14px;
        }

        .btPlaceOrder input[type=button], .btPlaceOrder input[type=submit],
        .btPlaceOrder input[type=button]:disabled, .btPlaceOrder input[type=submit]:disabled {
            width: 140px;
            height: 40px;
            font-size: 20px;
            text-align: center;
            display: inline-flex;
            justify-items: center;
            align-items: center;
            flex-grow: 0;
        }

        .btPlaceOrder #btLstPlaceOrder, .btPlaceOrder #btRooms_PlaceOrder,
        .btPlaceOrder #btLstPlaceOrder_2, .btPlaceOrder #btRooms_PlaceOrder_2,
        .btPlaceOrder #btLstPlaceOrder_3, .btPlaceOrder #btRooms_PlaceOrder_3,
        .btPlaceOrder #btCancelOrder, .btPlaceOrder #btCancelOrder_2, .btPlaceOrder #btCancelOrder_3 {
            font-size: 16px;
            letter-spacing: 1.5px;
        }


        .divExternalCoupon {
            width: 200px;
            height: 35px;
            margin00: 0 25px 0 25px;
            margin: 0 auto;
        }

        .ExternalCoupon input[type=text] {
            width: 140px;
        }

            .ExternalCoupon input[type=text]::placeholder {
                font-size: 18px;
            }

        .divExternalCoupon input[type=button], .divExternalCoupon input[type=submit] {
            height: 33px;
            width: 50px;
            font-size: 18px;
            margin-right: 5px;
            margin-left: 5px;
        }
        /*mobile*/
        .divOneRoom {
            width: 96%;
            margin: 0 auto;
            min-height: 260px;
            min-height: unset;
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 16px;
            border-radius: 5px 5px;
        }

        .SIPicModal {
            /*width: 95%;
            height: 200px;
            margin: 0 auto;*/
        }

        .PicModal {
            width: 95%;
            /*height: 250px;*/
            margin: 0 auto;
        }

        .SIPic {
            
        }

        .RoomMainArea {
            width: 100%;
            margin-top: 20px;
            flex-grow: 1;
        }

        .RoomInfo {
            width: 100%;
            padding: 0;
        }

        .PicModal_ReadMore {
            width: 98%;
            margin: 0 auto;
        }

        .Facilities {
            width: 100%;
            height: 65px;
            margin-right: 0;
        }

        .facilityImage {
            width: 25px;
            height: 32px;
        }

        .Facility_title {
            font-size: 14px;
        }

        /*.RoomHeader {
        font-size: 30px;
    }*/

        .lblStartWithText2, .lblStartWithText {
            font-size000: 20px;
        }

        .StartPrice {
            font-size: 22px;
        }

        .RoomPriceCol000, .divPrices000 {
            width: 100%;
            height: 160px;
            padding: 0;
        }

        .divPrices000 {
            width: 100%;
            height: 100px;
        }

        .divlblNoMoreRooms {
            width: 100%;            
        }

        .lblNoMoreRooms {
            font-size000: 18px;
        }

        .btShowPrices, .btShowPrices:disabled {
            width: 100%;
            max-width:140px;
            height: 40px;
            font-size: 16px;
        }

        .divbtShowPrices {
            width: 150px;
        }

        .BoardBaseLine {
            height: auto;
        }

        .divBBDesc {
            /*width: 25%;
        padding-right: 5px;
        overflow: hidden;*/
        }

        .divBBPrice {
            /*width: 45%;
        flex-wrap: wrap;*/
        }

        .lblBBDesc, .lblBBDesc_NonRef {
            font-size: 12px;
            margin-left: 5px;
            padding-top: 5px;
            padding-right: 4px;
            padding-left: 4px;
        }

        .lblBBDesc_NonRef {
            font-size: 12px;
        }

        .lblBBPrice {
            margin-left: 5px;
        }

        .divbtAddRoomToCart {
            /*width: 30%;
        height: 100%;*/
        }

        .btOrderBB {
            width: 100%;
            height: 30px;
            font-size: 12px;
            margin: 0 auto;
            letter-spacing: 1px;
        }

            .btOrderBB:hover {
                transform: none;
            }

        .MyDeptRow, .MyRow {
            justify-content: center;
            align-items: center;
        }

        .MyCard, .MyDeptCard {
            width: 100%;
        }

        .MyCard {
            position: unset;
        }

        .divExtraTiming_Container {
            display: flex;
            flex-direction: column;
        }

        .divBranches {
            width000: 100%;
        }

        .divCalsBlock_Bar, .divGuests_Bar {
            display: none;
        }
        /*Mobile*/
        .divCal_CellBar {
            display000: block;
        }


        .ddlBranches_bar {
            text-align: center;
        }

        /*.RoomModal {
        width: 100%;
        height: 400px;
    }

    .SIPicModal_ReadMore {
        width: 98%;
        margin: 0 auto;
        background-color:yellow;
    }

    .FacilitiesModal ul {
        padding: 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .FacilitiesModal li {
        display: inline-block;
        width: auto;
    }*/
        .ActCtrlContainer {
            flex-direction: column;
        }
    }

    .btTiming {
        width: 150px;
        height: 40px;
        font-size00: 15px;
        text-align: right;
        color: black;
        border: 1px solid transparent;
    }

    .btPersons {
        width: 100%;
        border: none;
        color: #131212;
        margin: 0 auto 0 auto;
        object-fit000: contain;
        background-color: transparent;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .btPersons:focus {
            outline: none;
            box-shadow: none;
        }

    @media only screen and (min-width:1000px) and (max-width:1200px) {
        .btTiming {
            width: 140px;
            font-size: 13px;
        }
    }

    @media only screen and (min-width:768px) and (max-width:999px) {
        .btTiming {
            width: 120px;
            font-size: 12px;
        }
    }

    @media only screen and (max-width:768px) {
        .btTiming {
            width: 200px;
        }
    }

    .div-btTiming {
        font-family00: ALMONI-TZAR-AAA-REGULAR;
        margin: 0 auto 0 auto;
        object-fit: contain;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
        background-color: transparent;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index000: 8;
        color000: #131212;
        margin-bottom: 2px;
    }

    .btCalMonths, .btCalMonths:focus {
        outline: none;
        box-shadow: none;
    }

    .dropdown-menu {
        width: 100%;
        width: 12px;
    }

    .div-bt-dropdown-list {
        max-height: 260px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .bt-dropdown-list {
        width: 100%;
        border: 0;
        border-left: 0;
        border-right: 0;
    }

    .MyFlexEnd {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .divExtraTiming {
        display: none;
        justify-content: space-evenly;
        align-items: self-start;
        width: 100%;
        margin-top: 22px;
        flex-wrap: wrap;
    }

    .divExtraTiming_Container {
        width: 100%;
        display: flex;
        /*justify-content: space-evenly;
    align-items:self-start;*/
        align-content: start;
    }

    .Mandatory {
        border-color: #1877c0;
    }

    .TimingRow {
        /*border:1px solid yellow;
    display:flex;
    justify-content:center;
    align-items: center;*/
    }

    .ddlMeal {
        max-width: 150px;
        background-color: transparent;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    }

    .btBlink {
        background-color: #0090ff;
    }

    .NoVacancyRemark {
        margin: 0 auto;
        margin-top: 0px;
        font-family00: ALMONI-TZAR-AAA-LIGHT;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #131212;
    }

    .ModalMsg {
        min-height: 300px;
        min-width: 400px;
        display:flex;
        flex-direction:column;
        justify-content:start;    
        text-align:center;        
    }
@media only screen and (max-width:768px) {
    .ModalMsg {
        width:100%;
        min-width: unset;        
    }
}

    .KioskOnly {
        display: none;
    }

    .divExtraQty select {
        width: 60px;
        border: 1px solid black;
    }

    .MyDialog {
        position: fixed;
        z-index: 11;
        background-color: white;
        min-height: 200px;
        min-width: 400px;
        /*top: calc(50% - 200px);
    left: calc(50% - 300px);*/
        display: flex;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        flex-direction: column;
        justify-content: space-between;
        padding: 10px;
        display: none;
    }

        .MyDialog .MyDialog_Header {
            text-align: start;
        }

        .MyDialog .MyDialog_Footer {
            text-align: end;
        }


    .OverloadPageRemark {
        width: 400px;
        text-align: center;
        margin: 0 auto;
        margin-top: 200px;
        color: #040404;
        font-size: 22px;
        font-weight: bold;
    }

    .CalStart_Legend {
        margin-top: 3px;
        display: flex;
        justify-content: start;
    }

    .NoHover:hover {
        font-size: unset;
    }


    @media only screen and (max-width:768px) {
        .ExtraCard .RoomMainArea .RoomInfo {
            min-height: unset;
            height: auto;
            padding: 0;
            margin: 0;
            height: auto;
        }

            .ExtraCard .RoomMainArea .RoomInfo .divbtSIReadMore {
                margin: 0;
                margin-top: 10px;
                padding: 0;
            }

        .ExtraCard .RoomMainArea .Facilities {
            margin: 0;
            padding: 0;
            max-height: 50px;
            overflow: hidden;
        }

            .ExtraCard .RoomMainArea .Facilities .OneFacility {
                width: 25px;
                height: 25px;
                text-align: center;
                margin-right: 5px;
                margin-left: 5px;
            }

            .ExtraCard .RoomMainArea .Facilities .Facility_title {
                font-size: 10px;
                margin-top: 0px;
            }

        .ExtraCard .RoomPriceCol {
            margin: 0;
            padding: 0;
            height: auto;
            min-height: unset;
            height: 80px;
            height:unset;
        }
    }


    .BoardBaseLine table {
        table-layout: fixed;
        width: 100%;
    }

    .BoardBaseLine .Col_1 {
    }

    .BoardBaseLine .Col_2 {
    }

    .BoardBaseLine .Col_3 {
        text-align: center;
        width: 80px;
    }

    .BoardBaseLine .Col_4 {
        width: 110px;
        text-align: center;
    }

    .divBBDesc, .divBBPrice {
        display: flex;
        flex-direction: column;
    }

    @media only screen and (min-width:481px) and (max-width:767px) {
        .BoardBaseLine .Col_4 {
            width: 100px;
        }
    }

    @media only screen and (max-width:480px) {
        .BoardBaseLine .Col_4 {
            width: 90px;
        }
    }



    .VerticalMobileHorizental {
        display: flex;
        flex-direction: column;
    }

    @media only screen and (max-width:767px) {
        .VerticalMobileHorizental {
            flex-direction: row;
            justify-content: flex-start;
        }

        .divbtSIReadMore {
            width: 100%;
            margin-top: 10px;
            margin-bottom: 5px;
        }
    }

.My-modal-content{
    width:100%;
    font-size:16px;    
}

.divRoomsPersons {
    width: 100%;
    max-width: unset;
    margin-bottom: 55px;
    margin: 0 auto;
}

    .divRoomsPersons .IconsStartPage {
        width: 20px;
    }

    .divRoomsPersons .lblPersonsQty {
        font-size: 14px;
    }

    .divRoomsPersons .PersonsQty {
    }


/*@font-face {
    font-family: synopsis-regular-aaa;
    src: url("../fonts/synopsis/synopsis-regular-aaa.otf") format("opentype");
}
body {
    font-family: "synopsis-regular-aaa";    
}*/
body {
    
}
.RoomHeader{
    
}
.MyAlert{
    color:red;
}
.IconBigCircle {
    width: 100px;
    margin: 0 auto;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content:center;
}