//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; } .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; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: @menu-toggle-hover-color; } .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; 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-image: @menu-background-image; 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; 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; background-color: @btn-search-background; color: @btn-search-color; } .btn-search:hover, .btn-search:focus { color: @btn-search-color-hover; background-color: @btn-search-background-hover; } .btn-continued { padding: @btn-continued-padding; color: @btn-continued-color; background-color: @btn-continued-background; opacity: @btn-continued-opacity; } .btn-continued:hover { color: @btn-continued-color-hover; background-color: @btn-continued-background-hover; opacity: @btn-continued-opacity-hover; text-shadow: @btn-continued-text-shadow-hover; text-decoration: @btn-continued-text-decoration-hover; } .btn-back { background-color: @btn-back-background; color: @btn-back-color; } .btn-back:hover { color: @btn-back-color-hover; text-decoration: @btn-back-text-decoration-hover; } .btn-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; } .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; } h6 { margin: @header1-address-decs-margin; font-size: @header1-address-decs-font-size; } } //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; color: @header2-color; padding: @header2-padding; min-height: @header2-min-height; .hotex-box2-header2-dropdownlist { padding: @header2-dropdownlist-padding; } 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; } ._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 { 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: #fff; 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; } } } //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; height: @rates-reservation-menu-dropdown-button-height; } } } //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; } 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; 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-content4 { text-align: @rates-table-content4-text-align; } } .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; /*}*/ } .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; } .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; } 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; } } .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; } .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-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; .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; } .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-p-font-size; font-family: @packages-room-information-popup-include-p-font-family; color: @packages-room-information-popup-include-p-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-p-font-size; font-family: @packages-room-information-popup-policy-p-font-family; color: @packages-room-information-popup-policy-p-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; padding-left: 10px; .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; } 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; } .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; } } .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; } 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; } } } } } .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; .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; } 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; } 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; } .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; 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: 270px; .hotexmp-slide-rates-image { height: @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: 270px; } .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: 7px; 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:#ececec; } .top-space { /*position: inherit;*/ margin-bottom: 5px; } .collapse-home { margin-top: 0px !important; } .hotex-menu-box-button-home a{ font-size:inherit; color:#ececec; } .hotex-menu-box-button-home a:hover{ font-size:inherit; color:#ececec; } .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:#ececec; } .navbar-menu-user:hover { font-size:inherit; color:#ececec; 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:#ececec; float: right; } .dropdown-menu{ left: 25% !important; } .dropdown-toggle-menu { text-align:center; padding-right:0; padding-bottom:8px; background-color:#666; color:#fff ; padding-top:5px; } .dropdown-toggle-menu>li>a:hover, .dropdown-toggle-menu>li>a:focus { text-decoration: none; background-color: #666 !important; } .welcome-font { color:#fff ; } #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; } .row { margin-right:0 !important; } .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; } .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; } }