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

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

//HOTEX CONTAINER
.hotex-container {
    padding-bottom: @hotex-container-padding-bottom;
}

.hotex-box-footer-validation-detail, .hotex-container {
    background: @hotex-container-background;
}

.confirmationtag-detail {
    color: @footer1-color;
}

.container {
    max-width: @container-max-width !important;
    padding-left: @container-padding-left;
    padding-right: @container-padding-right;
    width: @container-width;
}

nav, footer {
    min-width: @nav-footer-min-width;
    //111114-rut
    .row {
        padding-left: 15px;
        padding-right: 0px;
        /*margin: 0;*/
    }
}

#_navbarMenu .row {
    width: 100% !important;
}

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

//STICKY FOOTER
.wrapper {
    background-color: @content-background-color;
    background-image: @content-background-image;
    min-height: @wrapper-min-height;
    height: @wrapper-height !important;
    min-width: @wrapper-min-width;
    margin: @wrapper-margin;
}

.push {
    height: @push-height;
}

//GENERAL ATTRIBUTE
form {
    height: @form-height;
}

hr {
    border-top: @hr-border-width @hr-border-style @hr-color;
    margin-top: @hr-margin-top;
    margin-bottom: @hr-margin-bottom;
}

//GENERAL MENU TOGGLE BAKCGROUND
.navbar-toggle {
    border: @menu-toggle-border;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: @menu-toggle-background-color;
}

.navbar-default .navbar-toggle {
    border-color: @menu-toggle-border-color;
	text-transform: capitalize;
	font-size: @menu-toggle-font-size;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: @menu-toggle-hover-color;
	font-size: @menu-toggle-font-size;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: @menu-toggle-position-item-margin-left;
    margin-right: @menu-toggle-position-item-margin-right;
}

.hotex-menu-box-collapse {
    margin-top: @menu-toggle-position-item-margin-top;
}

//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 {
        padding: @footer1-powered-box-padding;
        text-align: @footer1-powered-box-text-align;
		font-weight: 400;

        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 {
    padding: @footer2-padding;
    min-height: @footer2-min-height;
    color: @footer2-color;
    background-color: @footer2-background-color;

    .hotex-box2-footer-left {
        margin: @footer2-left-margin;
        padding: @footer2-left-padding;
    }

    .hotex-box2-footer-right {
        margin: @footer2-right-margin;
        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;
        }

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

//GENERAL FOOTER DETAIL
/*.hotex-box-footer-validation-detail {
    padding: @footer-detail-padding;
    min-height: @footer-detail-min-height;
    /*background-color: @footer-detail-background-color;*/
/*color: @footer-detail-color;

    .btn-continued {
        padding: @footer-detail-btn-continued-padding;
        width: @footer-detail-btn-continued-width;
        margin: @footer-detail-btn-continued-margin;
        background-color: @footer-detail-btn-continued-background-color;
        color: @footer-detail-btn-continued-color;
        font-size: @footer-detail-btn-continued-font-size;
        font-family: @footer-detail-btn-continued-font-family;
    }

    .btn-back {
        padding: @footer-detail-btn-back-padding;
        width: @footer-detail-btn-back-width;
        margin: @footer-detail-btn-back-margin;
        background-color: @footer-detail-btn-back-background-color;
        color: @footer-detail-btn-back-color;
        font-size: @footer-detail-btn-back-font-size;
        font-family: @footer-detail-btn-back-font-family;
    }
}*/

//GENERAL FOOTER PAYMENT
.hotex-box-footer-validation {
    .hotex-footer-terms {
        margin: @footer-payment-terms-margin;

        a {
            color: @footer-payment-terms-color;
            font-size: @footer-payment-terms-font-size;
            font-family: @footer-payment-terms-font-family;
        }

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

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

    .hotex-footer-button {
        .btn-continued {
            margin: @footer-payment-button-margin;
        }
    }
}

//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: @menu-background-color;

    ul {
        padding: @menu-item-padding;
    }

    .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;
	margin-top: @menu-home-margin-top;

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

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

    .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 MENU DROPDOWN
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: @menu-dropdown-border-color;
}

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

    li a {
        color: @menu-dropdown-link-color;
        font-family: @menu-dropdown-link-font-family;
        font-size: @menu-dropdown-link-font-size;
    }
}

//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 {
    padding: @btn-padding;
    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 {
    min-width: @btn-search-min-width;
	width: @btn-search-width;
    background-color: @btn-search-background;
    color: @btn-search-color;
	text-transform: uppercase;
	letter-spacing: .5px;
	//border: 2px solid @a1-color;
}

.btn-search:hover, .btn-search:focus {
    color: @btn-search-color-hover;
    background-color: @btn-search-background-hover;
	text-transform: uppercase;
	letter-spacing: .5px;
	//border: 2px solid @b2-color;
}

.btn-continued {
    padding: @btn-continued-padding;
    color: @btn-continued-color;
    background-color: @btn-continued-background;
    opacity: @btn-continued-opacity;
	border-radius: 0;
}

.btn-continued:hover, .btn-continued:focus, .btn-continued:active  {
    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;
	border-radius: 0;
}

.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-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 {
    width: 100%;
}

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

.loyalty-modal-content {
    width: 100%;
}

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

.modal-header {
    padding-top: @modal-header-padding-top;
    padding-bottom: @modal-header-padding-bottom;
}

.modal-footer {
    padding: @modal-footer-padding;
}

.hotex-modal-dialog-large,
.hotex-modal-dialog-medium,
.hotex-modal-dialog-small,
.hotex-modal-dialog-xsmall,
.hotex-modal-dialog-search {
    width: @modal-dialog-all-size-width;
    margin-right: @modal-dialog-all-size-margin-right;
    margin-left: @modal-dialog-all-size-margin-right;
}

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

//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 BORDER RESERVATION INFO
.hotex-reservation-border {
    border-bottom: @reservation-info-border-bottom;
}

//GENERAL HEADER1
.hotex-shadow-header1-mobile {
    -moz-box-shadow: @header1-shadow-box-shadow;
    -webkit-box-shadow: @header1-shadow-box-shadow;
    box-shadow: @header1-shadow-box-shadow;
}

.hotex-box-header1 {
    padding: @header1-padding;
    min-height: @header1-min-height;
}

.hotex-shadow-header1-mobile {
    width: @header1-shadow-width;
    height: @header1-shadow-height;
    margin: @header1-shadow-margin;
}

.hotex-box-logo {
    text-align: @header1-logo-text-align;
    min-height: @header1-logo-min-height;
    padding: @header1-logo-padding;
    width: @header1-logo-width;

    img {
        width: @header1-logo-img-width;
        height: @header1-logo-img-height;
    }
}

.hotex-box-address-header1 {
    padding: @header1-address-padding;
    min-height: @header1-address-min-height;
    text-align: @header1-address-text-align;

    h4 {
        margin: @header1-address-name-margin;
        font-size: @header1-address-name-font-size;
		font-family: @header1-hotel-name-font-family;
    }

    h6 {
        margin: @header1-address-decs-margin;
        font-size: @header1-address-decs-font-size;
		font-family: @header1-address-font-family;
    }
}

//GENERAL HEADER2
.hotex-header2-main-image {
    text-align: @header2-text-align;
    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;
    }

    img {
        width: @header2-img-width;
        height: @header2-img-height;
    }
}

.hotex-box2-header2 {
    //background-color: @header2-background-color;
	background: @header2-background-color;
    color: @header2-color;
    padding: @header2-padding;
    min-height: @header2-min-height;

    .hotex-box2-header2-dropdownlist {
        padding: @header2-dropdownlist-padding;
        margin-bottom: 20px;
    }

    .hotex-header2-dropdownlist-language {
        margin-bottom: 5px;
    }

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

.hotexmp-box2-header2 {
    background-color: @header2-background-color;
    color: @header2-color;
    padding: @header2-padding;
    min-height: @header2-min-height;

    .hotexmp-box2-header2-dropdownlist {
        padding: @header2-dropdownlist-padding;
        margin-bottom: 20px;
    }

    .hotexmp-header2-dropdownlist-language {
        margin-bottom: 5px;
    }

    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 POPUP SEARCH
#searchModal {
    .modal-body {
        padding: @popup-search-body-padding;
    }

    .hotex-box-search {
        padding: @popup-search-box-padding;

        #_searchButton {
            margin-bottom: @popup-search-button-margin-bottom;
        }

        #formLine {
            margin: @popup-search-form-margin;

            .input-group-addon {
                font-size: @popup-search-input-icon-font-size;
                padding: @popup-search-input-icon-padding;
            }

            .form-group {
                margin-bottom: @popup-search-form-group-margin-bottom;
                min-height: @popup-search-form-group-min-height;
            }

            ._dateSearch, .col-xs-4 {
                padding: @popup-search-form-date-padding;
            }

            .hotex-search-promo {
                .input-label {
                    display: @popup-search-form-promo-input-display;
                    text-align: @popup-search-form-promo-input-text-align;
                    min-height: @popup-search-form-promo-input-min-height;
                    width: @popup-search-form-promo-input-width;

                    .inline-label {
                        vertical-align: @popup-search-form-promo-label-vertical-align;
                        padding-top: @popup-search-form-promo-label-padding-top;
                    }
                }

                input {
                    min-height: @popup-search-form-promo-input-min-height;
                    width: @popup-search-form-promo-input-width;
                }
            }
        }
    }
}

//GENERAL POPUP MODIFY SEARCH
.hotex-modal-search {
    margin: @popup-modify-search-box-margin;

    .input-label {
        min-height: @popup-modify-search-label-box-min-height;
    }

    .input-mplabel {
        min-height: @popup-modify-search-label-box-min-height;
        display: table-cell;
        vertical-align: bottom;
    }

    ._dateSearch {
        .input-label {
            min-height: @popup-modify-search-date-label-box-min-height;
        }
    }
}


//GENERAL POPUP RATES DETAIL
.hotex-rate-detail-hotel {
    margin: @rates-rate-detail-popup-box-margin;

    .hotex-rate-detail-hotel-name {
        margin: @rates-rate-detail-popup-hotel-name-margin;
        text-transform: @rates-rate-detail-popup-hotel-name-text-transform;
        color: @rates-rate-detail-popup-hotel-name-color;
        font-size: @rates-rate-detail-popup-hotel-name-font-size;
        font-family: @rates-rate-detail-popup-hotel-name-font-family;
        font-weight: @rates-rate-detail-popup-hotel-name-font-weight;
    }

    .hotex-rate-detail-date {
        color: @rates-rate-detail-popup-date-color;
        font-size: @rates-rate-detail-popup-date-font-size;
        font-family: @rates-rate-detail-popup-date-font-family;
    }

    .hotex-rate-detail-table {
        padding: @rates-rate-detail-popup-table-padding;

        .hotex-rate-detail-table-title {
            color: @rates-rate-detail-popup-table-title-color;
            font-size: @rates-rate-detail-popup-table-title-font-size;
            font-family: @rates-rate-detail-popup-table-title-font-family;
        }

        .hotex-rate-detail-table-item {
            color: @rates-rate-detail-popup-table-title-color;
            font-size: @rates-rate-detail-popup-table-title-font-size;
            font-family: @rates-rate-detail-popup-table-title-font-family;
            background-color: @rates-rate-detail-popup-table-title-background-color;
        }
    }
}

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

.hotex-carousel-control .btn-prev {
    left: @carousel-button-prev-left;
}

.hotex-carousel-control .btn-next {
    right: @carousel-button-prev-right;
}

//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 {
        padding: @footer1-powered-box-padding;
        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 {
    padding: @footer2-padding;
    min-height: @footer2-min-height;
    color: @footer2-color;
    background-color: @footer2-background-color;

    .hotex-box2-footer-left {
        margin: @footer2-left-margin;
        padding: @footer2-left-padding;
        text-align: @footer2-left-text-align;
    }

    .hotex-box2-footer-right {
        margin: @footer2-right-margin;
        color: @footer2-right-color;
        text-align: @footer2-right-text-align;
        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;
        }

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

//GENERAL FOOTER DETAIL
.hotex-box-footer-validation-detail {
    .btn-continued {
        margin-top: 15px;
        color: @footer-detail-btn-continued-color;
        font-size: @footer-detail-btn-continued-font-size;
        font-family: @footer-detail-btn-continued-font-family;
        width: 50%;
    }

    .btn-back {
        margin: @footer-detail-btn-back-margin;
        color: @btn-back-color;
        font-size: @footer-detail-btn-back-font-size;
        font-family: @footer-detail-btn-back-font-family;
        background-color: transparent;
        padding-top: 5px;
        margin-top: 5px;
        width: 50%;
    }
}

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

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

    .hotex-footer-button {
        .btn-continued {
            margin: @footer-payment-button-margin;
        }
    }
}

//PAGE INDEX : MAIN IMAGE
.hotex-box-main-image {
    min-height: @main-box-img-height;
    padding: @main-box-img-padding;

    img {
        width: @main-img-width;
        height: @main-img-height;
    }
}

//PAGE INDEX : MENU IMAGE
.hotex-box-menu-mobile {
    letter-spacing: @index-menu-mobile-letter-spacing;

    .hotex-menu-item-mobile-left {
        padding: @index-menu-mobile-left-padding;
        background: @index-menu-mobile-left-background;

        p {
            margin-bottom: @index-menu-mobile-left-text-margin-bottom;
            font-size: @index-menu-mobile-left-text-font-size;
            font-family: @index-menu-mobile-left-text-font-family;
            color: @index-menu-mobile-left-text-color;
        }

        span {
            font-size: @index-menu-mobile-left-icon-font-size;
            color: @index-menu-mobile-left-icon-color;
        }
    }


    .hotex-menu-item-mobile-right {
        padding: @index-menu-mobile-right-padding;
        background: @index-menu-mobile-right-background;
        border-left: @index-menu-mobile-right-border-left;

        p {
            margin-bottom: @index-menu-mobile-right-text-margin-bottom;
            font-size: @index-menu-mobile-right-text-font-size;
            font-family: @index-menu-mobile-right-text-font-family;
            color: @index-menu-mobile-right-text-color;
        }

        span {
            font-size: @index-menu-mobile-right-icon-font-size;
            color: @index-menu-mobile-right-icon-color;
        }
    }


    .mobile-login {
        padding: @index-menu-mobile-login-padding;
        background: @index-menu-mobile-login-background;
        border-left: @index-menu-mobile-login-border-left;

        p {
            margin-bottom: @index-menu-mobile-login-text-margin-bottom;
            font-size: @index-menu-mobile-login-text-font-size;
            font-family: @index-menu-mobile-login-text-font-family;
            color: @index-menu-mobile-login-text-color;
        }

        span {
            font-size: @index-menu-mobile-login-icon-font-size;
            color: @index-menu-mobile-login-icon-color;
        }
    }
}

//PAGE INDEX : MENU
.hotex-box-menu2-mobile {
    ul {
        list-style-type: none;
        padding: 0;
        margin: 0;

        li {
            text-align: center;
            border-bottom: 1px solid #cccccc;

            a {
                font-size: @index-menu2-mobile-link-font-size;
                font-family: @index-menu2-mobile-link-font-family;
                color: @index-menu2-mobile-link-color;
                text-transform: @index-menu2-mobile-link-text-transform;
                font-weight: @index-menu2-mobile-link-font-weight;
                letter-spacing: @index-menu2-mobile-link-letter-spacing;

                div {
                    padding-top: @index-menu2-mobile-link-background-padding-top;
                    padding-bottom: @index-menu2-mobile-link-background-padding-bottom;
                    background-color: @index-menu2-mobile-link-background-color;
                }
            }

            a:hover, a:focus {
                text-decoration: @index-menu2-mobile-link-hover-text-decoration;
                text-shadow: @index-menu2-mobile-link-hover-text-shadow;
                color: @index-menu2-mobile-link-hover-color;
                background-color: @index-menu2-mobile-link-hover-background-color;

                div {
                    background: @index-menu2-mobile-link-hover-background-color;
                }
            }
        }
    }
    /*hr {
        border-color: @index-menu2-mobile-line-border-color;
        margin: @index-menu2-mobile-line-margin;
    }*/
}

//PAGE INDEX : POPUP LANGUAGE
.hotex-language-mobile-box {
    padding: @index-language-popup-mobile-box-padding;

    .hotex-language-mobile-button-box {
        width: @index-language-popup-mobile-button-box-width;
        text-decoration: @index-language-popup-mobile-button-box-text-decoration;
        display: @index-language-popup-mobile-button-box-display;
        text-shadow: @index-language-popup-mobile-button-box-text-shadow;
        color: @index-language-popup-mobile-button-box-color;
        border-radius: @index-language-popup-mobile-button-box-border-radius;
        margin: @index-language-popup-mobile-button-box-margin;
        border: @index-language-popup-mobile-button-box-border;
        background-color: @index-language-popup-mobile-button-box-background-color;

        .languages-button {
            font-family: @index-language-popup-mobile-button-font-family;
            color: @index-language-popup-mobile-button-color;
            font-size: @index-language-popup-mobile-button-font-size;
            border: @index-language-popup-mobile-button-border;
            padding: @index-language-popup-mobile-button-padding;
            width: @index-language-popup-mobile-button-width;
            text-align: @index-language-popup-mobile-button-text-align;
            text-transform: @index-language-popup-mobile-button-text-transform;
        }
    }
}

//PAGE RATES : WARNING BOX
.hotex-rates-warning {
    margin-top: @rates-warning-margin-top;
    padding-right: @rates-warning-padding-right;
    padding-left: @rates-warning-padding-left;
    color: @rates-warning-color;
    font-family: @rates-warning-font-family;
    font-size: @rates-warning-font-size;
    text-align: @rates-warning-text-align;
}

.hotex-rates-warning-message {
    text-align: @rates-warning-message-text-align;
    padding-right: @rates-warning-message-padding-right;
    padding-left: @rates-warning-message-padding-left;
}

//PAGE RATES : RESERVATION INFO
.hotex-reservation-info {
    background: @rates-reservation-info-background;
    text-align: @rates-reservation-info-text-align;
    color: @rates-reservation-info-color;
    font-family: @rates-reservation-info-font-family;
    font-size: @rates-reservation-info-font-size;
    margin: @rates-reservation-info-margin;
    width: @rates-reservation-info-width;
    padding: @rates-reservation-info-padding;
    position: relative;
    left: 7%;
    z-index: 1;

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

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

    .hotex-reservation-info-item {
        padding: @rates-reservation-info-item-padding;
    }
}

//PAGE RATES : RESERVATION MENU
.hotex-search-rates-mobile {
    margin-top: @rates-reservation-menu-box-margin-top;
    margin-bottom: @rates-reservation-menu-box-margin-bottom;
    padding-top: @rates-reservation-menu-box-padding-top;
    padding-left: @rates-reservation-menu-box-padding-left;
    padding-right: @rates-reservation-menu-box-padding-right;
    text-align: @rates-reservation-menu-box-text-align;
    text-transform: uppercase;

    .hotex-search-rates-label {
        padding-top: @rates-reservation-menu-title-padding-top;
        text-transform: @rates-reservation-menu-title-text-transform;
        font-family: @rates-reservation-menu-title-font-family;
        font-size: @rates-reservation-menu-title-font-size;
        color: @rates-reservation-menu-title-color;
    }

    .dropdown {
        .dropdown-menu {
            text-transform: uppercase;
            font-family: @rates-reservation-menu-dropdown-font-family;
            font-size: @rates-reservation-menu-dropdown-font-size;
            color: @rates-reservation-menu-dropdown-color;
            background: @rates-reservation-menu-background;
            margin-left: @rates-reservation-menu-dropdown-margin-left;
            min-width: @rates-reservation-menu-dropdown-min-width;
        }

        .dropdown-toggle {
            text-transform: uppercase;
            font-size: @rates-reservation-menu-dropdown-button-font-size;
            min-width: @rates-reservation-menu-dropdown-button-min-width;
			width: @rates-reservation-menu-dropdown-button-width;
            height: @rates-reservation-menu-dropdown-button-height;
            background: @index-menu-dropdown-background;
            border: @index-menu-dropdown-border;
        }
    }
}

//PAGE RATES : RATE LIST CONTENT
.hotex-box-rates {
    margin-top: @rates-box-margin-top;
    /*margin-bottom: @rates-box-margin-bottom;*/
    .hotex-box-rates-content {
        text-align: @rates-content-box-text-align;
        padding: @rates-content-box-padding;

        .row {
            padding: @rates-content-padding;
        }

        .hotex-rates-title {
            margin: @rates-title-margin;

            .room-information-button {
                color: @rates-link-title-color;
                text-decoration: @rates-link-title-text-decoration;
                font-size: @rates-link-title-font-size;
                font-family: @rates-link-title-font-family;
            }

            .room-information-button:hover {
                color: @rates-link-hover-title-color;
                text-decoration: @rates-link-hover-title-text-decoration;
                font-size: @rates-link-hover-title-font-size;
                font-family: @rates-link-hover-title-font-family;
            }
        }

        .hotex-rates-info {
            margin: @rates-info-margin;

            .hotex-box-slide-rates {
                .hotex-slide-rates-image {
                    height: @rates-info-box-img-height;
                    text-align: @rates-info-box-img-text-align;
                }

                img {
                    width: @rates-info-img-width;
                    height: @rates-info-img-height;
                }
            }

            .hotex-carousel-control-rates .btn-prev-rates,
            .hotex-carousel-control-rates .btn-next-rates {
                position: @rates-info-carousel-position;
                padding: @rates-info-carousel-padding;
                color: @rates-info-carousel-color;
                font-size: @rates-info-carousel-font-size;
                z-index: @rates-info-carousel-z-index;
                display: @rates-info-carousel-display;
            }

            .hotex-carousel-control-rates .btn-prev-rates {
                text-align: @rates-info-carousel-prev-text-align;
                text-shadow: @rates-info-carousel-prev-text-shadow;
                left: @rates-info-carousel-prev-left;
            }

            .hotex-carousel-control-rates .btn-next-rates {
                text-align: @rates-info-carousel-next-text-align;
                text-shadow: @rates-info-carousel-next-text-shadow;
                right: @rates-info-carousel-next-right;
            }

            i.btn-prev-rates, i.btn-next-rates {
                padding-top: @rates-info-carousel-icon-padding-top;
                height: @rates-info-carousel-icon-height;
                width: @rates-info-carousel-icon-width;
            }
        }

        .hotex-border {
            margin-bottom: @rates-border-margin-bottom;
            padding: @rates-border-padding;
        }

        .hotex-icon-loading-rates {
            margin-top: 25px;
        }

        .hotex-table-rates {
            padding: @rates-table-padding;

            .hotex-table-rates-title {
                font-family: @rates-table-title-font-family;
                font-size: @rates-table-title-font-size;
                font-weight: @rates-table-title-font-weight;
                color: @rates-table-title-color;
            }

            .hotex-table-rates-content {
                padding-bottom: @rates-table-content-padding-bottom;
                padding-top: @rates-table-content-padding-top;

                .hotex-table-rates-content1 {
                    .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;
						border-radius: 30px;
                    }

                    span {
                        font-family: @rates-table-content1-span-font-family;
                        font-size: @rates-table-content1-span-font-size;
                        font-weight: @rates-table-content1-span-font-weight;
                        color: @rates-table-content1-span-color;
                    }

                    p {
                        font-family: @rates-table-content1-p-font-family;
                        font-size: @rates-table-content1-p-font-size;
                        color: @rates-table-content1-p-color;
                    }

                    a {
                        font-family: @rates-table-content1-a-font-family;
                        font-size: @rates-table-content1-a-font-size;
                        color: @rates-table-content1-a-color;
                        text-decoration: @rates-table-content1-a-text-decoration;
                    }

                    a:hover, a:focus {
                        font-size: @rates-table-content1-a-hover-font-size;
                        color: @rates-table-content1-a-hover-color;
                        text-decoration: @rates-table-content1-a-hover-text-decoration;
                    }
                }

                .hotex-table-rates-content2 {
                    text-align: @rates-table-content2-text-align;

                    img {
                        width: @rates-table-content2-img-width;
                        height: @rates-table-content2-img-height;
                    }
                }

                .hotex-table-rates-content3 {
                    a {
                        font-family: @rates-table-content3-a-font-family;
                        font-size: @rates-table-content3-a-font-size;
                        color: @rates-table-content3-a-color;
                        font-weight: @rates-table-content3-a-font-weight;
                        text-decoration: @rates-table-content3-a-text-decoration;
                    }

                    a:hover, a:focus {
                        font-size: @rates-table-content3-a-hover-font-size;
                        color: @rates-table-content3-a-hover-color;
                        text-decoration: @rates-table-content3-a-hover-text-decoration;
                    }

                    span {
                        font-family: @rates-table-content3-span-font-family;
                        font-size: @rates-table-content3-span-font-size !important;
                        font-weight: @rates-table-content3-span-font-weight;
                        color: @rates-table-content3-span-color;
                        text-decoration: @rates-table-content3-span-text-decoration;
						text-transform: @rates-table-content3-span-text-transform;
                    }

                    padding: 0;
                }

                .hotex-table-rates-content4 {
                    text-align: @rates-table-content4-text-align;
                }

                .hotex-table-rates-content2B {


                    span {
                        color: @rates-table-content3-a-color;
                    }

                    p {
                        color: @rates-table-content1-p-color;
                    }
                }
            }

            .hotex-open-tab-packages {
                margin-top: @rates-table-open-packages-margin-top;

                a {
                    font-style: @rates-table-open-packages-font-style;
                    font-size: @rates-table-open-packages-font-size;
                    color: @rates-table-open-packages-color;
                    text-decoration: @rates-table-open-packages-text-decoration;
                    cursor: @rates-table-open-packages-cursor;
                }

                a:hover, a:focus {
                    color: @rates-table-open-packages-hover-color;
                    text-decoration: @rates-table-open-packages-hover-text-decoration;
                }
            }
        }
    }
}

//PAGE RATES : POPUP ROOM INFORMATION
.hotex-room-information {
    text-align: @rates-room-information-popup-box-text-align;
    margin-top: @rates-room-information-popup-box-margin-top;

    .hotex-room-information-title {
        /*label {*/
        padding-top: @rates-room-information-popup-title-padding;
        font-family: @rates-room-information-popup-title-font-family;
        font-size: @rates-room-information-popup-title-font-size;
        color: @rates-room-information-popup-title-color;
        text-transform: @rates-room-information-popup-title-text-transform;
		text-align: left;
        /*}*/
    }

    .hotex-room-information-image {
        img {
            width: @rates-room-information-popup-img-width;
            height: @rates-room-information-popup-img-height;
        }
    }

    .hotex-carousel-control-rates .btn-prev-rates,
    .hotex-carousel-control-rates .btn-next-rates {
        position: @rates-room-information-popup-carousel-position;
        padding: @rates-room-information-popup-carousel-padding;
        color: @rates-room-information-popup-carousel-color;
        font-size: @rates-room-information-popup-carousel-font-size;
        z-index: @rates-room-information-popup-carousel-z-index;
        display: @rates-room-information-popup-carousel-display;
    }

    .hotex-carousel-control-rates .btn-prev-rates {
        text-align: @rates-room-information-popup-carousel-prev-text-align;
        text-shadow: @rates-room-information-popup-carousel-prev-text-shadow;
        left: @rates-room-information-popup-carousel-prev-left;
    }

    .hotex-carousel-control-rates .btn-next-rates {
        text-align: @rates-room-information-popup-carousel-next-text-align;
        text-shadow: @rates-room-information-popup-carousel-next-text-shadow;
        right: @rates-room-information-popup-carousel-next-right;
    }

    i.btn-prev-rates, i.btn-next-rates {
        padding-top: @rates-room-information-popup-carousel-icon-padding-top;
        height: @rates-room-information-popup-carousel-icon-height;
        width: @rates-room-information-popup-carousel-icon-width;
    }

    .hotex-room-information-amenities {
        padding: @rates-room-information-popup-amenities-box-padding;

        .hotex-room-information-amenities-title {
            font-family: @rates-room-information-popup-amenities-title-font-family;
            font-size: @rates-room-information-popup-amenities-title-font-size;
            color: @rates-room-information-popup-amenities-title-color;
            font-weight: @rates-room-information-popup-amenities-title-font-weight;
        }

        .hotex-room-information-amenities-content {
            font-family: @rates-room-information-popup-amenities-content-font-family;
            font-size: @rates-room-information-popup-amenities-content-font-size;
            color: @rates-room-information-popup-amenities-content-color;

            ul {
                padding: @rates-room-information-popup-amenities-content-ul-padding;
            }
        }
    }

    .hotex-room-information-desc {
        /*p {*/
        padding: @rates-room-information-popup-desc-padding;
        font-family: @rates-room-information-popup-desc-font-family;
        font-size: @rates-room-information-popup-desc-font-size;
        color: @rates-room-information-popup-desc-color;
        /*}*/
    }
}

//PAGE RATES : PACKAGE CONTENT
.hotex-box-rates-packages {
    text-align: @packages-content-text-align;

    .hotex-box-packages-content {
        margin-top: @packages-content-margin-top;
        margin-bottom: @packages-content-margin-bottom;
        padding-left: @packages-content-padding-left;
        padding-right: @packages-content-padding-right;

        .hotex-packages-title {
            text-transform: @packages-title-text-transform;
            padding-left: @packages-title-padding-left;
            padding-right: @packages-title-padding-left;

            .package-information-button {
                color: @packages-link-title-color;
                text-decoration: @packages-link-title-text-decoration;
                font-size: @packages-link-title-font-size;
                font-family: @packages-link-title-font-family;
				font-weight: @packages-link-title-font-weight;
				text-transform: @packages-link-title-text-transform;
            }

            .package-information-button:hover {
                color: @packages-link-hover-title-color;
                text-decoration: @packages-link-hover-title-text-decoration;
                font-size: @packages-link-hover-title-font-size;
                font-family: @packages-link-hover-title-font-family;
            }
        }

        .hotex-package-content1 {
            padding-left: @packages-content1-padding-left;
            padding-right: @packages-content1-padding-right;
            min-height: @packages-content1-min-height;

            .hotex-packages-image {
                margin-top: @packages-content1-box-img-margin;

                img {
                    width: @packages-content1-img-width;
                    height: @packages-content1-img-height;
                }
            }

            .hotex-package-addon {
                margin: @packages-content1-addon-margin;

                p {
                    font-family: @packages-content1-addon-p-font-family;
                    font-size: @packages-content1-addon-p-font-size;
                    font-weight: @packages-content1-addon-p-font-weight;
                    margin: @packages-content1-addon-p-margin;
					color: @packages-content1-addon-p-color;
                }

                ul {
                    font-family: @packages-content1-addon-p-font-family;
                    font-size: @packages-content1-addon-ul-font-size;
                    padding: @packages-content1-addon-ul-padding;
                    margin: @packages-content1-addon-ul-margin;
                }
            }

            .hotex-package-more {
                a {
                    font-family: @packages-content1-more-link-font-family;
                    font-size: @packages-content1-more-link-font-size;
                    color: @packages-content1-more-link-color;
                    text-decoration: @packages-content1-more-link-text-decoration;
                }

                a:hover {
                    font-family: @packages-content1-more-link-hover-font-family;
                    font-size: @packages-content1-more-link-hover-font-size;
                    color: @packages-content1-more-link-hover-color;
                    text-decoration: @packages-content1-more-link-hover-text-decoration;
                }
            }
        }

        .hotex-package-content2 {
            text-align: @packages-content2-text-align;
            padding-top: @packages-content2-padding-top;
            padding-left: @packages-content2-padding-left;
            padding-right: @packages-content2-padding-right;

            .hotex-packages-desc {
                p {
                    margin: @packages-content2-p-margin;
					font-size: @packages-content2-promo-font-size;
					text-transform: uppercase;
					color: @packages-content2-promo-color;
                }
            }

            .hotex-package-table-rates {
                text-align: @packages-content2-table-text-align;
                margin-top: @packages-content2-table-margin-top;
                padding-left: @packages-content2-table-padding-left;
                padding-right: @packages-content2-table-padding-right;

                .hotex-package-table-rates-title {
                    margin: @packages-content2-table-title-margin;

                    .hotex-package-rates-name {
                        font-family: @packages-content2-table-title-name-font-family;
                        font-size: @packages-content2-table-title-name-font-size;
                        color: @packages-content2-table-title-name-color;
						font-weight: @rates-table-title-font-weight;
                    }

                    .hotex-package-rates-terms {
                        text-align: @packages-content2-table-title-terms-text-align;

                        a {
                            font-family: @packages-content2-table-title-terms-font-family;
                            font-size: @packages-content2-table-title-terms-font-size;
                            color: @packages-content2-table-title-terms-color;
                        }

                        a:hover, a:focus {
                            font-family: @packages-content2-table-title-terms-hover-font-family;
                            font-size: @packages-content2-table-title-terms-hover-font-size;
                            color: @packages-content2-table-title-terms-hover-color;
                        }
                    }
                }

                .hotex-package-table-rates-content {
                    margin-top: @packages-content2-table-content-margin-top;
                    margin-bottom: @packages-content2-table-content-margin-bottom;
                    padding-left: @packages-content2-table-content-padding-left;
                    padding-right: @packages-content2-table-content-padding-right;

                    .hotex-package-name {
                        font-family: @packages-content2-table-content-name-font-family;
                        font-size: @packages-content2-table-content-name-font-size;
                        color: @packages-content2-table-content-name-color;
                    }
					.hotex-package-name a {
                        font-family: @packages-content2-table-content-name-font-family;
                        font-size: @packages-content2-table-content-name-font-size;
                        color: @packages-content2-table-content-name-color-link;
                    }

                    .hotex-package-price {
                        font-family: @packages-content2-table-content-price-font-family;
                        font-size: @packages-content2-table-content-price-font-size;
                        color: @packages-content2-table-content-price-color;
                    }

                    .hotex-package-button {
                        text-align: @packages-content2-table-content-button-text-align;
                        margin: @packages-content2-table-content-button-margin;

                        .btn-search {
                            min-width: @packages-content2-table-content-button-min-width;
                        }
                    }
                }
            }
        }
    }
}

//PAGE RATES : POPUP PACKAGE INFORMATION
.hotex-package-information {
    margin: @packages-room-information-popup-box-margin;

    .hotex-package-information-image {
        text-align: @packages-room-information-popup-image-box-padding;

        img {
            width: @packages-room-information-popup-image-width;
            height: @packages-room-information-popup-image-height;
        }
    }

    .hotex-package-information-box-decs {
        .hotex-package-information-title {
            margin: @packages-room-information-popup-title-margin;
            text-align: center;

            .hotex-package-information-title-name {
                text-transform: @packages-room-information-popup-name-text-transform;
                font-size: @packages-room-information-popup-name-font-size;
                font-family: @packages-room-information-popup-name-font-family;
                font-weight: @packages-room-information-popup-name-font-weight;
                color: @packages-room-information-popup-name-color;
            }

            .hotex-package-information-title-promo {
                font-size: @packages-room-information-popup-promo-font-size;
                font-family: @packages-room-information-popup-promo-font-family;
                font-weight: @packages-room-information-popup-promo-font-weight;
                color: @packages-room-information-popup-promo-color;
            }
        }

        .hotex-package-information-validity {
            font-size: @packages-room-information-popup-validity-font-size;
            font-family: @packages-room-information-popup-validity-font-family;
            font-weight: @packages-room-information-popup-validity-font-weight;
            color: @packages-room-information-popup-validity-color;
			text-align: center;
        }

        .hotex-package-information-desc {
            font-size: @packages-room-information-popup-decs-font-size;
            font-family: @packages-room-information-popup-decs-font-family;
            font-weight: @packages-room-information-popup-decs-font-weight;
            color: @packages-room-information-popup-decs-color;
            text-align: @packages-room-information-popup-decs-text-align;
        }

        .hotex-package-information-include {
            text-align: @packages-room-information-popup-include-text-align;


            p {
                font-size: @packages-room-information-popup-include-p-font-size;
                font-family: @packages-room-information-popup-include-p-font-family;
                color: @packages-room-information-popup-include-p-color;
                font-weight: @packages-room-information-popup-include-p-font-weight;
                margin: @packages-room-information-popup-include-p-margin;
            }

            ul {
                font-size: @packages-room-information-popup-include-ul-font-size;
                font-family: @packages-room-information-popup-include-ul-font-family;
                color: @packages-room-information-popup-include-ul-color;
                padding: @packages-room-information-popup-include-ul-padding;
            }
        }
    }

    .hotex-package-information-policy {
        text-align: @packages-room-information-popup-policy-text-align;
        margin: @packages-room-information-popup-policy-margin;

        p {
            font-size: @packages-room-information-popup-policy-p-font-size;
            font-family: @packages-room-information-popup-policy-p-font-family;
            color: @packages-room-information-popup-policy-p-color;
            font-weight: @packages-room-information-popup-policy-p-font-weight;
            margin: @packages-room-information-popup-policy-p-margin;
        }

        ul {
            font-size: @packages-room-information-popup-policy-ul-font-size;
            font-family: @packages-room-information-popup-policy-ul-font-family;
            color: @packages-room-information-popup-policy-ul-color;
            padding: @packages-room-information-popup-policy-ul-padding;
        }
    }
}

//PAGE RATES : POPUP TERMS AND CONDITION
.hotex-rates-terms {
    margin-top: @rates-terms-popup-box-margin-top;
    padding: @rates-terms-popup-box-padding;

    .hotex-rates-terms-hotel-name {
        text-transform: @rates-terms-popup-hotel-name-text-transform;
        color: @rates-terms-popup-hotel-name-color;
        font-size: @rates-terms-popup-hotel-name-font-size;
        font-family: @rates-terms-popup-hotel-name-font-family;
        font-weight: @rates-terms-popup-hotel-name-font-weight;
        text-align: @rates-terms-popup-hotel-name-text-align;
    }

    b {
        color: @rates-terms-popup-title-color;
        font-size: @rates-terms-popup-title-font-size;
        font-family: @rates-terms-popup-title-font-family;
    }

    ul {
        text-align: @rates-terms-popup-item-text-align;
        padding: @rates-terms-popup-item-padding;
        color: @rates-terms-popup-item-color;
        font-size: @rates-terms-popup-item-font-size;
        font-family: @rates-terms-popup-item-font-family;
    }
}

//PAGE DETAIL : RESERVATION INFO
.hotex-reservation-info-box-detail {
    background: @detail-reservation-info-box-background;
    height: @detail-reservation-info-box-height;
    padding-left: @detail-reservation-info-box-padding-left;
    padding-right: @detail-reservation-info-box-padding-right;
    margin: @detail-reservation-info-box-margin;
    min-height: @detail-reservation-info-box-min-height;

    .hotex-shadow-reservation-info {
        -moz-box-shadow: @detail-reservation-info-shadow;
        -webkit-box-shadow: @detail-reservation-info-shadow;
        box-shadow: @detail-reservation-info-shadow;
    }

    .hotex-reservation-info-detail {
        font-size: @detail-reservation-info-font-size;
        font-family: @detail-reservation-info-font-family;
        color: @detail-reservation-info-color;

        .hotex-reservation-info-detail-content2 {
            padding: @detail-reservation-info-content2-padding;

            .hotex-info-content2-box-decs {
                margin: @detail-reservation-info-content2-decs-margin;

                .hotex-info-content2-item {
                    .terms-condition-label {
                        font-family: @detail-reservation-info-content2-decs-label-terms-font-family;
                        font-size: @detail-reservation-info-content2-decs-label-terms-font-size;
                        color: @detail-reservation-info-content2-decs-label-terms-color;
                    }

                    .terms-condition-link {
                        text-transform: @detail-reservation-info-content2-decs-link-terms-text-transform;
                        font-family: @detail-reservation-info-content2-decs-link-terms-font-family;
                        font-size: @detail-reservation-info-content2-decs-link-terms-font-size;
                        color: @detail-reservation-info-content2-decs-link-terms-color;
                        text-decoration: @detail-reservation-info-content2-decs-link-terms-text-decoration;
                    }

                    .terms-condition-link:hover, .terms-condition-link:focus {
                        font-family: @detail-reservation-info-content2-decs-link-terms-hover-font-family;
                        font-size: @detail-reservation-info-content2-decs-link-terms-hover-font-size;
                        color: @detail-reservation-info-content2-decs-link-terms-hover-color;
                        text-decoration: @detail-reservation-info-content2-decs-link-terms-hover-text-decoration;
                    }
                }
            }

            #reservRoomM {
                background-color: @detail-reservation-info-content2-item-background-color;
                margin: @detail-reservation-info-content2-item-margin;

                .hotex-info-content2-input {
                    padding: @detail-reservation-info-content2-item-padding;
                    min-height: @detail-reservation-info-content2-item-min-height;

                    label {
                        font-family: @detail-reservation-info-content2-item-label-font-family;
                        font-size: @detail-reservation-info-content2-item-label-font-size;
                        color: @detail-reservation-info-content2-item-label-color;
                        text-align: @detail-reservation-info-content2-item-label-text-align;
                        padding-left: @detail-reservation-info-content2-item-label-padding-left;
                        /*min-height: @detail-reservation-info-content2-item-label-min-height;*/
                    }

                    .col-sm-3 {
                        margin-top: @detail-reservation-info-content2-colom-margin-top;
                    }
                }

                .hotex-info-content2-average {
                    text-align: @detail-reservation-info-content2-item-acumulasi-text-align;
                    padding: @detail-reservation-info-content2-item-acumulasi-padding;
                    min-height: @detail-reservation-info-content2-item-acumulasi-min-height;

                    label {
                        height: @detail-reservation-info-content2-item-acumulasi-label-height;
                        font-family: @detail-reservation-info-content2-item-acumulasi-label-font-family;
                        font-size: @detail-reservation-info-content2-item-acumulasi-label-font-size;
                        color: @detail-reservation-info-content2-item-acumulasi-label-color;
                    }

                    .rate-details-button {
                        font-family: @detail-reservation-info-content2-item-link-acumulasi-font-family;
                        font-size: @detail-reservation-info-content2-item-link-acumulasi-font-size;
                        color: @detail-reservation-info-content2-item-link-acumulasi-color;
                        text-decoration: @detail-reservation-info-content2-item-link-acumulasi-text-decoration;
                    }

                    .rate-details-button:hover, .rate-details-button:focus {
                        font-family: @detail-reservation-info-content2-item-link-acumulasi-hover-font-family;
                        font-size: @detail-reservation-info-content2-item-link-acumulasi-hover-font-size;
                        color: @detail-reservation-info-content2-item-link-acumulasi-hover-color;
                        text-decoration: @detail-reservation-info-content2-item-link-acumulasi-hover-text-decoration;
                    }
                }

                .hotex-info-content2-button {
                    min-height: @detail-reservation-info-content2-button-close-min-height;

                    .close {
                        margin-bottom: @detail-reservation-info-content2-button-close-margin-bottom;
                    }
                }

                .hotex-info-content2-acumulasi-label {
                    label {
                        padding-top: @detail-reservation-info-content2-item-acumulasi-label-padding-top;
                    }
                }
            }

            .hotex-info-content2-item {
                .hotex-resrve-addon-title {
                    padding: @detail-reservation-info-content2-addon-padding;
                }

                .hotex-button-upadate {
                    padding: @detail-reservation-info-content2-button-upadate-padding;
                    margin: @detail-reservation-info-content2-button-upadate-margin;
                    min-height: @detail-reservation-info-content2-button-upadate-min-height;

                    .btn-search {
                        min-width: @detail-reservation-info-content2-button-upadate-min-width;
                    }
                }
            }

            .hotex-info-childern {
                margin: @detail-reservation-info-content2-item-margin;
                padding: 0;

                .text-right {
                    text-align: left;
                }
            }

            .hotex-info-content2-item-addon {
                .hotex-info-content2-item {
                    margin: @detail-reservation-info-content2-addon-margin;

                    ul {
                        padding-left: @detail-reservation-info-content2-addon-item-padding-left;
                    }
                }
            }

            .hotex-box-detail-title {
                background-color: @detail-reservation-info-content2-box-title-background-color;
                color: @detail-reservation-info-content2-box-title-color;
                opacity: @detail-reservation-info-content2-box-title-opacity;
                line-height: @detail-reservation-info-content2-box-title-line-height;
                margin: @detail-reservation-info-content2-box-title-margin;
                padding: @detail-reservation-info-content2-box-title-padding;

                label {
                    margin: @detail-reservation-info-content2-box-title-label-padding;
                }
            }

            .hotex-box-detail-note {
                padding: @detail-reservation-info-content2-note-padding;
                width: @detail-reservation-info-content2-note-width;
                margin: @detail-reservation-info-content2-note-margin;

                ul {
                    padding: @detail-reservation-info-content2-note-ul-padding;
                }
            }
        }
    }
}

//PAGE DETAIL : POPUP MODIFICATION SEARCH
.hotex-modification-search {
    padding: @detail-modification-popup-padding;

    .input-label {
        min-height: @detail-modification-popup-input-label-min-height;
        text-align: @detail-modification-popup-input-label-text-align;

        .inline-label {
            vertical-align: @detail-modification-popup-inline-label-vertical-align;
        }
    }

    .hotex-modification-search-button {
        max-height: 30px;
        margin-top: 150px;

        .btn-search {
            margin-top: 10px;
        }
    }

    .input-group-addon {
        padding: 4px 6px 2px 7px;
        font-size: @font-size-default - 3;
    }

    .col-xs-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    ._dateSearch {
        padding-left: 4px;
        padding-right: 4px;

        .input-label {
            min-height: @detail-modification-popup-date-input-label-min-height;
            text-align: @detail-modification-popup-date-input-label-text-align;
        }
    }

    .btn-search {
        margin-top: @detail-modification-popup-button-margin-top;
    }
}

//PAGE DETAIL : COLLAPSE BOX
.hotex-all-collapse-box {
    text-align: @detail-collapse-text-align;
    padding-right: @detail-collapse-padding-right;
    padding-left: @detail-collapse-padding-left;

    .panel-group {
        margin-bottom: 40px;
    }

    .panel-body {
        padding: @detail-collapse-panel-body-padding;
    }

    .panel-title {
        text-align: @detail-collapse-panel-title-text-align;
        text-transform: @detail-collapse-panel-title-text-transform;
        font-size: @detail-collapse-panel-title-font-size;
        font-family: @detail-collapse-panel-title-font-family;
        color: @detail-collapse-panel-title-color;
        margin: @detail-collapse-panel-title-margin;
    }

    .hotex-form {
        padding: @detail-collapse-form-padding;
    }
}

//PAGE DETAIL : COLLAPSE ADDON
.hotex-addon-body {
    margin: @detail-collapse-addon-border-margin;

    .hotex-border {
        margin-top: @detail-collapse-addon-border-margin-top;
        padding: @detail-collapse-addon-border-padding;
    }

    .hotex-group-addon {
        margin-top: @detail-collapse-addon-group-margin-top;

        .hotex-group-addon-title {
            margin: @detail-collapse-addon-group-title-margin;
            text-transform: @detail-collapse-addon-group-title-text-transform;
            color: @detail-collapse-addon-group-title-color;
            font-family: @detail-collapse-addon-group-title-font-family;
            font-size: @detail-collapse-addon-group-title-font-size;
        }

        .hotex-group-addon-item {
            margin: @detail-collapse-addon-item-group-margin;

            .hotex-box-addon-item {
                padding: @detail-collapse-addon-box-item-padding;

                .hotex-box-addon {
                    min-height: @detail-collapse-addon-box-min-height;

                    .hotex-box-addon-image {
                        text-align: @detail-collapse-addon-img-box-text-align;
                        margin-bottom: @detail-collapse-addon-img-box-margin-bottom;

                        span {
                            img {
                                width: @detail-collapse-addon-img-width;
                                height: @detail-collapse-addon-img-height;
                            }
                        }

                        .hotex-box-addon-currency {
                            background-color: @detail-collapse-addon-currency-background-color;
                            color: @detail-collapse-addon-currency-color;
                            font-family: @detail-collapse-addon-currency-font-family;
                            font-size: @detail-collapse-addon-currency-font-size;
                            font-weight: @detail-collapse-addon-currency-font-weight;
                            text-align: @detail-collapse-addon-currency-text-align;
                            margin: @detail-collapse-addon-currency-margin;
                            padding: @detail-collapse-addon-currency-padding;
                            width: @detail-collapse-addon-currency-width;

                            label {
                                margin: @detail-collapse-addon-currency-label-margin;
                                padding: @detail-collapse-addon-currency-label-padding;
                            }
                        }
                    }

                    .hotex-box-addon-input {
                        background-color: @detail-collapse-addon-input-box-background-color;
                        text-align: @detail-collapse-addon-input-box-text-align;
                        padding: @detail-collapse-addon-input-box-padding;
                        width: @detail-collapse-addon-input-box-width;
                        margin: @detail-collapse-addon-input-box-margin;

                        .hotex-addon-title {
                            a {
                                font-size: @detail-collapse-addon-input-title-font-size;
                                font-weight: @detail-collapse-addon-input-title-font-weight;
                                font-family: @detail-collapse-addon-input-title-font-family;
                                text-decoration: @detail-collapse-addon-input-title-text-decoration;
                                color: @detail-collapse-addon-input-title-color;
                            }

                            a:hover, a:focus {
                                font-size: @detail-collapse-addon-input-title-font-size;
                                font-weight: @detail-collapse-addon-input-title-font-weight;
                                font-family: @detail-collapse-addon-input-title-font-family;
                                text-decoration: @detail-collapse-addon-input-title-text-decoration;
                                color: @detail-collapse-addon-input-title-color;
                            }
                        }

                        .hotex-addon-quantity-label {
                            padding: @detail-collapse-addon-input-quantity-label-padding;

                            label {
                                font-size: @detail-collapse-addon-input-quantity-label-font-size;
                                font-weight: @detail-collapse-addon-input-quantity-label-font-weight;
                                color: @detail-collapse-addon-input-quantity-label-color;
                                font-family: @detail-collapse-addon-input-quantity-label-font-family;
                            }
                        }

                        .hotex-addon-input-quantity {
                            .hotex-addon-item-min, .hotex-addon-item-max {
                                height: @detail-collapse-addon-quantity-button-height;
                                font-size: @detail-collapse-addon-quantity-button-font-size;
                                font-family: @detail-collapse-addon-quantity-button-font-family;
                                color: @detail-collapse-addon-quantity-button-color;
                                background-color: @detail-collapse-addon-quantity-button-background-color;
                            }

                            .hotex-addon-item-min:hover, .hotex-addon-item-min:focus,
                            .hotex-addon-item-max:hover, .hotex-addon-item-max:focus {
                                height: @detail-collapse-addon-quantity-button-hover-height;
                                font-size: @detail-collapse-addon-quantity-button-hover-font-size;
                                font-family: @detail-collapse-addon-quantity-button-hover-font-family;
                                color: @detail-collapse-addon-quantity-button-hover-color;
                                background-color: @detail-collapse-addon-quantity-button-hover-background-color;
                            }

                            input {
                                height: @detail-collapse-addon-quantity-input-hover-height;
                                font-size: @detail-collapse-addon-quantity-input-hover-font-size;
                                font-family: @detail-collapse-addon-quantity-input-hover-font-family;
                                color: @detail-collapse-addon-quantity-input-hover-color;
                                background-color: @detail-collapse-addon-quantity-input-hover-background-color;
                            }
                        }

                        .hotex-box-addon-cost {
                            margin: @detail-collapse-addon-cost-box-margin;

                            .hotex-addon-cost-glyphicon {
                                span {
                                    color: @detail-collapse-addon-cost-glyphicon-color;
                                    font-size: @detail-collapse-addon-cost-glyphicon-font-size;
                                }
                            }

                            .hotex-addon-cost {
                                font-size: @detail-collapse-addon-cost-font-size;
                                font-family: @detail-collapse-addon-cost-font-family;
                                color: @detail-collapse-addon-cost-color;
                                text-align: @detail-collapse-addon-cost-text-align;
                            }
                        }
                    }
                }
            }
        }
    }
}

//PAGE DETAIL : POPUP ADDON INFORMATION
.hotex-addon-information {
    text-align: @detail-collapse-addon-information-box-text-align;
    padding: @detail-collapse-addon-information-box-padding;

    .hotex-addon-information-image {
        img {
            width: @detail-collapse-addon-information-img-width;
            height: @detail-collapse-addon-information-img-height;
        }
    }

    .hotex-addon-information-title {
        padding: @detail-collapse-addon-information-title-padding;
        text-transform: @detail-collapse-addon-information-title-font-transform;
        color: @detail-collapse-addon-information-title-color;
        font-family: @detail-collapse-addon-information-title-font-family;
        font-size: @detail-collapse-addon-information-title-font-size;
        font-weight: @detail-collapse-addon-information-title-font-weight;
    }

    .hotex-addon-information-desc {
        color: @detail-collapse-addon-information-desc-color;
        font-family: @detail-collapse-addon-information-desc-font-family;
        font-size: @detail-collapse-addon-information-desc-font-size;
        text-align: @detail-collapse-addon-information-desc-text-align;
    }
}

//PAGE DETAIL : COLLAPSE GUEST DETAIL
#guestDetailSection {
    margin: @detail-collapse-panel-guest-margin;

    .form-group {
        padding-right: 0px;
    }

    .hotex-guest-details {
        padding-top: @detail-collapse-guest-padding-top;
        padding-right: 0px;

        .hotex-guest-details-item {
            label {
                color: @detail-collapse-guest-item-color;
                font-family: @detail-collapse-guest-item-font-family;
                font-size: @detail-collapse-guest-item-font-size;
                font-weight: @detail-collapse-guest-item-font-weight;
            }

            .hotex-input-no-visible {
                background-color: @detail-collapse-guest-item-input-no-visible-background-color;
                color: @detail-collapse-guest-item-input-no-visible-color;
                cursor: @detail-collapse-guest-item-input-no-visible-cursor;
            }

            .hotex-year-birth-input {
                width: @detail-collapse-guest-item-birth-year-width;
            }

            .help-block {
                color: @detail-collapse-guest-item-help-block-color;
                font-family: @detail-collapse-guest-item-help-block-font-family;
                font-size: @detail-collapse-guest-item-help-block-font-size;
            }
        }
    }
}

//PAGE DETAIL : COLLAPSE FLIGHT
.hotex-flight-panel {
    margin-top: @detail-collapse-flight-button-box-margin-top;

    .panel-title {
        margin: @detail-collapse-flight-title-margin;
    }

    a {
        padding: @detail-collapse-flight-button-padding;
        background-color: @detail-collapse-flight-button-background-color;
        color: @detail-collapse-flight-button-color;
        text-align: @detail-collapse-flight-button-text-align;
        cursor: @detail-collapse-flight-button-cursor;
        background-image: @detail-collapse-flight-button-background-image;
        border: @detail-collapse-flight-button-border;
        white-space: @detail-collapse-flight-button-white-space;
        font-size: @detail-collapse-flight-button-font-size;
        border-radius: @detail-collapse-flight-button-border-radius;
        -webkit-user-select: @detail-collapse-flight-button-user-select;
        -moz-user-select: @detail-collapse-flight-button-user-select;
        -ms-user-select: @detail-collapse-flight-button-user-select;
        user-select: @detail-collapse-flight-button-user-select;
    }

    a:hover,
    a:focus {
        color: @detail-collapse-flight-button-hover-color;
        text-decoration: @detail-collapse-flight-button-hover-text-decoration;
    }
}

#flightCollapse {
    .hotex-flight-details {
        .hotex-arrival {
            width: @detail-collapse-flight-arrival-width;
            margin: @detail-collapse-flight-arrival-margin;

            .hotex-arrival-item {
                strong {
                    font-family: @detail-collapse-flight-arrival-title-font-family;
                    font-size: @detail-collapse-flight-arrival-title-font-size;
                    font-weight: @detail-collapse-flight-arrival-title-font-weight;
                    color: @detail-collapse-flight-arrival-title-color;
                }

                label {
                    font-family: @detail-collapse-flight-arrival-label-font-family;
                    font-size: @detail-collapse-flight-arrival-label-font-size;
                    font-weight: @detail-collapse-flight-arrival-label-font-weight;
                    color: @detail-collapse-flight-arrival-label-color;
                }
            }
        }
    }

    .hotex-depature {
        width: @detail-collapse-flight-depature-width;
        margin: @detail-collapse-flight-depature-margin;

        .hotex-depature-item {
            strong {
                font-family: @detail-collapse-flight-depature-title-font-family;
                font-size: @detail-collapse-flight-depature-title-font-size;
                font-weight: @detail-collapse-flight-depature-title-font-weight;
                color: @detail-collapse-flight-depature-title-color;
            }

            label {
                font-family: @detail-collapse-flight-depature-label-font-family;
                font-size: @detail-collapse-flight-depature-label-font-size;
                font-weight: @detail-collapse-flight-depature-label-font-weight;
                color: @detail-collapse-flight-depature-label-color;
            }
        }
    }
}

//PAGE DETAIL : COLLAPSE SPECIAL REQUEST
.hotex-special-panel {
    .panel-title {
        margin: @detail-collapse-special-title-margin;
    }

    a {
        padding: @detail-collapse-special-button-padding;
        background-color: @detail-collapse-special-button-background-color;
        color: @detail-collapse-special-button-color;
        text-align: @detail-collapse-special-button-text-align;
        cursor: @detail-collapse-special-button-cursor;
        background-image: @detail-collapse-special-button-background-image;
        border: @detail-collapse-special-button-border;
        white-space: @detail-collapse-special-button-white-space;
        font-size: @detail-collapse-special-button-font-size;
        border-radius: @detail-collapse-special-button-border-radius;
        -webkit-user-select: @detail-collapse-special-button-user-select;
        -moz-user-select: @detail-collapse-special-button-user-select;
        -ms-user-select: @detail-collapse-special-button-user-select;
        user-select: @detail-collapse-special-button-user-select;
    }

    a:hover,
    a:focus {
        color: @detail-collapse-special-button-hover-color;
        text-decoration: @detail-collapse-special-button-hover-text-decoration;
    }
}

.hotex-box-special {
    font-family: @detail-collapse-box-special-font-family;
    font-size: @detail-collapse-box-special-font-size;
    color: @detail-collapse-box-special-color;
    margin-top: @detail-collapse-box-special-margin-top;

    .hotex-box-special-item {
        .form-group {
            margin-bottom: @detail-collapse-box-special-item-margin-bottom;
        }
    }

    span {
        padding: @detail-collapse-box-special-span-padding;
    }
}

//PAGE PAYMENT : RESERVATION INFO
.hotex-reservation-info-box-payment {
    padding: @detail-reservation-info-box-shadow;

    .hotex-shadow-reservation-info {
        -moz-box-shadow: @detail-reservation-info-shadow;
        -webkit-box-shadow: @detail-reservation-info-shadow;
        box-shadow: @detail-reservation-info-shadow;
    }

    .hotex-reservation-info-payment {
        background: @payment-reservation-info-background;
        margin: @payment-reservation-info-margin;
        min-height: @payment-reservation-info-min-height;

        .hotex-reservation-info-payment-content2 {
            padding: @payment-reservation-info-content2-padding;

            .hotex-box-payment-title {
                padding: @payment-reservation-info-content2-title-padding;
                background-color: @payment-reservation-info-content2-title-background-color;
                color: @payment-reservation-info-content2-title-color;
                opacity: @payment-reservation-info-content2-title-opacity;
                line-height: @payment-reservation-info-content2-title-line-height;

                label {
                    margin: @payment-reservation-info-content2-label-margin;
                }
            }

            .hotex-payment-guest-detail {
                background-color: @payment-reservation-info-content2-content-guest-detail-background-color;
            }

            .hotex-box-payment-content {
                padding: @payment-reservation-info-content2-content-padding;
            }
        }
    }
}

//PAGE PAYMENT : GUEST LIST PANEL
.hotex-box-guestList {
    .hotex-guest-list-title {
        padding: @payment-guest-box-title-padding;
        font-family: @payment-guest-box-title-font-family;
        font-size: @payment-guest-box-title-font-size;
        color: @payment-guest-box-title-color;
        text-transform: @payment-guest-box-title-text-transform;
    }

    .hotex-guest-form-title {
        margin: @payment-guest-form-title-margin;
        padding: @payment-guest-form-title-padding;
        text-align: @payment-guest-form-title-text-align;
        font-family: @payment-guest-form-title-font-family;
        font-size: @payment-guest-form-title-font-size;
        color: @payment-guest-form-title-color;
    }

    .hotex-room-request-label {
        font-family: @payment-guest-request-title-font-family;
        font-size: @payment-guest-request-title-font-size;
        font-weight: @payment-guest-request-title-font-weight;
        color: @payment-guest-request-title-color;
    }

    .hotex-note-label {
        font-family: @payment-guest-note-title-font-family;
        font-size: @payment-guest-note-title-font-size;
        font-weight: @payment-guest-note-title-font-weight;
        color: @payment-guest-note-title-color;
    }

    .form-group {
        margin: @payment-guest-box-form-margin;
    }
}

//PAGE PAYMENT : PAYMENT PANEL
.hotex-panel-payment {
    margin: @payment-panel-margin;

    .hotex-pax-payment {
        .hotex-card-information {
            margin: @payment-pax-card-information-margin;

            label {
                text-transform: @payment-pax-card-information-title-text-transform;
                font-size: @payment-pax-card-information-title-font-size;
                font-family: @payment-pax-card-information-title-font-family;
                color: @payment-pax-card-information-title-color;
            }

            ul {
                margin: @payment-pax-card-information-ul-margin;
                font-size: @payment-pax-card-information-ul-font-size;
                font-family: @payment-pax-card-information-ul-font-family;
                color: @payment-pax-card-information-ul-color;
            }
        }

        .hotex-payment-form {
            .form-group {
                label {
                    font-size: @payment-form-label-font-size;
                    font-family: @payment-form-label-font-family;
                    color: @payment-form-label-color;
                }
            }

            .hotex-cvv-number-info {
                padding: @payment-form-cvv-number-info-padding;
            }
        }
    }
}

//PAGE PACKAGES : CONTENT 1
.hotex-box-packages {
    text-align: @page-packages-text-align;
    padding: @page-packages-padding;
    margin: @page-packages-margin;

    .hotex-packages-image {
        img {
            width: @page-packages-img-width;
            height: @page-packages-img-height;
        }
    }

    .hotex-package-information-content1 {
        margin-top: @page-packages-content1-margin-top;

        .btn-packages {
            text-transform: @page-packages-content1-link-text-transform;
			font-family: @font-family-heading;
			font-size: @page-packages-content1-link-font-size;
        }

        span {
            color: @page-packages-content1-span-color;
        }

        .hotex-package-minlos {
            color: @page-packages-content1-minlos-color;
            text-transform: @page-packages-content1-minlos-text-transform;
        }

        .hotex-package-information-desc {
            font-weight: @page-packages-content1-desc-font-weight;
            padding: @page-packages-content1-desc-padding;
            font-size: @page-packages-content1-desc-font-size;
            font-family: @page-packages-content1-desc-font-family;
            color: @page-packages-content1-desc-color;
            text-align: @page-packages-content1-desc-text-align;
        }
    }

    .hotex-package-information-price {
        margin-top: @page-packages-content1-price-margin-top;
        padding-right: @page-packages-content1-price-padding-right;
        padding-left: @page-packages-content1-price-padding-left;

        .hotex-package-price-label {
            padding: @page-packages-content1-price-label-padding;
            font-size: @page-packages-content1-price-label-font-size;
            font-family: @page-packages-content1-price-label-font-family;
            color: @page-packages-content1-price-label-color;
        }

        .hotex-package-price-button {
            padding: @page-packages-content1-price-button-padding;
        }
    }
}

//PAGE PACKAGES : CONTENT 2
.hotex-packages-detail {
    background-color: @page-packages-content2-detail-background-color;
    text-align: @page-packages-content2-detail-text-align;
    margin: @page-packages-content2-detail-margin;
    padding: @page-packages-content2-detail-padding;

    label {
        margin: @page-packages-content2-title-margin;
        color: @page-packages-content2-title-color;
        text-transform: @page-packages-content2-title-text-transform;
        font-size: @page-packages-content2-title-font-size;
        font-family: @page-packages-content2-title-font-family;
    }

    ul {
        margin: @page-packages-content2-ul-margin;
        font-size: @page-packages-content2-ul-font-size;
        font-family: @page-packages-content2-ul-font-family;
        color: @page-packages-content2-ul-color;
        text-align: @page-packages-content2-ul-text-align;
    }
}

//PAGE PACKAGES : CONTENT 3
.hotex-packages-information-content3 {
    text-align: @page-packages-content3-text-align;
    margin-bottom: @page-packages-content3-margin-bottom;

    .hotex-package-information-title {
        text-transform: @page-packages-content3-title-text-transform;
        margin: @page-packages-content3-title-margin;
        font-size: @page-packages-content3-title-font-size;
        font-family: @page-packages-content3-title-font-family;
        color: @page-packages-content3-title-color;
    }

    .hotex-box-other-packages {
        .hotex-other-packages-image {
            margin: @page-packages-content3-other-img-margin;

            img {
                width: @page-packages-content3-other-img-width;
                height: @page-packages-content3-other-img-height;
            }
        }

        .hotex-other-packages-content {
            margin: @page-packages-content3-other-margin;

            .package-information-button {
                text-transform: @page-packages-content3-other-button-information-text-transform;
				font-family: @page-packages-content3-other-button-information-font-family;
				font-size: @page-packages-content3-other-button-information-font-size;
            }

            .hotex-other-packages-promo {
                label {
                    font-size: @page-packages-content3-other-promo-font-size;
                    font-family: @page-packages-content3-other-promo-font-family;
                    color: @page-packages-content3-other-promo-color;
					font-weight: 400;
					text-transform: @page-packages-content3-other-promo-text-transform;
                }
            }

            .hotex-other-packages-valid {
                margin: @page-packages-content3-other-valid-margin;
                font-family: @page-packages-content3-other-valid-font-family;
                font-style: @page-packages-content3-other-valid-font-style;
                font-size: @page-packages-content3-other-valid-font-size;
                color: @page-packages-content3-other-valid-color;
            }

            .hotex-package-information-desc {
                font-weight: @page-packages-content3-other-desc-font-weight;
                margin: @page-packages-content3-other-desc-margin;
                font-size: @page-packages-content3-other-desc-font-size;
                font-family: @page-packages-content3-other-desc-font-family;
                color: @page-packages-content3-other-desc-color;
                text-align: @page-packages-content3-other-desc-text-align;

                .package-information-button {
                    text-transform: @page-packages-content3-other-desc-button-text-transform;
                }
            }

            .hotex-other-packages-avarage {
                margin: @page-packages-content3-other-avarage-height;

                .hotex-rate-name {
                    color: @page-packages-content3-other-avarage-name-color;
                    font-size: @page-packages-content3-other-avarage-name-font-size;
                    font-family: @page-packages-content3-other-avarage-name-font-family;
					font-weight: @page-packages-content3-other-avarage-name-font-weight;
                }

                button {
                    margin: @page-packages-content3-other-avarage-button-margin;
                }

                .hotex-rate-currancy {
                    color: @page-packages-content3-other-avarage-currancy-color;
                    font-size: @page-packages-content3-other-avarage-currancy-font-size;
                    font-family: @page-packages-content3-other-avarage-currancy-font-family;
                    padding-top: @page-packages-content3-other-avarage-currancy-padding-top;
                    width: @page-packages-content3-other-avarage-currancy-width;
                }
            }
        }
    }
}

.hotex-secure-payment {
    text-align: center;
    margin: @payment-secure-margin;
}

//PAGE ACCOMODATION : CONTENT 1 BOX
.hotex-accomodation-content1 {
    h3 {
        font-size: @accomodation-content1-h3-font-size;
        font-family: @accomodation-content1-h3-font-family;
        font-weight: @accomodation-content1-h3-font-weight;
        color: @accomodation-content1-h3-color;
        text-align: @accomodation-content1-h3-text-align;
        text-transform: @accomodation-content1-h3-text-transform;
    }

    .hotex-accomodation-box {
        text-align: @accomodation-box-text-align;
        padding: @accomodation-box-padding;
        margin: @accomodation-box-margin;

        .hotex-accomodation-box-mobile1 {
            padding-right: 5px;
        }

        .hotex-accomodation-box-mobile {
            padding-left: 5px;
        }

        .hotex-accomodation-box-item {
            border: @accomodation-box-item-border;
            padding: @accomodation-box-item-padding;
            border: @accomodation-box-item-border;
            margin: @accomodation-box-item-margin;

            .hotex-accomodation-title {
                padding: @accomodation-box-title-padding;
                text-transform: @accomodation-box-title-text-transform;
                font-size: @accomodation-box-title-font-size;
                font-family: @accomodation-box-title-font-family;
                color: @accomodation-box-title-color;
                border-bottom: @accomodation-box-title-border-bottom;
            }

            .hotex-accomodation-content {
                padding: @accomodation-box-content-padding;
                font-size: @accomodation-box-content-font-size;
                font-family: @accomodation-box-content-font-family;
                color: @accomodation-box-content-color;
            }
        }
    }
}

//PAGE ACCOMODATION : CONTENT 2 SLIDER AMENITIES
.hotex-accomodation-content2 {
    .hotex-box-amenities {
        text-align: @accomodation-content2-text-align;
        padding: @accomodation-content2-padding;
        margin: @accomodation-content2-margin;

        .hotex-box-amenities-item {
            padding: @accomodation-content2-amenities-padding;

            .hotex-box-slide-image {
                img {
                    width: @accomodation-content2-amenities-img-width;
                    height: @accomodation-content2-amenities-img-height;
                }
            }

            .hotex-box-slide-room {
                label {
                    margin-top: @accomodation-content2-amenities-title-margin-top;
                    font-size: @accomodation-content2-amenities-title-font-size;
                    font-family: @accomodation-content2-amenities-title-font-family;
                    color: @accomodation-content2-amenities-title-color;
                    text-transform: @accomodation-content2-amenities-title-text-transform;
					font-weight: @accomodation-content2-amenities-title-font-weight;
					height: @accomodation-content2-amenities-title-font-height !important;
                }

                p {
                    font-size: @accomodation-content2-amenities-decs-font-size;
                    font-family: @accomodation-content2-amenities-decs-font-family;
                    color: @accomodation-content2-amenities-decs-color;
                    text-align: @accomodation-content2-amenities-decs-text-align;
                }
            }

            .hotex-box-slide-amenities {
                padding: @accomodation-content2-amenities-item-padding;

                label {
                    font-size: @accomodation-content2-amenities-label-font-size;
                    font-family: @accomodation-content2-amenities-label-font-family;
                    color: @accomodation-content2-amenities-label-color;
                }

                ul {
                    margin: @accomodation-content2-amenities-ul-margin;
                    list-style: @accomodation-content2-amenities-ul-list-style;
                    font-size: @accomodation-content2-amenities-ul-font-size;
                    font-family: @accomodation-content2-amenities-ul-font-family;
                    color: @accomodation-content2-amenities-ul-color;
                }
            }
        }
    }
}

//PAGE FACILITIES : CONTENT 1
.hotex-facilities-content1 {
    .hotex-facilities-title {
        text-transform: @facilities-content1-title-text-transform;

        label {
            padding: @facilities-content1-title-label-padding;
            font-size: @facilities-content1-title-label-font-size;
            font-family: @facilities-content1-title-label-font-family;
            color: @facilities-content1-title-label-color;
			font-weight: @facilities-content1-title-label-font-weight;
        }

        h4 {
            font-size: @facilities-content1-title-h4-font-size;
            font-family: @facilities-content1-title-h4-font-family;
            color: @facilities-content1-title-h4-color;
        }
    }

    .hotex-facilities-box {
        margin: @facilities-content1-box-margin;
        text-align: @facilities-content1-box-text-align;

        .hotex-facilities-group-entry {
            .hotex-facilities-entry {
                font-size: @facilities-content1-entry-font-size;
                font-family: @facilities-content1-entry-font-family;
                color: @facilities-content1-entry-color;
            }
        }
    }
}

//PAGE FACILITIES : CONTENT 2
.hotex-facilities-content2 {
    .hotex-facilities-title {
        padding: @facilities-content2-title-padding;
        text-transform: @facilities-content2-title-text-transform;

        h4 {
            font-size: @facilities-content2-title-h4-font-size;
            font-family: @facilities-content2-title-h4-font-family;
            color: @facilities-content2-title-h4-color;
        }
    }

    .hotex-facilities-box {
        text-align: @facilities-content2-box-text-align;
        margin: @facilities-content2-box-margin;

        .hotex-facilities-group {
            .hotex-facilities-item {
                padding: @facilities-content2-item-padding;

                .hotex-facilities-information-box {
                    border: @facilities-content2-information-box-border;
                    width: @facilities-content2-information-box-width;
                    margin: @facilities-content2-information-box-margin;

                    .hotex-information-image {
                        background-color: @facilities-content2-information-name-background-color;
                        color: @facilities-content2-information-name-color;
                        text-transform: @facilities-content2-information-name-text-transform;
                        font-family: @facilities-content2-information-name-font-family;
                        font-size: @facilities-content2-information-name-font-size;
                        width: @facilities-content2-information-img-box-width;
                        height: @facilities-content2-information-img-box-height;

                        img {
                            width: @facilities-content2-information-img-width;
                            height: @facilities-content2-information-img-height;
                        }
                    }

                    .hotex-information-name {
                        margin: @facilities-content2-information-name-margin;
                        width: @facilities-content2-information-name-width;
                        padding: @facilities-content2-information-name-padding;
						color: @facilities-content2-information-name-color;
						font-size: @facilities-content2-information-name-font-size;
						text-transform: @facilities-content2-information-name-text-transform;
						background: @facilities-content2-information-name-background-color;
                    }

                    .hotex-information-desc {
                        text-align: @facilities-content2-information-desc-text-align;
                        font-family: @facilities-content2-information-desc-font-family;
                        font-size: @facilities-content2-information-desc-font-size;
                        color: @facilities-content2-information-desc-color;
                        margin: @facilities-content2-information-desc-margin;
                        width: @facilities-content2-information-desc-width;
                        padding: @facilities-content2-information-desc-padding;
                    }
                }
            }
        }
    }
}

//PAGE LOCATION : CONTENT 1
.hotex-location-title {
    text-align: @location-content1-title-text-align;
    text-transform: @location-content1-title-text-transform;

    h3 {
        font-weight: @location-content1-title-h3-font-weight;
        font-size: @location-content1-title-h3-font-size;
        font-family: @location-content1-title-h3-font-family;
        color: @location-content1-title-h3-color;
    }
}

.hotex-point-interest {
    .hotex-point-interest-title {
        text-align: @location-content1-point-interest-title-text-align;
        text-transform: @location-content1-point-interest-title-text-transform;

        h4 {
            font-size: @location-content1-point-interest-title-h4-font-size;
            font-family: @location-content1-point-interest-title-h4-font-family;
            color: @location-content1-point-interest-title-h4-color;
        }
    }

    .hotex-point-interest-box {
        text-align: @location-content1-point-interest-box-text-align;
        padding-left: @location-content1-point-interest-box-padding-left;
        padding-right: @location-content1-point-interest-box-padding-right;

        .hotex-point-interest-item {
            border: @location-content1-point-interest-item-border;
            width: @location-content1-point-interest-item-width;
            padding: @location-content1-point-interest-item-padding;
            margin: @location-content1-point-interest-item-margin;

            .hotex-interest-name {
                padding: @location-content1-point-interest-name-padding;
                font-size: @location-content1-point-interest-name-font-size;
                font-family: @location-content1-point-interest-name-font-family;
                color: @location-content1-point-interest-name-color;
                border-bottom: @location-content1-point-interest-name-border-bottom;
            }

            .hotex-interest-distance {
                padding: @location-content1-point-interest-distance-padding;
                font-size: @location-content1-point-interest-distance-font-size;
                font-family: @location-content1-point-interest-distance-font-family;
                color: @location-content1-point-interest-distance-color;
            }
        }
    }
}

//PAGE LOCATION : CONTENT 2
.hotex-map-direction-label {
    padding: @location-content2-title-padding;
    text-transform: @location-content2-title-text-transform;
    text-align: @location-content2-title-text-align;

    h4 {
        font-size: @location-content2-title-h4-font-size;
        font-family: @location-content2-title-h4-font-family;
        color: @location-content2-title-h4-color;
    }
}

.hotex-map-direction {
    padding: @location-content2-map-padding;
    text-align: @location-content2-map-text-align;

    #dvMap, img {
        font-weight: @location-content2-map-font-weight;
        width: @location-content2-map-width;
        height: @location-content2-map-height;
        margin: @location-content2-map-margin;
    }

    p {
        text-align: @location-content2-decs-text-align;
        padding: @location-content2-decs-padding;
    }
}

//PAGE RETRIEVE RESERVATION : TABLE LIST RESERVATION
.hotex-retrieve-reservation {
    margin: @retrieve-box-list-margin;

    .hotex-mobile-box-retrieve {
        padding: @retrieve-box-list-padding;

        .hotex-mobile-retrieve {
            text-align: @retrieve-list-text-align;

            .col-xs-5,
            .col-xs-7,
            .col-xs-11,
            .col-xs-1 {
                padding: @retrieve-list-padding;
            }
        }
    }

    .hotex-mobile-retrieve-title {
        padding: @retrieve-title-padding;
        font-size: @retrieve-title-font-size;
        font-family: @retrieve-title-font-family;
        color: @retrieve-title-color;
        text-transform: @retrieve-title-text-transform;
    }

    .hotex-table {
        width: @retrieve-table-width;
        margin: @retrieve-table-margin;
    }

    .hotex-table > thead > tr > th,
    .hotex-table > tbody > tr > th,
    .hotex-table > tfoot > tr > th,
    .hotex-table > thead > tr > td,
    .hotex-table > tbody > tr > td,
    .hotex-table > tfoot > tr > td {
        padding: @retrieve-table-padding;
        line-height: @retrieve-table-line-height;
        vertical-align: @retrieve-table-vertical-align;
        border-top: @retrieve-table-border-top;
    }

    .hotex-no-reservation {
        font-size: @retrieve-no-reservation-font-size;
        font-family: @retrieve-no-reservation-font-family;
        color: @retrieve-no-reservation-color;
    }

    .hotex-button-back {
        margin-top: @retrieve-button-back-margin-top;
        margin-bottom: @retrieve-button-back-margin-bottom;
        text-align: @retrieve-button-back-text-align;
    }
}

//PAGE RETRIEVE RESERVATION : RESERVATION DETAIL
.hotex-reservation-detail {
    margin-top: @retrieve-detail-margin-top;
    padding-left: @retrieve-detail-padding-left;
    padding-right: @retrieve-detail-padding-right;

    .hotex-reservation-detail-header {
        font-size: @retrieve-detail-header-font-size;
        font-family: @retrieve-detail-header-font-family;
        color: @retrieve-detail-header-color;
        padding-left: @retrieve-detail-header-padding-left;
        padding-right: @retrieve-detail-header-padding-right;

        .col-xs-5, .col-xs-1, .col-xs-7 {
            padding: @retrieve-detail-header-padding-colom;
        }
    }

    .hotex-box-retrieve-detail-title {
        background-color: @retrieve-detail-box-title-background-color;
        color: @retrieve-detail-box-title-color;
        font-size: @retrieve-detail-box-title-font-size;
        font-family: @retrieve-detail-box-title-font-family;
        text-transform: @retrieve-detail-box-title-text-transform;
        opacity: @retrieve-detail-box-title-opacity;
        line-height: @retrieve-detail-box-title-line-height;
        margin-top: @retrieve-detail-box-title-margin-top;
        padding-left: @retrieve-detail-box-title-padding-left;

        label {
            margin-bottom: @retrieve-detail-box-title-margin-bottom;
        }
    }

    .hotex-breakdown-detail {
        margin-top: @retrieve-detail-breakdown-margin-top;

        strong {
            margin-left: @retrieve-detail-breakdown-name-margin-left;
            font-size: @retrieve-detail-breakdown-name-font-size;
            font-family: @retrieve-detail-breakdown-name-font-family;
            color: @retrieve-detail-breakdown-name-color;
        }

        .hotex-breakdown-decs {
            margin-top: @retrieve-detail-breakdown-decs-margin-top;
            font-size: @retrieve-detail-breakdown-decs-font-size;
            font-family: @retrieve-detail-breakdown-decs-font-family;
            color: @retrieve-detail-breakdown-decs-color;
        }
    }

    .hotex-reservation-detail-content {
        font-size: @retrieve-detail-content-font-size;
        font-family: @retrieve-detail-content-font-family;
        color: @retrieve-detail-content-color;
        margin-top: @retrieve-detail-content-margin-top;
        margin-left: @retrieve-detail-content-margin-left;
        margin-right: @retrieve-detail-content-margin-right;

        .col-xs-5, .col-xs-7, .col-xs-9, .col-xs-3, .col-xs-2, .col-xs-1, .col-xs-10, .col-xs-12 {
            padding: @retrieve-detail-content-padding-colom;
        }

        .hotex-margin-left {
            margin-left: @retrieve-detail-content-right-margin-left;
        }
    }

    .hotex-reservation-terms {
        margin-top: @retrieve-detail-terms-margin-top;
        font-size: @retrieve-detail-terms-font-size;
        font-family: @retrieve-detail-terms-font-family;
        color: @retrieve-detail-terms-color;

        ul {
            margin-top: @retrieve-detail-terms-ul-margin-top;
            padding-left: @retrieve-detail-terms-ul-padding-left;
        }
    }

    .hotex-reservation-footer {
        margin: @retrieve-detail-footer-margin;
    }
}

//PAGE RETRIEVE RESERVATION : RESERVATION CANCEL
.hotex-reservation-cancel {
    padding: @retrieve-cancel-padding;
    text-align: @retrieve-cancel-text-align;

    strong {
        font-size: @retrieve-cancel-title-font-size;
        font-family: @retrieve-cancel-title-font-family;
        color: @retrieve-cancel-title-color;
    }

    .hotex-box-cancelation-policy {
        margin-top: @retrieve-cancel-policy-margin-top;
        margin-bottom: @retrieve-cancel-policy-margin-bottom;

        ul {
            list-style: @retrieve-cancel-policy-ul-list-style;
            padding-left: @retrieve-cancel-policy-ul-padding-left;
        }
    }
}

//PAGE RETRIEVE RESERVATION : RESERVATION CANCEL POPUP
.hotex-cancel-popup-box {
    padding: @retrieve-cancel-popup-box-padding;
}

//111914 PAGE DETAIL Tombol Back to Top
#buttonBackToTop {
    z-index: @button-back-to-top-z-index !important;
    position: @button-back-to-top-position;
    bottom: @button-back-to-top-bottom;
    right: @button-back-to-top-right;
    background-color: @button-back-to-top-background-color;
    font-family: @button-back-to-top-font-family;
    font-size: @button-back-to-top-font-size;
    text-align: @button-back-to-top-text-align;
    padding: @button-back-to-top-padding;
    cursor: @button-back-to-top-cursor;

    .glyphicon {
        color: @button-back-to-top-glyphicon-color;
        font-size: @button-back-to-top-glyphicon-font-size;
        padding-left: @button-back-to-top-glyphicon-padding-left;
        line-height: @button-back-to-top-glyphicon-line-height;
        margin: @button-back-to-top-glyphicon-margin;
    }

    span {
        color: @button-back-to-top-span-color;
        line-height: @button-back-to-top-span-line-height;
    }
}

//confirmation 04/11/2014
.hotex-confirmation-body {
    margin-bottom: 60px;
    padding: 0 20px 0 20px;

    .hotex-confirmation-button {
        padding: 20px;
        text-align: center;
    }

    .hotex-confirmation-content {
        .hotex-confirmation-title {
            font-size: 14px;
            font-weight: 500;
            line-height: 2;
            padding: 0 0 0 10px;
            background-color: #4D4D4D;
            color: #FFFFFF;
        }

        .hotex-confirmation-information {
            padding: 15px 20px 0 20px;

            .hotex-confirmation-information-label {
                width: 40%;
            }
        }
    }
}

//confirmation 111314
.main-frame {
    margin-left: auto;
    margin-right: auto;
    color: #4D4D4D;
    font-size: 12px;

    .info-title {
        text-transform: uppercase;
        font-size: 16px;
        padding: 10px;
    }

    .hotex-confirm-tabel {
        display: table;
        width: 100%;
    }

    .hotex-confirm-row {
        display: table-row;
        width: 100%;
    }

    .hotex-confirm-cellLbl {
        float: left;
        width: 40%;
        display: table-column;
    }

    .hotex-confirm-cellColon {
        float: left;
        width: 3%;
        text-align: center;
        display: table-column;
    }

    .hotex-confirm-cell {
        float: left;
        width: 57%;
        display: table-column;
    }

    #bookingConfirm {
        margin-left: auto;
        margin-right: auto;

        img {
            width: 100%;
        }
    }

    table {
        font-size: 12px;
    }

    #BookingConfirmTitle {
        background-color: #4D4D4D;
        color: #FFFFFF;

        h3 {
            padding: 8px 15px 8px 15px;
            margin: 0;
            font-size: 16px;
        }
    }

    #content-panel {
        width: 100%;
        margin-top: 10px;
        float: left;

        .content-panel-item {
            width: 100%;
            margin-bottom: 0px;

            .content-panel-title {
                font-size: 14px;
                background: #4D4D4D;
                color: #ffffff;
                border-radius: 0;
                padding: 5px 15px 5px 15px;
            }

            #HypTxtCol {
                padding: 10px 15px 15px 15px;
                font-size: 12px;
                background-color: #F5F5F5;

                .hotex-confirmation-td {
                    width: 130px;
                }

                img {
                    width: 280px;
                }
            }
        }

        .reservationInfo {
            .content-panel-title, #HypTxtCol {
                background: none;
                color: #4D4D4D;
            }
        }

        hr {
            margin-top: 20px;
            border: 1px dotted #4D4D4D;
            border-style: none none dotted;
            margin-left: 30px;
            margin-right: 20px;
        }
    }

    #content-panel {
        margin: 0;
        padding-top: 10px;
        background: #ffffff;
    }

    .voucher-panel {
        background: #f5f5f5;
        padding: 15px;
        width: 100%;

        tr {
            margin: 0 auto;
        }

        td {
            width: 33.3333333%;
            text-align: center;

            img {
                width: 100%;
            }
        }
    }
}

#BookingConfirmationButtons2 {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

#BookingConfirmationButtons {
    padding: 20px 20px 80px 30px;
    text-align: center;
}

//MP Hotel
.hotexmp-box-header1 {
    margin-top: 20px;
}

.hotex-mobile-lang {
    padding: 0;
}

.hotexmp-box-main-image {
    margin-top: 10px;

    img {
        min-height: 210px;
        width: 100%;
        height: 100%;
    }
}



.hotexmp-menu {
    margin-top: 0px;
    opacity: 0.8;
}

.hotexmp-myreserv {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hotexmp-mobile-htllist {
    .control-label {
        font-weight: 900;
        text-transform: uppercase;
    }

    .btn-dropdown-hotelList {
        margin-top: 5px;
        margin-bottom: 20px;
        padding: 10px;
        border-radius: 5px;
    }
}

.hotex-listHotel-title {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.hotex-listHotel-image {
    text-align: center;
    margin-bottom: 10px;

    img {
        width: 85%;
        max-height: 180px;
    }
}

.hotex-hotelList-button {
    text-align: center;
    padding-left: 15px;

    a {
        width: 85%;
        border: none;
        padding: 10px;
        border-radius: 0;
        border-bottom: 1px solid #4d4d4d;
    }
}

.hotex-hotelList-rates {
    text-align: center;
    margin-top: 30px;

    .hotex-hotelList-rates-price {
        font-size: 18px;
    }

    ul {
        padding: 0;
    }

    .btn-search {
        background-color: #C1392B;
    }
}

iframe {
    width: 260px;
    margin: 0 auto;
}

.hotexmp-box-hotel-overview {
    width: @mp-overview-popup-box-max-width;
    padding-top: @mp-overview-popup-box-padding-top;

    .hotexmp-box-hotel-overview-content1 {
        width: @mp-overview-popup-box-max-width;

        .hotexmp-hotel-overview-image {
            padding-bottom: @mp-overview-popup-content1-image-box-padding-bottom;
            width: @mp-overview-popup-content1-image-box-width;

            img {
                width: @mp-overview-popup-content1-image-width;
                height: @mp-overview-popup-content1-image-height;
            }
        }

        .hotexmp-hotel-overview-decs {
            width: @mp-overview-popup-content1-decs-width;

            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 {
        width: @mp-overview-popup-box-max-width;

        .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 {
            margin: @mp-overview-popup-content2-table-box-margin;

            .col-sm-3 {
                width: 100%;
            }

            .hotexmp-hotel-overview-table {
                margin-bottom: @mp-overview-popup-content2-table-margin-bottom;
                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;
                    padding: @mp-overview-popup-content2-table-name-padding;
                    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;
                    padding: @mp-overview-popup-content2-table-distance-padding;
                    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;
        }

        .hotex-hotel-overview-facilities-entry-group {
            width: 100%;
            margin-left: 0;

            .col-sm-4 {
                width: 100%;
            }
        }

        .hotexmp-hotel-overview-facilities-box {
            margin: @mp-overview-popup-content3-facilities-box-margin;

            .hotexmp-hotel-overview-facilities-entry {
                padding: @mp-overview-popup-content3-facilities-entry-padding;
            }
        }
    }
}


//PAGE HOTELLIST: ROOM POPUP MP
.hotexmp-box-room {
    width: @mp-room-popup-box-max-width;

    .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;
        padding: @mp-room-popup-title-font-family;
    }

    .hotexmp-room-image {
        width: 300px !important;

        .hotexmp-slide-rates-image {
            height: 100% !important; /*@mp-room-popup-image-box-height;*/
            text-align: @mp-room-popup-image-box-text-align;

            img {
                margin: @mp-room-popup-image-margin;
                /*width: @mp-room-popup-image-width;
                height: @mp-room-popup-image-height;*/
            }
        }

        .hotex-carousel-control-rates .btn-prev-rates,
        .hotex-carousel-control-rates .btn-next-rates {
            position: @mp-room-popup-btn-carousel-position;
            padding: @mp-room-popup-btn-carousel-padding;
            color: @mp-room-popup-btn-carousel-color;
            font-size: @mp-room-popup-btn-carousel-font-size;
            z-index: @mp-room-popup-btn-carousel-z-index;
            display: @mp-room-popup-btn-carousel-display;
        }

        .hotex-carousel-control-rates .btn-prev-rates {
            text-align: @mp-room-popup-btn-prev-text-align;
            text-shadow: @mp-room-popup-btn-prev-text-shadow;
            left: @mp-room-popup-btn-prev-left;
        }

        .hotex-carousel-control-rates .btn-next-rates {
            text-align: @mp-room-popup-btn-next-text-align;
            text-shadow: @mp-room-popup-btn-next-text-shadow;
            right: @mp-room-popup-btn-next-right;
        }

        i.btn-prev-rates, i.btn-next-rates {
            height: @mp-room-popup-icon-height;
            width: @mp-room-popup-icon-width;
        }
    }

    .hotex-room-information-box-desc {
        width: 300px !important;
        margin-top: 10px !important;
    }

    .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 {
            padding: @mp-room-popup-decs-facilities-title-padding;
            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 {
            padding: @mp-room-popup-decs-facilities-item-padding;
            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 {
    width: @mp-facilities-popup-box-max-width;

    .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;
                padding: @mp-facilities-popup-title-padding;
            }
        }

        .hotexmp-facilities-image {
            width: @mp-facilities-popup-image-box-width;
            height: @mp-facilities-popup-image-box-height;

            img {
                width: @mp-facilities-popup-image-width;
                height: @mp-facilities-popup-image-height;
            }
        }

        .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 {
    width: @mp-map-popup-box-max-width;
    margin: @mp-map-popup-box-margin;
    padding-top: @mp-map-popup-box-padding-top;

    .hotexmp-map-content {
        img, #dvMap {
            margin: @mp-map-popup-image-margin;
            width: @mp-map-popup-image-width;
            height: @mp-map-popup-image-height;
        }

        p {
            font-family: @mp-map-popup-decs-font-family;
            font-size: @mp-map-popup-decs-font-size;
            color: @mp-map-popup-decs-color;
            margin: @mp-map-popup-decs-margin;
            width: @mp-map-popup-decs-width;
            padding: @mp-map-popup-decs-padding;
            text-align: @mp-map-popup-decs-text-align;
        }
    }
}



//9-05-2016 menu navbar
.navbar-toggle {
    float: left;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 8px;
}


.navbar-menu {
    margin-right: 5px;
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 10px;
    margin-top: 4px;
    margin-bottom: 7px;
}

.hotex-menu-box-button-home .hotex-menu-home {
    display: none;
}

.navbar-item-right {
    float: right;
    font-size: inherit;
    color: @navbar-item-right-color;
}

.navbar-item-right:hover, .navbar-item-right:focus {
	color: @navbar-item-right-color;
}

.top-space {
    /*position: inherit;*/
    margin-bottom: 5px;
}

.collapse-home {
    margin-top: 0px !important;
}

.hotex-menu-box-button-home a {
    font-size: inherit;
    color: @menu-color-mobile;
}

.hotex-menu-box-button-home a:hover {
    font-size: inherit;
    color: @menu-color-mobile;
}

.navbar-menu-user {
    position: relative;
    float: right !important;
    margin-right: 0px;
    padding: 9px 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: inherit;
    color: @a2-color;
}

.navbar-menu-user:hover {
    font-size: inherit;
    color: @a2-color;
    text-decoration: none;
}

.navbar-collapse-user {
    overflow-x: visible;
    float: right;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-overflow-scrolling: touch;
}

.navbar-collapse-user a {
    font-size: inherit;
    color: @a2-color;
    float: right;
}

.dropdown-menu {
    left: 25% !important;
}

.dropdown-toggle-menu {
    text-align: center;
    padding-right: 0;
    padding-bottom: 8px;
    background-color: @index-dropdown-toggle-menu-background;
    color: @index-dropdown-toggle-menu-text-color;
    padding-top: 5px;
	border-bottom: 1px solid #ccc;
}

.dropdown-toggle-menu > li > a:hover, .dropdown-toggle-menu > li > a:focus {
    text-decoration: none;
    background-color: @index-dropdown-toggle-menu-background !important;
}

.welcome-font {
    color: @index-dropdown-toggle-menu-text-color;
}


#rs-html .col-sm-1 {
    width: 100%;
}

#rs-html .col-sm-2 {
    width: 100%;
}

#rs-html .col-sm-3 {
    width: 100%;
}

#rs-html .col-sm-5 {
    width: 100%;
}

#rs-html .col-sm-6 {
    width: 100%;
}

#rs-html .col-sm-7 {
    width: 100%;
}

.mobile .row {
    margin-left: -15px;
    margin-right: 0px;
}

.menu-login .container {
    padding-left: @menu-toggle-position-item-margin-right;
    padding-right: @menu-toggle-position-item-margin-right;
}


#backButtonSection .btn-back {
    color: #666;
    background-color: #fff;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.mobile {
    padding-right: 0px !important;
}

.hotexmp-mobile-desc {
    margin-top: 40px;
}

.item-mobile-home {
    float: right;
    padding-right: 5px;
    padding-left: 0;
}

.item-mobile-home .navbar-menu-user {
    padding: 10px 0px;
}

.pop-font {
    font-size: 14px !important;
    text-decoration: underline;
    color: @footer1-color;
}

.pop-font:hover {
    text-decoration: underline;
}

.logo-mp-notddlLanguage {
    width: 100%;
    height: 100%;
    text-align: center;
}

#footer .row {
    min-width: 100% !important;
}

.hotexmp-box-header1 .hotexmp-box-dropdownlist {
    margin-top: 0px !important;
}

.rate-hotex-hotelList {

    .item-list-rate-hotex {
        color: #ae141b;
    }
}

.rs-font-error ul {
    padding-top: 15px;
}

.popover1 {
    position: fixed !important;
    top: 0;
    left: 0 !important;
    z-index: 1060;
    display: none;
    width: 100% !important;
    text-align: left;
    white-space: normal;
    background-color: @popover1bg !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0px !important;*/
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    color: white;
}

.padding-left0 {
    padding-left: 0;
}

.padding-topbuttom10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.hotex-table-rates-content {
    .hotex-table-rates-content1 {
        .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;
        }

        span {
            font-size: @rates-table-content1-span-font-size;
            font-weight: @rates-table-content1-span-font-weight;
            color: @rates-table-content1-span-color;
        }

        .hotex-terms-condition {
            span {
                font-size: @rates-table-content3-span-font-size !important;
                font-weight: @rates-table-content3-span-font-weight !important;
                color: inherit !important;
            }
        }

        p {
            font-size: @rates-table-content3-a-hover-font-size;
            color: @rates-table-content1-p-color;
        }

        a {
            font-size: @rates-table-content1-a-font-size;
            color: @rates-table-content1-a-color;
            text-decoration: @rates-table-content1-a-text-decoration;
        }

        a:hover, a:focus {
            font-size: @rates-table-content1-a-hover-font-size;
            color: @rates-table-content1-a-hover-color;
            text-decoration: @rates-table-content1-a-hover-text-decoration;
        }
    }

    .hotex-table-rates-content3 {
        padding-left: 0px;
        padding-right: 0px;

        a {
            font-size: @rates-table-content3-a-font-size;
            color: @rates-table-content3-a-color;
            font-weight: @rates-table-content3-a-font-weight;
            text-decoration: @rates-table-content3-a-text-decoration;
        }

        a:hover, a:focus {
            font-size: @rates-table-content3-a-hover-font-size;
            color: @rates-table-content3-a-hover-color;
            text-decoration: @rates-table-content3-a-hover-text-decoration;
        }

        p {
            font-size: @rates-table-content3-a-hover-font-size;
            color: @rates-table-content1-p-color;
        }

        span {
            font-size: @rates-table-content3-span-font-size;
            font-weight: @rates-table-content3-span-font-weight;
            color: @rates-table-content3-span-color;
            text-decoration: @rates-table-content3-span-text-decoration;
        }
    }

    .hotex-table-rates-content3A {
        padding-right: 0px;
        padding-left: 0;
        padding-bottom: 10px;

        a {
            font-size: @rates-table-content3-a-font-size;
            color: @rates-table-content3-a-color;
            font-weight: @rates-table-content3-a-font-weight;
            text-decoration: @rates-table-content3-a-text-decoration;
        }

        a:hover, a:focus {
            font-size: @rates-table-content3-a-hover-font-size;
            color: @rates-table-content3-a-hover-color;
            text-decoration: @rates-table-content3-a-hover-text-decoration;
        }

        p {
            font-size: @rates-table-content3-a-hover-font-size;
            color: @rates-table-content1-p-color;
        }

        span {
            font-size: @rates-table-content3-span-font-size;
            font-weight: @rates-table-content3-span-font-weight;
        }
    }

    .hotex-table-rates-content4 {
        text-align: @rates-table-content4-text-align;
        padding-left: 0px;
        padding-right: 0;
        font-size: 12px;
        margin-top: 10px;
    }

    .hotex-table-rates-content4 span {
        font-style: inherit;
        text-decoration: underline;
    }

    .hotex-table-rates-content2B {
        padding-left: 0%;

        span {
            font-size: 14px;
            color: @rates-table-content3-a-color;

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

        p {
            font-size: 11px;
            color: @rates-table-content1-p-color;
        }
    }
}

.hotex-rate-image-slider-room-details {
	background: @bg-hotex-rate-image-slider-room-details;
    margin-left: 0;
    margin-right: auto;
	z-index:2;
	
	// komen 4 baris dibawah jika shadow room slider dari kiri ke kanan
    padding: 5px;
	margin-top:-60px;
    width: 100%;
	height: 60px;
	
	// komen 3 baris dibawah jika shadow room slider dari bawah ke atas
    //padding: 15px 5px;
    //margin-top: -30px;
    //width: 70%;
	
	
	
	
	span {
        color: #FFFFFF;
    }

    .adjust-arrow-position {
        margin: -4px 0 5px 0px;
    }
}

.btn-transparent {
    border-radius: 5px;
    font-family: @font-family-default;
	text-transform: initial;
    letter-spacing: .5px;
    color: @a2-color !important;
    font-size: 12px;
    background: @b1-color;
    padding: 5px 10px 5px 10px;
    border: solid @b1-color 2px;
    text-decoration: none !important;
}

.btn-transparent:hover {
    color: @b2-color !important;
    background: @b1-color;
	border: solid @b1-color 2px;
}

.btn-transparent:active {
    color: @b2-color !important;
    background: @b1-color;
	border: solid @b2-color 2px;
}

.rc-anchor-normal {
    width: 100%;
}

#LoyaltyMobileModal .modal-dialog {
    margin: 0;
}

#LoyaltyMobileModal .modal-content {
    border-color: transparent;
    border: none;
}


@media (max-width: 436px) {
    #recaptcha1 {
        transform: scale(1.27);
        -webkit-transform: scale(1.27);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 414px) {
    #recaptcha1 {
        transform: scale(1.19);
        -webkit-transform: scale(1.19);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 375px) {
    #recaptcha1 {
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 320px) {
    #recaptcha1 {
        transform: scale(0.89);
        -webkit-transform: scale(0.89);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.pointAlert {
    color: @rates-table-content1-p-color;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #ffffff;
    margin-left: -40px;
}

.arrow-position {
    margin-top: -10px !important;
}

.popover-content {
    padding-top: 0;
    padding-left: 3px;
    padding-right: 15px;
    padding-bottom: 0;
}


.hotex-box-search .container {
    padding-left: 0px;
    padding-right: 0px;
}

.page-offer-banner {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;

    img {
        margin-bottom: 30px;
        margin-top: 20px;
        width: 100%;
    }
}

#TermsModal {
    .modal-dialog {
        overflow-y: initial !important;
    }

    .modal-body {
        height: 500px;
        overflow-y: auto;
    }
}

.loyalty-content1 {
    padding: 20px 5px;
    background-color: @loyalty-content1-bg;
	//border-bottom: 1px dashed #d2e0e1;
}

.row {
    margin-right: 0 !important;
}

.mobile-row {
    margin-right: 0;
}
a.pop{color:@a5-color !important; font-size:12px !important}
a.pop.pop-font {text-decoration: none; color:#fff !important; font-size:14px !important}
a:hover.pop.pop-font {text-decoration: none; color:inherit}
a.pop.ecoupon-color{color: @a5-color !important; font-size:12px !important}
a.pop.terms-condition-label{color:@a5-color !important;}
a.redirect-signup-offer {font-size: 14px;}

a.btn.btn-loading.btn-search.redirect-signup-room-offer, a.btn.btn-loading.btn-search.redirect-signin-package-offer {background-color: @a9-color;color:#ffffff;text-transform: uppercase;font-family: @font-family-default;}
#_navbarMenu .row { width: 100%!important; padding-right: 0 !important; padding-left: 0!important; margin: 0 auto !important;}
.hotex-rate-image-slider-room-details span {font-size: @font-size-default - 1; font-style: initial; padding-left: 5px;}
.hotex-box-rates .hotex-box-rates-content {border-bottom: 1px dashed #d2e0e1;padding: 30px 0;}
.hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content1 .badge {padding: 6px 12px; margin-top: 5px; margin-bottom:10px;}
.hotex-search-rates-mobile .dropdown .dropdown-toggle {color: #5c5c5c;}
span.member-rate-info-additional-benefit {color: @a8-color !important;}
span.member-rate-info-additional-benefit-icon {font-size:15px !important; width: 21px; text-align: center;}
span.member-rate-info-lrg {text-decoration: none !important; font-family: @font-family-default; font-size: @font-size-default - 1;}
span.member-rate-info-ecoupon u, span.member-rate-info-lrg u { text-decoration: none !important; color: @a8-color !important}
.form-group[ng-show="rate.NeedLogin"], .form-group[ng-show="room.NeedLogin"] {margin-bottom: 10px;}
.hotex-table-rates-content4 .joinnow-offer {margin: 0 auto;}
.hotex-table-rates-content4 .joinnow-offer a, .join-now-package a.redirect-signup-room-offer {color: #282828}
.hotex-table-rates-content4 a.redirect-signup-room-offer, .join-now-package a.redirect-signup-room-offer {font-size: @font-size-default + 1 !important; color: @a5-color; font-weight: 500; text-transform: capitalize; font-family: @font-family-heading; text-decoration:none!important}
.hotex-package-table-rates .hotex-package-rates-name .ng-binding[ng-bind-html="rate.RateName"] {font-family: @hotex-package-rates-name-font-family; font-size: @hotex-package-rates-name-font-size; color: @hotex-package-rates-name-color; font-weight: @hotex-package-rates-name-font-weight; }
.hotex-package-table-rates-content span {
	font-size: @hotex-package-table-rates-font-size;
	font-weight: @hotex-package-table-rates-font-weight;
	color: @hotex-package-table-rates-color;
	text-decoration: @hotex-package-table-rates-text-decoration !important;
}
.hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content2 .hotex-package-table-rates .hotex-package-table-rates-title {margin: 0; background: @a21-color; padding: 7px 0;}
.hotex-package-table-rates-content .hotex-package-name label a {color: @package-table-package-name-color;font-size: @package-table-package-font-size;font-weight: @package-table-package-font-weight;}
.hotex-slide-rates-image-shadow {background: linear-gradient(-180deg,rgba(0,0,0,0) 0, @a18-color 95%); height: 30%; z-index:1; display:none;}
.roomInfoModal .modal-header.modal-header-loyalty-hotel, .roomInfoModal .modal-header, #searchModal .modal-header, #searchBoxModal .modal-header, #utilityModal .modal-header, #retriveReservationModal .modal-header, #comparisonModal .modal-header, #reservationBoxModal .modal-header, #addonModal .hotex-modal-dialog-addon .modal-header, #taxAndServiceChargeModal .modal-header {background-color: #3d3d3d;}
#searchModal button.close,#searchModal button.close:hover,#searchBoxModal button.close,#searchBoxModal button.close:hover,#utilityModal button.close,#utilityModal button.close:hover,#retriveReservationModal button.close,#retriveReservationModal button.close:hover,#comparisonModal button.close,#comparisonModal button.close:hover,#reservationBoxModal button.close,#reservationBoxModal button.close:hover, button.close.utilityClose, button.close.utilityClose:hover, button.close.addonClose, button.close.addonClose:hover, #taxAndServiceChargeModal .modal-header button.close,#taxAndServiceChargeModal .modal-header button.close:hover {color:#FFF;opacity:unset}
.roomInfoModal .modal-header h4 {font-family: @font-family-heading; font-size: @font-size-default + 3 !important;}
.hotex-package-information-desc p {font-family: @font-family-default; font-weight: 400;}
.roomInfoModal .modal-body {background: #ffffff}
.roomInfoModal .modal-body .hotex-room-information-loyalty-rate-name {font-size: @font-size-default + 1;font-weight: 400; font-family: @font-family-heading}
.roomInfoModal .modal-body .hotex-room-information-loyalty-rate-short-benefit {font-weight: 400; text-transform: capitalize;font-size: @font-size-default + 3;}
.roomInfoModal .modal-body .hotex-room-information-loyalty-rate-earning-point {text-transform: capitalize; }
.roomInfoModal .modal-body .hotex-room-information-loyalty-rate-amount {font-size: @font-size-default + 5; font-weight: 400; font-family: @font-family-heading;}
.roomInfoModal .modal-body .hotex-room-information-rate-box {background-color: @a21-color;}
.roomInfoModal .modal-body .hotex-room-information-rate-box p {color: @a17-color;}
.roomInfoModal .modal-body .hotex-room-information-rate-name {font-size: @font-size-default + 1; font-weight: 400; font-family: @font-family-heading}
.roomInfoModal .modal-body .hotex-room-information-rate-amount {font-size: @font-size-default + 5; color: @a4-color; font-family: @font-family-heading;}
.roomInfoModal .modal-body span.hotex-room-information-rate-amount {font-weight: 400;}
a.redirect-signup-package-offer strong {font-weight: normal; font-family: @font-family-heading}
a.redirect-signup-package-offer span {color: @a4-color; text-transform: uppercase; font-weight: bold; font-size: @font-size-default;}
a.redirect-signup-package-offer span:hover, .hotex-table-rates-content4 .joinnow-offer a:hover { text-decoration: underline !important;}
div[ng-show="room.NeedLogin"] { margin-bottom: 15px;}
a#btnAddRoom.btn-search {text-transform: capitalize; font-size: @font-size-default - 1;}
.hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-box-detail-title label, .hotex-reservation-info-payment .hotex-reservation-info-payment-content2 .hotex-box-payment-title label { color: #ffffff; font-weight: 400;}
.hotex-modification-search-button input#ctl00_bd__reservationBox__searchBox_btnNewSearch { min-width: 120px; line-height: 2px;}
.hotex-box-footer-validation-detail .btn-continued {text-transform: uppercase; letter-spacing: .5px;}
.hotex-box-footer-validation-detail .btn-continued:hover{color: @b2-color}
.btn-back, .btn-back:hover,.btn-back:focus {font-size: @font-size-default}
.hotex-package-information-content1 label {text-transform: initial; color: @red; font-size: @font-size-default; font-weight: 400;}
.hotex-box-packages .hotex-package-information-price .hotex-package-price-label label {font-weight: 400;}
.hotex-package-price-label ng-packagerate.ng-binding {font-size: @font-size-default + 5; font-weight: 400; color: @a4-color; font-family: @font-family-heading;}
#roomtype-header #myTab a {font-weight: bold;}
#roomtype-header #myTab .active a {font-weight: normal !important;}
.row.hotex-addon-title {padding: 0; margin: 0;}
.hotex-box-addon-input hr {width: 100%;float: left;}
.hotex-addon-body .hotex-group-addon .hotex-group-addon-item .hotex-box-addon-item .hotex-box-addon .hotex-box-addon-input .hotex-box-addon-cost {margin: 10px 0 0 0; text-align: center;}
.hotex-addon-body .hotex-group-addon .hotex-group-addon-item .hotex-box-addon-item .hotex-box-addon .hotex-box-addon-input .hotex-box-addon-cost .hotex-addon-cost label {font-weight: normal; margin-bottom: 0;}
.hotex-addon-body .hotex-group-addon .hotex-group-addon-item .hotex-box-addon-item .hotex-box-addon .hotex-box-addon-input .hotex-box-addon-cost .hotex-addon-cost span {font-weight: 700;}
.hotex-box-detail-note li { font-size: 13px;}
.hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-open-tab-packages {margin: 30px 0 20px 0;}
#searchBoxModal .hotex-modification-search { margin-right: -15px !important; margin-left: 0;}
.hotex-box-footer-validation-detail .btn-back {text-transform: uppercase}
.hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item[ng-hide="totalTax==0||basicInfo.IsRedeemMode"] label { font-weight: 400;}
.hotex-info-content2-item.hotex-info-grand-total { font-size: 18px;}
.hotex-info-content2-total .col-sm-9 { width: auto;}
.hotex-total-charge {text-align: right; float: right;}
.hotex-reservation-info-box-detail .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 #reservRoomM .hotex-info-content2-input label, .hotex-reservation-info-box-detail .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-childern .text-right {font-weight: 400; font-size: @font-size-default - 1;}
.hotex-footer-button .btn-back {text-transform: uppercase;}
.hotex-box-footer-validation .hotex-footer-button .btn-continued {text-transform: uppercase;}
.hotex-addon-body .hotex-group-addon .hotex-group-addon-item .hotex-box-addon-item .row.hotex-box-addon { margin: 0;}
.hotex-addon-body .hotex-group-addon .hotex-group-addon-item .hotex-box-addon-item .hotex-box-addon .hotex-box-addon-input .hotex-addon-quantity-label {margin: 0}
.hotex-reservation-info-box-detail .row.hotex-reservation-info-detail {margin: 0}
.hotex-group-addon .row.hotex-addon-input-quantity {margin: 0}
.hotex-box-addon-item .hotex-addon-cost-glyphicon { margin: 0 0 0 20px; padding: 0;}
.hotex-addon-body .hotex-group-addon .hotex-group-addon-item .hotex-box-addon-item .hotex-box-addon .hotex-box-addon-input .hotex-box-addon-cost .hotex-addon-cost {width: auto}
.hotex-reservation-info-box-detail .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item .hotex-resrve-addon-title label { text-align: left; display: block; font-size: 15px; margin-top: 10px;}
.hotex-reservation-info-box-detail .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item-addon .hotex-info-content2-item ul {margin-bottom: 0;}
.hotex-reservation-info-box-detail .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item-addon .hotex-info-content2-item[ng-repeat="addon in selectedAddons"] {margin-bottom: 5px;}
#formLine .row.text-center { margin: 0;}
.hotex-box-addon-cost br { display: none;}
.hotex-info-content2-item .hotex-addon-price { float: right; margin-left: 0}
.row.hotex-form.hotex-pax-payment { margin: 0;}
.hotex-form.hotex-pax-payment .row.hotex-payment-form {margin: 0}
#footer span.member-rate-info-ecoupon u, #footer span.member-rate-info-lrg u { text-decoration: none !important; color: @a19-color !important;}
.hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item .hotex-info-package-title span {font-family: @font-family-heading; color: @a7-color; font-size: @font-size-default + 2}
.hotex-box-payment-title.hotex-payment-guest span.member-rate-info-lrg u { text-decoration: none!important; color: @a19-color!important; font-size: 13px;}
#searchModal .hotex-box-search #formLine { margin: 10px 0; color: #242424;}
.hotex-modal-search .input-mplabel {font-size: @font-size-default - 1;}
.hotexmp-input .input-group.date input {font-size: @font-size-default + 2;}
.hotexmp-input-button .btn.btn-search {margin-top: 4px; width: 100%;}
strong[ng-hide="rate.EarningPoint == 0"] {font-weight: normal; font-size: @font-size-default; font-style: italic; color: @a8-color;}
.hotex-rate-member-content span.ng-binding[ng-bind-html="rate.MemberBenefitsShortText"] { text-transform: uppercase;}
.hotex-modal-search .input-mplabel {padding-bottom:3px;}
.hotex-box-footer .hotex-powered {font-size: @font-size-default - 2;}
span#ctl00_SearchRatesBE1_lblCiDate, span#ctl00_SearchRatesBE1_lblCoDate {font-weight: normal !important;}
.btn-search {border-radius: 0;}
.modal.fade.roomInfoModal.in .modal-header.modal-header-loyalty-hotel { min-height: 65px; height: 100%;}
.modal.fade.roomInfoModal.in .modal-header { min-height: 65px; height: 100%;}
.roomInfoModal .modal-header h4 span.loyalty-hotel-room-type-name { color: #fff; border-left: none; font-family: @font-family-heading; padding-left: 0; margin-left: 0; display: block; text-transform: capitalize}
.roomInfoModal .modal-header h4 span.hotel-room-type-name { color: #fff; border-left: none; font-family: @font-family-heading;   font-size: @font-size-default + 4; float: left; padding-left: 0; margin-left: 0; min-width: 200px; text-transform: initial;}
.hotex-room-information .hotex-room-information-amenities .hotex-room-information-amenities-content ul.custom-bullet { column-count: 1 !important;}
.btn-transparent {border-radius: 0;}
.hotex-reservation-info-box-payment .hotex-reservation-info-payment .hotex-reservation-info-payment-content2 .hotex-box-payment-content li {font-size: 13px;}
.hotex-room-information .custom-bullet li { list-style-type: none;}
.hotex-room-information .custom-bullet li:before { content: "\e013"; font-family: 'Glyphicons Halflings'; font-size: @font-size-default - 2; float: left; margin-top: 0; margin-left: -20px; color: @dark-gray;}
.hotex-room-information .hotex-room-information-desc {padding: 0 !important}
.hotex-modification-search .input-label {color: @a18-color;}
span#ctl00_bd__reservationBox__searchBox_lblCiDate, span#ctl00_bd__reservationBox__searchBox_lblCoDate {font-weight: normal !important;}
.hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item .hotex-info-package-title p {margin-bottom: 0;}
.hotex-reservation-info-payment .hotex-reservation-info-payment-content2 .hotex-box-payment-content .col-sm-12 strong {  text-transform: uppercase; font-family:@font-family-heading; font-size: @font-size-default + 2; color: @a18-color;}
.package-restrictions { color: #d9534f; text-decoration: none;}
.package-restrictions:hover, .package-restrictions:focus { color: #d9534f; }
.package-restrictions strong { font-weight: normal;}
.restrictions-messages { color: @a8-color; font-weight: normal; font-size: @font-size-default;}
.form-horizontal label { font-weight: normal; color: #242424;}
.hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content1 .hotex-terms-condition span { font-size: @font-size-default - 1 !important; font-family: @font-family-default;}
.hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content3 span.member-rate-info-ecoupon, .hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content3 span.member-rate-info-lrg{font-size: @font-size-default - 1;}
.hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content3 .hotex-rate-content a strong{font-weight: 400;}
.hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content1 .hotex-packages-image {position: relative;}
button.btn.btn-search.utilityClose, button#ctl00__retrieveBoxUser_proceedButton, button.btn.btn-search.addonClose, #taxAndServiceChargeModal button.btn.btn-search.btn-sm { background-color: #535353; color: #ffffff; border: none;}
.hotex-table-rates-content4 a.redirect-signup-room-offer strong {font-weight: 400;}
.hotex-reservation-info-date {padding: 0 5px;}
.hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content3 span[ng-bind-html="rate.MemberBenefitsShortText"] {font-size: @font-family-default !important;}
.hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content3 span[ng-bind-html="rate.MemberBenefitsShortText"] { font-size: @font-size-default + 2 !important;}
.hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content2 .hotex-package-table-rates .hotex-package-table-rates-content .hotex-package-price label {font-weight: 400}
div#_searchButton .btn-search {line-height: 2px;}
#searchBoxModal .hotex-modification-search .input-group.date input.input-sm {font-size:@font-size-default + 1;}
#retriveReservationModal input.input-sm {font-size:@font-size-default + 1;}
.hotex-packages-information-content3 .hotex-box-other-packages .hotex-other-packages-content .hotex-other-packages-avarage .hotex-rate-currancy label {font-weight: 400;}
.hotex-facilities-content2 .hotex-facilities-box .hotex-facilities-group .hotex-facilities-item .hotex-facilities-information-box .hotex-information-name label {font-weight: 400;}
.hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content1 span.badge[ng-show="rate.HasBonusNight"] {background: #0074d5;}
.hotex-box-rates .hotex-box-rates-content .hotex-rates-title label {font-weight:500}
.hotex-reservation-info-box-detail .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 #reservRoomM .hotex-info-content2-input select.input-sm {font-size: @font-size-default - 1;}
.hotex-packages-information-content3 .hotex-box-other-packages .hotex-other-packages-content .package-information-button.btn-packages {font-size: @font-size-default + 5;}
.hotex-packages-information-content3 .hotex-box-other-packages .hotex-other-packages-content .hotex-package-information-desc a.package-information-button {font-size: @font-size-default; font-family: @font-family-default}
.row.hotex-box-other-packages {margin: 0;}
.row.hotex-box-packages {margin: 0;}
.hotex-accomodation-content2 .hotex-box-amenities .hotex-box-amenities-item .hotex-box-slide-room label span {font-size: @font-size-default - 1;}
.input-sm {border-radius: 0;}
.input-group-addon {border-radius: 0;}
span.input-group-addon.btn {font-size: @font-size-default - 1;}
.hotex-retrieve-reservation .hotex-mobile-retrieve-title strong {font-weight: 400;}
.hotex-guest-details .input-sm, .hotex-flight-details .input-sm, .hotex-box-special .input-sm {font-size: @font-size-default - 1;}


//komen 3 baris dibawah ini jika package slider shadow dari kiri ke kanan
.package-information-details {background: linear-gradient(to top, @a18-color 1%,@a18-color 10%,rgba(255,255,255,0) 100%); padding: 5px; text-align: left; color: #fff;margin-top: -60px; width: 100%;  height: 60px;  z-index: 2;}
.package-information-details a.package-information-button {margin-top: 30px;float: left;}
#_roomDetailsLink {top: 40px;}

//komen 2 baris dibawah ini jika package slider shadow dari bawah ke atas
//.package-information-details {background: linear-gradient(to right, @a18-color 1%,@a18-color 10%,rgba(255,255,255,0) 100%);    padding: 5px; margin-top: -30px; width: 70%; z-index: 2;}
//.package-information-details a.package-information-button {margin-top: 0;float: left;}

.package-information-details a.package-information-button:hover {text-decoration: none;}
.package-information-button, .package-information-button:hover, .package-information-button:focus {color: @a5-color;}
a.package-information-button.btn-packages.ng-binding {color: @a7-color;}
.package-information-details span {font-size: @font-size-default - 1; font-style: initial; padding-left: 5px; color: #fff;}

.hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content1 .hotex-package-addon {padding-top:0;}
.hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content2 {margin-top: 0}
.hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content2 .hotex-packages-desc p[ng-bind-html="package.MinLOS"] {text-transform:inherit}
.hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content2 .hotex-packages-desc p.hotex-package-information-promo {font-size: @font-size-default; text-transform: initial;}


//comment 3 baris dibawah jika field rsv lengkap
//div#ctl00_SearchRatesBE1_room, div#ctl00_SearchRatesBE1_adults, div#ctl00_SearchRatesBE1_divRoomAdultChildRow, div#ctl00_bd__reservationBox__searchBox_divRoom, div#ctl00_bd__reservationBox__searchBox_divAdult {width: 50%;}
//div#ctl00_SearchRatesBE1_room .input-label, div#ctl00_SearchRatesBE1_adults .input-label, div#ctl00_SearchRatesBE1_divRoomAdultChildRow .input-label, div#ctl00_bd__reservationBox__searchBox_divRoom .input-label, div#ctl00_bd__reservationBox__searchBox_divAdult .input-label {height: auto;min-height: 20px;}
//div#modify-search-container .hotex-reservation-info-item.divsearch {width: 100%;text-align: right;padding-right: 10%;}

//custom tampilan pop up benefits
.loyalguest-widget .lgwidgetbox {right:10px !important; top: 60px !important; width:80px !important} //<-- jika ada member set top 140px, jika tidak ada set top 60px
.loyalguest-widget .lgwidgetbox img.reward_logo {width:30px !important;}
.loyalguest-widget .lgwidgetbox .reward_box {padding:0;}
.loyalguest-widget .rewards_pop_up {top: 60px !important;}
.loyalguest-widget .rewards_pop_up .boxrewards img.arrow-right-slide, .loyalguest-widget .rewards_pop_up .boxrewards img.arrow-left-slide {height:18px !important; width: 10px !important;}
.loyalguest-widget .rewards_pop_up .boxrewards .tagrewards-exclusive img.iconexlrewards {width:30px !important}
.roomInfoModal .modal-body .hotex-room-information-loyalty-rate-box {background: @lg-loyalty-background;} // <-- kalau loyalguest diganti jadi @lg-loyalty-background, novus jadi @novus-loyalty-background, other jadi @hotel-loyalty-background
.roomInfoModal .modal-body .hotex-room-information-loyalty-rate-box .btn-search[ng-hide="!LgRates.NeedLogin"] {background-color: @a9-color !important;}
span.member-rate-info-lrg-icon i.fa-certificate.fa-lg { color: @icon-lrg-color !important;} 

span.confirmationtag-detail span { color: #4c4c4c !important;}
.confirmationtag-detail {display: grid;}
.hotex-box-payment-title.hotex-payment-guest span.member-rate-info-lrg u { color: #fff !important;}
footer#footer .hotex-box-footer-validation .hotex-footer-button div span {display: inline-grid;}

//TOPOTELS FOOTER CUSTOM
.hotex-box-footer .hotex-powered {padding: 0}
.hotex-box-footer .hotex-powered a {display: none;}
.hotex-box2-footer { text-align: center; padding: 5px 30px !important;}
div#footerContainer {pointer-events: none;}
div#footerContainer a {color: @a6-color; font-size: @font-size-default - 2;}
div#footerContainer a:hover, div#footerContainer a:active, div#footerContainer a:focus {text-decoration: none}