//IMPORT MAIN CSS
@import "main-variables.less";

//GENERAL BOOTSTRAP CHANGE NON RESPONSIVE
html, body {
    font-family: @font-family-default;
    font-size: @font-size-default;
    color: @font-color-default;
}

.carousel-indicators {
    display: @carousel-indicators-display;
}

//STICKY FOOTER
.wrapper {
    background-color: @content-background-color;
    background-image: @content-background-image;
}

//GENERAL ATTRIBUTE
hr {
    border-top: @hr-border-width @hr-border-style @hr-color;
}

//GENERAL MENU
.navbar-default .navbar-nav > li > a {
    color: @menu-color;
    text-decoration: @menu-text-decoration;
    font-family: @menu-font-family;
    font-size: @menu-font-size;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a :focus {
    color: @menu-color-hover;
    text-decoration: @menu-text-decoration-hover;
    font-size: @menu-font-size-hover;
    text-shadow: @menu-text-shadow-hover;
    background-color: @menu-background-color-hover;
}

.hotex-menu {
    background-color: @menu-background-color;
    background-image: @menu-background-image;

    ul {
        text-transform: @menu-item-text-transform;
    }

    .navbar-right {
        a {
            text-transform: @menu-item-right-text-transform;
        }
    }
}

//GENERAL MENU HOME BUTTON
.hotex-menu-box-button-home {
    font-family: @menu-home-font-family;

    span {
        font-family: @menu-home-font-family;
    }

    .hotex-menu-home {
        background-color: @menu-home-background-color;
        text-align: @menu-home-text-align;
        color: @menu-home-color;
        line-height: @menu-home-line-height;
    }

    .hotex-menu-home:hover,
    .hotex-menu-home:focus {
        color: @menu-home-color-hover;
        background-color: @menu-home-background-color-hover;
    }
}

.hotex-glyphicon-home {
    color: @glyphicon-home-color;
}

.hotex-glyphicon-home:hover {
    color: @glyphicon-home-color-hover;
}

//GENERAL LINK & BUTTON
a {
    color: @a-color;
    text-decoration: @a-text-decoration;
    cursor: @a-cursor;
}

a:hover, a:focus {
    color: @a-color-hover;
    text-decoration: @a-text-decoration-hover;
}

.btn {
    font-size: @btn-font-size;
    line-height: @btn-line-height;
    border-radius: @btn-border-radius;
    -webkit-user-select: @btn-user-select;
    -moz-user-select: @btn-user-select;
    -ms-user-select: @btn-user-select;
    user-select: @btn-user-select;
}

.btn-search {
    background-color: @btn-search-background;
    color: @btn-search-color;
}

.btn-search:hover, .btn-search:focus {
    color: @btn-search-color-hover;
    background-color: @btn-search-background-hover;
}

.btn-continued {
    color: @btn-continued-color;
    background-color: @btn-continued-background;
    opacity: @btn-continued-opacity;
}

.btn-continued:hover {
    color: @btn-continued-color-hover;
    background-color: @btn-continued-background-hover;
    opacity: @btn-continued-opacity-hover;
    text-shadow: @btn-continued-text-shadow-hover;
    text-decoration: @btn-continued-text-decoration-hover;
}

.btn-back {
    background-color: @btn-back-background;
    color: @btn-back-color;
}

.btn-back:hover {
    color: @btn-back-color-hover;
    text-decoration: @btn-back-text-decoration-hover;
}

.btn-like-link {
    background: @btn-like-link-background !important;
    border: @btn-like-link-border;
    color: @btn-like-link-color;
}

.btn-packages {
    background: @btn-packages-background;
    font-size: @btn-packages-font-size;
    color: @btn-packages-color;
    font-weight: @btn-packages-font-weight;
}

.btn-packages:hover {
    color: @btn-packages-color-hover;
    text-decoration: @btn-packages-text-decoration-hover;
}

//GENERAL MODAL
.modal-title {
    text-transform: @modal-title-text-transform;
    font-family: @modal-title-font-family;
    font-size: @modal-title-font-size;
    color: @modal-title-color;
}

.hotex-modal-content, .modal-body {
    background-color: @modal-body-background;
    border-radius: @modal-body-boder-radius;
}

//GENERAL LINE BORDER
.hotex-border {
    border-bottom: @border-style;
}

//GENERAL SHADOW MENU
.hotex-shadow-menu {
    -moz-box-shadow: @shadow-menu;
    -webkit-box-shadow: @shadow-menu;
    box-shadow: @shadow-menu;
}

//GENERAL SHADOW RESERVATION INFO
.hotex-shadow-reservation-info {
    -moz-box-shadow: @shadow-reservation-info;
    -webkit-box-shadow: @shadow-reservation-info;
    box-shadow: @shadow-reservation-info;
}

//GENERAL SHADOW JUST IN TOP
.hotex-shadow-in-top {
    -moz-box-shadow: @shadow-in-top;
    -webkit-box-shadow: @shadow-in-top;
    box-shadow: @shadow-in-top;
}

.hotex-shadow-in-top:after {
    background: @shadow-in-top-background-webkit-after;
    background: @shadow-in-top-background-after;
    -webkit-transform: @shadow-in-top-transform-after;
    -moz-transform: @shadow-in-top-transform-after;
    -o-transform: @shadow-in-top-transform-after;
    -ms-transform: @shadow-in-top-transform-after;
    transform: @shadow-in-top-transform-after;
}

//GENERAL BOBD
.hotex-bobd {
    .hotex-box-tooltip {
        background-color: @tooltip-background-color;
        letter-spacing: @tooltip-letter-spacing;

        .hotex-box-bobd {
            text-transform: @bobd-label-text-transform;

            .hotex-plus-button {
                background: url('icon/benefit.png');
                background-repeat: @bobd-icon-plus-background-repeat;
                background-position: @bobd-icon-plus-background-position;
            }

            .hotex-minus-button {
                background: url('icon/benefit1.png');
                background-repeat: @bobd-icon-minus-background-repeat;
                background-position: @bobd-icon-minus-background-position;
            }

            #hotex-link-benefit {
                font-family: @bobd-label-font-family;
                font-size: @bobd-label-font-size;
            }
        }

        a {
            text-shadow: @bobd-link-text-shadow;
            color: @bobd-link-color;
        }

        a :hover, a :focus {
            color: @bobd-link-hover-color;
            text-decoration: @bobd-link-hover-text-decoration;
        }
    }
}

//GENERAL BORDER RESERVATION INFO
.hotex-reservation-border {
    border-bottom: @reservation-info-border-bottom;
}

//GENERAL HEADER1
.hotex-box-logo {
    text-align: @header1-logo-text-align;
}

//GENERAL HEADER2
.hotexmp-box2-header2 {
    background-color: @header2-background-color;
    color: @header2-color;

    h4 {
        font-size: @header2-label-hotel-name-font-size;
        font-family: @header2-label-hotel-name-font-family;
        color: @header2-label-hotel-name-color;
    }

    h6 {
        font-size: @header2-label-address-font-size;
        font-family: @header2-label-address-font-family;
        color: @header2-label-address-color;
    }
}

//GENERAL TOOLTIP CONTENT
.popover.bottom .arrow {
    display: @tooltip-over-arrow-display;
}

.popover.bottom .arrow:after {
    display: @tooltip-over-arrow-display;
}

.popover-title {
    background-color: @tooltip-over-title-background-color;
    border: @tooltip-over-title-border;
    border-radius: @tooltip-over-title-border-radius;
}

.popover {
    background-color: @tooltip-over-body-background-color;
    border: @tooltip-over-body-border;
    border-radius: @tooltip-over-body-border-radius;
}

.hotex-benefit {
    opacity: @tooltip-over-box-img-opacity;
    background-color: @tooltip-over-box-img-background-color;
}

//GENERAL POPUP SEARCH
#searchModal {
    .hotex-box-search {
        .input-label {
            display: @popup-search-input-display;
            text-align: @popup-search-input-text-align;
        }

        .inline-label {
            display: @popup-search-label-display;
            vertical-align: @popup-search-label-vertical-align;
        }
    }
}

//GENERAL CAROUSEL SLIDER
.hotex-carousel-control .btn-prev,
.hotex-carousel-control .btn-next {
    z-index: @carousel-button-z-index;
    display: @carousel-button-display;
}

//GENERAL FOOTER 1
.hotex-box-footer {
    color: @footer1-color;
    background-color: @footer1-background-color;
    font-size: @footer1-font-size;
    font-family: @footer1-font-family;

    .hotex-powered {
        text-align: @footer1-powered-box-text-align;

        a {
            color: @footer1-link-color;
            font-size: @footer1-link-font-size;
            font-family: @footer1-link-font-family;
        }

        a:hover {
            color: @footer1-link-hover-color;
            font-size: @footer1-link-hover-font-size;
            font-family: @footer1-link-hover-font-family;
            text-decoration: @footer1-link-hover-text-decoration;
        }

        .hotex-footer-small-text {
            font-size: @footer1-small-text-font-size;
            vertical-align: @footer1-small-text-vertical-align;
        }
    }
}

//GENERAL FOOTER 2
.hotex-box2-footer {
    color: @footer2-color;
    background-color: @footer2-background-color;

    .hotex-box2-footer-center {
        color: @footer2-center-color;
        font-size: @footer2-center-font-size;
        font-family: @footer2-center-font-family;
    }

    .hotex-box2-footer-right {
        color: @footer2-right-color;
        font-size: @footer2-right-font-size;
        font-family: @footer2-right-font-family;

        a {
            color: @footer2-right-link-color;
            font-size: @footer2-right-link-font-size;
            font-family: @footer2-right-link-font-family;
        }

        a:hover {
            color: @footer2-right-link-hover-color;
            font-size: @footer2-right-link-hover-font-size;
            font-family: @footer2-right-link-hover-font-family;
            text-decoration: @footer2-right-link-hover-text-decoration;
        }
    }
}

//GENERAL FOOTER DETAIL
.hotex-box-footer-validation-detail {
    .btn-continued {
        color: @footer-detail-btn-continued-color;
        font-size: @footer-detail-btn-continued-font-size;
        font-family: @footer-detail-btn-continued-font-family;
    }

    .btn-back {
        color: @footer-detail-btn-back-color;
        font-size: @footer-detail-btn-back-font-size;
        font-family: @footer-detail-btn-back-font-family;
    }
}


//GENERAL FOOTER DETAIL
.hotex-box-footer-validation {
    .hotex-footer-terms {
        a {
            color: @footer-payment-terms-color;
            font-size: @footer-payment-terms-font-size;
            font-family: @footer-payment-terms-font-family;
            font-weight: @footer-payment-terms-font-weight;
        }

        a:hover, align-content:focus {
            color: @footer-payment-terms-color;
            font-size: @footer-payment-terms-font-size;
            font-family: @footer-payment-terms-font-family;
            font-weight: @footer-payment-terms-font-weight;
            text-decoration: @footer-payment-terms-text-decoration;
        }
    }

    .policy-information-button {
        color: @footer-payment-link-color;
        font-size: @footer-payment-link-font-size;
        font-family: @footer-payment-link-font-family;
    }

    .policy-information-button:hover,
    .policy-information-button:focus {
        text-decoration: @footer-payment-link-hover-text-decoration;
        color: @footer-payment-link-hover-color;
        font-size: @footer-payment-link-hover-font-size;
        font-family: @footer-payment-link-hover-font-family;
    }
}

//PAGE INDEX : SEARCH BOX MP
.hotexmp-box-search {
    .hotexmp-search-warning {
        .rs-font-error {
            background: @mp-index-search-warning-background;
            border: @mp-index-search-warning-border;
            border-radius: @mp-index-search-warning-border-radius;
        }
    }

    .hotexmp-search-content {
        .hotelist-dropdown {
            .btn-search:hover, .btn-search:focus {
                color: @mp-index-search-content-search-button-hover-color;
            }
        }
    }
}

//PAGE INDEX : INTRO
.hotex-box-index-intro {
    background-color: @index-intro-background-color;

    h3 {
        text-transform: @index-intro-title-text-transform;
        color: @index-intro-title-text-color;
        font-size: @index-intro-title-text-font-size;
        font-family: @index-intro-title-text-font-family;
    }

    p {
        text-align: @index-intro-decs-text-align;
        font-family: @index-intro-decs-font-family;
        font-size: @index-intro-decs-font-size;
        color: @index-intro-decs-color;
    }
}

//PAGE INDEX : SLIDER
.hotex-slider-index {
    h3 {
        text-transform: @index-slide-title-text-transform;
        color: @index-slide-title-text-color;
        font-size: @index-slide-title-text-font-size;
        font-family: @index-slide-title-text-font-family;
    }
}

.hotex-box-slide-room {
    label {
        font-family: @index-slide-title-font-family;
        font-size: @index-slide-title-font-size;
        color: @index-slide-title-font-color;
    }

    p {
        font-family: @index-slide-decs-font-family;
        font-size: @index-slide-decs-font-size;
        color: @index-slide-decs-font-color;
    }
}

.hotex-box-slide-rate {
    font-family: @index-slide-box-rate-font-family;
    font-size: @index-slide-box-rate-font-size;
    color: @index-slide-box-rate-font-color;

    .hotex-slide-currancy {
        text-decoration: @index-slide-currancy-text-decoration;
        color: @index-slide-currancy-color;
        font-size: @index-slide-currancy-font-size;
        font-family: @index-slide-currancy-font-family;
    }

    .hotex-slide-discount {
        color: @index-slide-discount-color;
        font-size: @index-slide-discount-font-size;
        font-family: @index-slide-discount-font-family;
    }

    a {
        font-size: @index-slide-rate-link-font-size;
        color: @index-slide-rate-link-color;
        text-decoration: @index-slide-rate-link-hover-text-decoration;
    }

    a:hover, a:focus {
        color: @index-slide-rate-link-hover-color;
        text-decoration: @index-slide-rate-link-hover-text-decoration;
    }
}

//PAGE HOTELLIST: RESERVATION INFO MP
.hotexmp-reservation-info {
    background: @mp-hotelList-reservation-info-background;

    a {
        color: @mp-hotelList-reservation-info-link-color;
        text-decoration: @mp-hotelList-reservation-info-link-text-decoration;
    }

    a:hover, a:focus {
        color: @mp-hotelList-reservation-info-link-hover-color;
        text-decoration: @mp-hotelList-reservation-info-link-hover-text-decoration;
    }
}

//PAGE HOTELLIST: HOTELIST MP
.hotexmp-hotel-list-box {
    .hotexmp-box-find {
        .hotexmp-find-hotel {
            /*.btn-dropdown-hotelList {
                background: @mp-hotelList-find-dropdown-background;
                color: @mp-hotelList-find-dropdown-color;
            }*/
            .btn-dropdown-hotelList {
                background: @btn-search-background;
                color: @btn-search-color;
            }
        }
    }

    .hotex-box-listHotel {
        .hotex-listHotel-title-box {
            .hotex-listHotel-title {
                font-family: @mp-hotelList-content-hotel-name-font-family;
                font-size: @mp-hotelList-content-hotel-name-font-size;
                color: @mp-hotelList-content-hotel-name-color;
                font-weight: @mp-hotelList-content-hotel-name-font-weight;

                a {
                    color: @mp-hotelList-content-hotel-name-link-color;
                    font-family: @mp-hotelList-content-hotel-name-link-font-family;
                    font-size: @mp-hotelList-content-hotel-name-link-font-size;
                }

                a:hover, a:focus {
                    color: @mp-hotelList-content-hotel-name-link-hover-color;
                }
            }

            .hotex-listHotel-address {
                font-family: @mp-hotelList-content-hotel-address-font-family;
                font-size: @mp-hotelList-content-hotel-address-font-size;
                color: @mp-hotelList-content-hotel-address-color;
            }
        }

        .hotex-listHotel-decs {
            .hotex-listHotel-content {
                .hotex-hotelList-button {
                    a {
                        background: @mp-hotelList-decs-button-background;
                        color: @mp-hotelList-decs-button-color;
                        font-family: @mp-hotelList-decs-button-font-family;
                        font-size: @mp-hotelList-decs-button-font-size;
                    }

                    a:hover, a:focus {
                        background: @mp-hotelList-decs-button-hover-background;
                        color: @mp-hotelList-decs-button-hover-color;
                    }
                }

                .hotex-hotelList-info {
                    .hotex-hotelList-info-content1 {
                        .hotex-hotelList-note {
                            font-family: @mp-hotelList-info-content1-note-font-family;
                            font-size: @mp-hotelList-info-content1-note-font-size;
                            color: @mp-hotelList-info-content1-note-color;
                        }
                    }

                    .hotex-hotelList-info-content2 {
                        .hotex-hotelList-location {
                            font-weight: @mp-hotelList-info-content2-location-font-weight;
                            font-family: @mp-hotelList-info-content2-location-font-family;
                            font-size: @mp-hotelList-info-content2-location-font-size;
                            color: @mp-hotelList-info-content2-location-color;

                            ul {
                                font-family: @mp-hotelList-info-content2-location-font-family;
                                color: @mp-hotelList-info-content2-location-color;
                                font-weight: @mp-hotelList-info-content2-location-ul-font-weight;
                                font-size: @mp-hotelList-info-content2-location-ul-font-size;
                            }
                        }

                        .hotex-hotelList-area {
                            font-weight: @mp-hotelList-info-content2-area-font-weight;
                            font-family: @mp-hotelList-info-content2-area-font-family;
                            font-size: @mp-hotelList-info-content2-area-font-size;
                            color: @mp-hotelList-info-content2-area-color;

                            ul {
                                font-family: @mp-hotelList-info-content2-area-font-family;
                                color: @mp-hotelList-info-content2-area-color;
                                font-weight: @mp-hotelList-info-content2-area-ul-font-weight;
                                font-size: @mp-hotelList-info-content2-area-ul-font-size;
                            }
                        }
                    }
                }
            }

            .hotex-hotelList-rates {
                .badge {
                    background-color: @rates-table-content1-badge-background-color;
                    color: @rates-table-content1-badge-color;
                    font-size: @rates-table-content1-badge-font-size;
                    min-height: @rates-table-content1-badge-min-height;
                }

                .hotex-hotelList-rates-price {
                    color: @mp-hotelList-rates-price-color;
                    font-weight: @mp-hotelList-rates-price-font-weight;
                    font-family: @mp-hotelList-rates-price-font-family;
                    font-size: @mp-hotelList-rates-price-font-size;
                }
            }
        }
    }
}

//PAGE HOTELLIST: HOTEL OVER VIEW POPUP MP
.hotexmp-box-hotel-overview {
    .hotexmp-box-hotel-overview-content1 {
        .hotexmp-hotel-overview-decs {
            label {
                font-size: @mp-overview-popup-content1-decs-font-size;
                font-family: @mp-overview-popup-content1-decs-font-family;
                color: @mp-overview-popup-content1-decs-color;
            }
        }
    }

    .hotexmp-box-hotel-overview-content2 {
        .hotexmp-box-hotel-overview-point-interest {
            .hotexmp-hotel-overview-title {
                text-transform: @mp-overview-popup-content2-title-text-transform;
                text-align: @mp-overview-popup-content2-title-text-align;
                font-family: @mp-overview-popup-content2-title-font-family;
                font-size: @mp-overview-popup-content2-title-font-size;
                color: @mp-overview-popup-content2-title-color;
            }
        }

        .hotexmp-hotel-overview-table-box {
            .hotexmp-hotel-overview-table {
                border: @mp-overview-popup-content2-table-border;

                .hotex-interest-name {
                    border-bottom: @mp-overview-popup-content2-table-name-border-bottom;
                    text-transform: @mp-overview-popup-content2-table-name-text-transform;
                    font-size: @mp-overview-popup-content2-table-name-font-size;
                    font-family: @mp-overview-popup-content2-table-name-font-family;
                    color: @mp-overview-popup-content2-table-name-color;
                }

                .hotex-interest-distance {
                    text-transform: @mp-overview-popup-content2-table-distance-text-transform;
                    font-size: @mp-overview-popup-content2-table-distance-font-size;
                    font-family: @mp-overview-popup-content2-table-distance-font-family;
                    color: @mp-overview-popup-content2-table-distance-color;
                }
            }
        }
    }

    .hotexmp-box-hotel-overview-content3 {
        .hotexmp-hotel-overview-title {
            text-transform: @mp-overview-popup-content3-title-text-transform;
            text-align: @mp-overview-popup-content3-title-text-align;
            font-family: @mp-overview-popup-content3-title-font-family;
            font-size: @mp-overview-popup-content3-title-font-size;
            color: @mp-overview-popup-content3-title-color;
        }
    }
}

//PAGE HOTELLIST: ROOM POPUP MP
.hotexmp-box-room {
    .hotexmp-room-title {
        text-transform: @mp-room-popup-title-font-family;
        font-size: @mp-room-popup-title-font-family;
        color: @mp-room-popup-title-font-family;
        font-family: @mp-room-popup-title-font-family;
    }

    .hotexmp-room-image {
        .hotex-carousel-control-rates .btn-prev-rates,
        .hotex-carousel-control-rates .btn-next-rates {
            color: @mp-room-popup-btn-carousel-color;
            font-size: @mp-room-popup-btn-carousel-font-size;
        }
    }

    .hotexmp-room-decs {
        p {
            font-family: @mp-room-popup-decs-color;
            font-size: @mp-room-popup-decs-color;
            color: @mp-room-popup-decs-color;
        }

        .hotexmp-room-facilities-title {
            font-family: @mp-room-popup-decs-facilities-title-font-family;
            font-size: @mp-room-popup-decs-facilities-title-font-size;
            color: @mp-room-popup-decs-facilities-title-color;
        }

        .hotexmp-room-facilities-item {
            font-family: @mp-room-popup-decs-facilities-item-font-family;
            font-size: @mp-room-popup-decs-facilities-item-font-size;
            color: @mp-room-popup-decs-facilities-item-color;
        }
    }
}

//PAGE HOTELLIST: FACILITIES POPUP MP
.hotexmp-facilities-box {
    .hotexmp-facilities-content {
        .hotexmp-facilities-title {
            label {
                text-transform: @mp-facilities-popup-title-text-transform;
                font-size: @mp-facilities-popup-title-font-size;
                font-family: @mp-facilities-popup-title-font-family;
                color: @mp-facilities-popup-title-color;
            }
        }

        .hotexmp-facilities-decs {
            font-size: @mp-facilities-popup-decs-font-size;
            font-family: @mp-facilities-popup-decs-font-family;
            color: @mp-facilities-popup-decs-color;
        }
    }
}

//PAGE HOTELLIST: MAP DIRECTIONS POPUP MP
.hotexmp-map-box {
    .hotexmp-map-content {
        p {
            font-family: @mp-map-popup-decs-font-family;
            font-size: @mp-map-popup-decs-font-size;
            color: @mp-map-popup-decs-color;
            text-align: @mp-map-popup-decs-text-align;
        }
    }
}