#ctl00_plcBody_BookingDetailsBookingFormGrid, #ctl00_plcBody_toRoomSelection, .selected-information,
        #ctl00_plcBody_CardTypeCompareValidator, #ctl00_plcBody_CardHolderRequiredFieldValidator,
        #ctl00_plcBody_CardNumberRequiredFieldValidator, #ctl00_plcBody_CardExpiryMonthCompareValidator,
        #ctl00_plcBody_CardExpiryYearCompareValidator, #ctl00_plcBody_CardExpiryValidValidator, #ctl00_plcBody_CCVRequiredFieldValidator,
        #NightsLabel, .NightsContainerRight, .NightsHeader, .EndDateHeader, .departure-wrapper .calendar-icon, #dateArrival, #dateDeparture {
            display: none;
        }

        span.control-label.arr-label,
        span.control-label.dept-label {
            font-weight: normal;
        }

        body {
            background-color: #F9F9FB;
            min-width: 320px;
            font-family: 'Poppins', Circular, Roboto, "Helvetica Neue", sans-serif;
            background-color: #F9F9FB;
        }

        .h1, .h2, .h3, h1, h2, h3, p, span:not([class*=glyphicon]) {
            font-family: 'Poppins', Circular, Roboto, "Helvetica Neue", sans-serif;
        }

        #CalendarControl *, .searchControls select, .searchControls input, .searchControls2 select, .searchControls2 input, .searchOptionPanel {
            font-family: 'Poppins', Circular, Roboto, "Helvetica Neue", sans-serif;
            /*font-weight: 400;*/
        }

        .detpan, .detpanbody, .detpanhead, .col-container {
            box-shadow: none;
            background-color: transparent;
            border: none;
        }

        .card-body {
            background-color: #fff;
            box-shadow: 0 2px 4px rgba(0,0,0,.5);
            padding: 15px;
        }

        .master-body {
            padding: 0px 0px 15px 0px;
        }

            .master-body > div > div {
                padding: 0px;
            }

        .property-name {
            margin-top: 0px;
            text-align:left;
        }

            .prop-registration-number {
                font-weight: normal;
                padding-bottom: 20px;
                font-size: 12px;
                margin-top: 0px;
                text-align: left;
                margin-top: -10px;
            }

        .property-description p {
            text-align:left;
            white-space: pre-wrap;
            word-wrap: break-word;
        }

        .property-address {
            margin-bottom: 10px;
            font-weight: bold;
            float: left;
            width: calc(100% - 14px);
            text-align:left
        }

        .glyphicon.glyphicon-map-marker {
            top: 2px;
            left: -2px;
            float: left;
        }

        #PropertyMap {
            height: 355px;
        }

        .col-1 {
            border: 1px solid #bbb transparent;
        }

        .col-2 {
            border: 1px solid #bbb !important;
        }

        .col-1 .detpanbody {
            padding-bottom: 0px;
        }

        .col-1 .detpanhead, .col-2 .detpanhead, .dets-search .detpanhead {
            padding: 15px 15px 0px 15px;
            font-size: 16px;
        }

        .dets-search .detpanhead {
            padding: 15px 0px 0px 0px;
        }

        .col-1 .detpanhead:after, .col-2 .detpanhead:after {
            content: "";
            display: block;
            margin: 0 auto;
            width: 100%;
            padding-top: 4px;
            border-bottom: 1px solid #A7A8AA;
        }

        .col-1 .detpanhead > div, .col-2 .detpanhead > div {
            padding-right: 0px;
            padding-left: 0px;
        }

            .col-1 .detpanhead > div span, .col-2 .detpanhead span, .extras .detpanhead > span {
                text-transform: capitalize !important;
            }

        .dets-search .detpanbody {
            padding: 0px !important;
        }

        .detpanhead {
            font-weight: bold;
            text-align: left;
        }

        .extras .detpanhead, .extras .detpanbody {
            padding: 0px !important;
        }

        .extras {
            font-size: 12px;
        }

        #ctl00_plcBody_ExtrasRepeater_ctl01_ExtraPaymentTypeLabel {
            font-size: 10px;
            white-space: nowrap;
        }

        .line-break-xs {
            display: block;
        }

        .page-header {
            padding: 0px 0px 0px 0px;
            transition: 0.3s;
        }

        .room-image {
            margin: 0 auto;
            width: 100%;
            position: fixed;
            overflow: hidden;
            height: 600px;
            box-shadow: 0 2px 4px rgba(0,0,0,.5);
            top: -72px;
            z-index:-1;
        }
        
            .room-image > img {
                display: inline-block;
                margin: 0 auto;
                min-width: 100%;
                bottom: -33.3%;
                position: absolute;
                left:0px;
            }

        #ctl00_plcBody_BookingDetailsRoomNameLabel {
            font-weight: bold;
            white-space: pre-wrap;
            word-wrap: break-word;
        }

        .all-wrapper {
            box-shadow: none !important;
        }

        .arrival-wrapper {
            width: calc(50% + 16px) !important;
        }

        .departure-wrapper {
            width: calc(50% - 16px) !important;
        }

        .departure-wrapper {
         border-right: 1px solid #bbb !important;
        }

        .arrival-wrapper .calendar-icon {
            height: 32px;
            width: 32px;
            top: 0px;
            right: 0px;
            padding: 10px;
        }

        .arrival-date-label {
            padding: 0px 32px 0px 6px !important;
        }

        .details-entry-calendar #CalendarStartDate, 
        .details-entry-calendar #CalendarEndDate {
            height: 32px;
            color: transparent !important;
        }

        .arrival-date-label, 
        .departure-date-label {
            display: block;
            float: left;
            width: 100%;
            height: auto;
            text-align: center;
            line-height: 32px;
            position: absolute;
            overflow: visible;
            pointer-events: none;
            background: none;
        }



        .StartDateHeader, .control-label {
            width: 100%;
            font-weight: bold;
        }

        .NightsContainer, .NightsContainerLeft {
            border: none !important;
            width: 100% !important;
            height: auto !important;
        }

        #Nights {
            height: 32px;
            line-height: 32px;
            text-align: left;
            padding: 6px 12px;
        }

        .adult-container {
            padding-right: 3px !important;
        }

        .child-container {
            padding-left: 3px !important;
        }

        .eta-arr-time > div.bootstrap-select, .eta-dept-time > div.bootstrap-select {
            width: 33% !important;
        }

            .eta-arr-time > div.bootstrap-select:nth-child(3), .eta-dept-time > div.bootstrap-select:nth-child(3) {
                width: calc(34% - 7px) !important;
            }

        #cardExpiryDropDown > div.bootstrap-select {
            width: calc(50% - 6.5px) !important;
        }

        #ctl00_plcBody_CCInfoPanel input[type='text'] {
            height: 32px;
        }

        #ExtraPaymentTypeLabel {
        }

        #ctl00_plcBody_CreditCardInfoLabel {
            width: 100%;
            float: left;
            padding: 5px 0px;
        }

span.addional-card-fee-notes {
    width: 100%;
    float: left;
    padding: 5px 0px 10px;
    font-size: 12px;
    font-weight: 500;
    
}

div.refundable-BOND-note {
    width: 100%;
    float: left;
    padding: 5px 0px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #ac0303;
}

        #ctl00_plcBody_MakeBookingButton, .booknow-button {
            margin-bottom: 0px;
        }

        .form-label {
            font-size: 13px;
            color: #333;
            font-weight: bold;
            float: left;
            clear: none;
            width: 100%;
        }

        .control-label {
            color: #333;
            float: left;
            clear: none;
            margin-bottom: 5px;
            font-size: 13px;
            text-align: left;
        }

        .nights-label {
            margin-top: 11px;
        }

        .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 100%;
        }

        .extras input, .extras span, .extras label {
            min-width: unset !important;
        }

        #bookingCosts .label-32:first-child {
            white-space: nowrap;
            /*overflow: hidden;
            text-overflow: ellipsis;*/
        }

        .btn {
            border-radius: 0px;
        }

        .footer {
            display: block;
            margin-bottom: 15px;
            padding: 0px 15px;
        }

            .footer .copyright {
                background-color: white;
                box-shadow: 0 2px 4px rgba(0,0,0,.5);
                padding: 15px;
                margin: 0 auto;
            }

        #more {
            display: none;
        }
        .showMoreLessBtn{
            border: none;
            background-color: transparent;
            color: blue;
        }

        .showMoreLessBtn:hover{
            color:royalblue;
        }

        @media (max-width: 768px) {
            .details-entry-calendar .NightsContainer, .details-entry-calendar .departure-wrapper {
                border-left: none !important;
            }

            .details-entry-calendar .arrival-wrapper    {
                border-right: none !important;
            }

            .col-1 {
                border-left: none !important;
            }

            .col-2 {
                border: none !important;
            }
        }


:focus-visible {
    outline: none;
}

.ui-widget{
    font-family: inherit;
}