﻿/*.divRoomsPersons {
    width: 100%;
    max-width: unset;
    margin-bottom: 55px;
    margin: 0 auto;
}

    .divRoomsPersons .IconsStartPage {
        width: 20px;
    }

    .divRoomsPersons .lblPersonsQty {
        font-size: 14px;
    }

    .divRoomsPersons .PersonsQty {
    }*/

.Guests_Dlg {
    width: 412.1px;
}

.divTopBar .btPlaceOrder input[type=button], .divTopBar .btPlaceOrder input[type=submit] {
    max-height: 40px;
    max-width000: 110px;
    width: 100%;
    margin-top: 5px;
}

.divTopBar {
    box-shadow: unset;
    margin-top: 1px;
}

.Textbox_Top, .divBtSearch_Top, .divLogo_Top, .divCal_CellBar, .divBranches {
    width: 100%;
}

.Textbox_Top {
    display: block;
}

.MobileToolBar {
    display: none;
    box-shadow: none;
}

@media only screen and (min-width:768px) and (max-width:1366px) {
    .spdtDayTopCal {
        font-size: 24px;
    }

    .spDayMonthTopCal {
        font-size: 14px;
    }
}

@media only screen and (max-width:768px) {
    .MobileToolBar {
        display: flex;
        justify-content: start;
        position000: fixed;
    }

        .MobileToolBar .Textbox_Top {
            width: calc(50% - 10px);
            width: calc(100% - 0px);            
            border: 0;            
        }

    .divTopBar {
        flex-direction: row;
        position: fixed;
        z-index: 999;        
        flex-wrap: wrap;
    }

    .Textbox_Top, .divBtSearch_Top, .divLogo_Top, .divCal_CellBar, .divBranches {
        width: 200px;
        width: calc(50% - 10px);
        margin: 1px;
        cursor: pointer;
        display: block;
        overflow: hidden;
    }

    .spdtDayTopCal {
        font-size: 24px;
    }

    .spDayMonthTopCal {
        font-size: 14px;
    }

    .divCalTopBar {
        position: fixed;
        width: 100%;
        left: 0;        
        z-index: 9999;
    }

    .HideOnMobile {
        display: none;
    }

    .ShowOnMobile {
        display: block;
    }

    .NavTitle {
        font-size: 12px;
    }

    .btOrderBB {
        max-width: 70px;
    }

    .divlblItemRemark {
        margin-top: 20px;
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .divTopBar {
        top: 140px;        
    }
    .divCalTopBar {
        top: 239px;        
    }
}

@media only screen and (max-width:480px) {
    .divTopBar {
        top: 80px;        
    }
    .divCalTopBar {
        top: 179px;
    }
}
.FixedLogo {
    top: 0px;
    z-index: 999;
}

.FixedLogo_img {
    max-height: 50px;    
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .FixedLogo_img {
        max-width: 120px;
    }
}

@media only screen and (max-width:480px) {
    .FixedLogo_img {
        max-width: 100px;
    }
}

    .divPrices {
        display: flex;
        flex-direction: column;
        text-align: center;        
    }

        .divPrices .lblStartWithText, .divPrices .lblSalePrice, .divPrices .StartPrice {
            text-align: center;
        }

        .divPrices .lblSalePrice {
            margin: 0;
        }

    @media only screen and (max-width:768px) {
        .divPrices {
            flex-direction000: row;
        }

            .divPrices .lblSalePrice, .divPrices .StartPrice, .divPrices .lblStartWithText, .divPrices .lblStartWithText2 {
                margin-right: 4px;
                margin-left: 4px;
            }
    }

    .ExternalCouponExtras {
        max-height: 500px;
        overflow-y: scroll;
    }

    .ExternalCouponExtra {
        display: flex;
        justify-content: space-between;
    }



    @media only screen and (max-width:768px) {
        .divTopBar {
            margin: 0;
            flex-direction: column;
            justify-content: start;
            position: fixed;
            z-index: 999;
            flex-wrap: wrap;
            left: unset;
            right: 0;
            top000: 0;
            width: 75%;
            max-width: 260px;
            height: calc(100vh - 10px);
            height: 300px;
            box-shadow: 5px 1px 5px 5px;
            padding: 10px;
        }

            .divTopBar .Textbox_Top {
                width: 100%;
            }

            .divTopBar .ShowOnMobile {
                display: flex;
            }
    }

    .divTopBar .MyMiddle {
        flex-direction: column;
        justify-content: space-around;
    }

    @media only screen and (max-width:768px) {
        .divPrices {
            flex-direction: column;
            text-align: inherit;
            width: 100%;
        }

        .RoomPriceCol {
            width: 100%;
        }

        .divPrices .lblSalePrice, .divPrices .StartPrice, .divPrices .lblStartWithText, .divPrices .lblStartWithText2 {
            margin-right: 0px;
            margin-left: 0px;
        }

        .divlblNoMoreRooms {
            text-align: inherit;            
        }

        .RoomInfo {
            padding: 0;
        }
    }

    .lblNoMoreRooms {
        font-weight: 600;
        text-align:inherit;
    }