//IMPORT MAIN CSS @import "main-variables.less"; //GENERAL BOOTSTRAP CHANGE NON RESPONSIVE html, body { height: @html-body-height; clear: @html-body-clear; font-family: @font-family-default; font-size: @font-size-default; color: @font-color-default; background-color: transparent; } //HOTEX CONTAINER .hotex-container { width: @hotex-container-width; margin: @hotex-container-margin; padding-bottom: @hotex-container-padding-bottom; background: @hotex-container-background; } .container { max-width: @container-max-width !important; padding-left: @container-padding-left; padding-right: @container-padding-right; width: @container-width; } div#modify-search-container { width: 1080px; } div#room-type-container { /*width: 1080px;*/ } .page-offer-banner { text-align: center; img { margin-bottom: 30px; margin-top: 20px; width: 1070px; } } //27-05-2016 /*#_navbarMenu .container { margin-right: inherit; }*/ //20-06-2016 .page-menu.navbarLoyalty .top-menu .navbarLoyalty-nav > li.dropdown { width: 100%; } nav, footer { min-width: @nav-footer-min-width; //111114-rut .row { padding: 0; margin: 0; width: 100%; margin-right: 0px !important; } } .carousel-indicators { display: @carousel-indicators-display; } //STICKY FOOTER .wrapper { min-height: @wrapper-min-height; height: @wrapper-height !important; min-width: @wrapper-min-width; margin: @wrapper-margin; background-color: @content-background-color; background-image: @content-background-image; overflow: hidden; } .push { height: @push-height; } //GENERAL ATTRIBUTE form { height: @form-height; #rs-html { height: 100%; } } hr { margin-top: @hr-margin-top; margin-bottom: @hr-margin-bottom; border-top: @hr-border-width @hr-border-style @hr-color; } //GENERAL MENU .navbar-default .navbar-nav > li > a { //291014 padding: @menu-padding; 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; } //291014 .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: @menu-navbar-margin; } .hotex-menu { background-color: @menu-background-color; z-index: 999; position: relative; ul { padding: @menu-item-padding; text-transform: @menu-item-text-transform; } .navbar-right { a { text-transform: @menu-item-right-text-transform; } } } //GENERAL MENU HOME BUTTON .hotex-menu-box-button-home { font-family: @menu-home-font-family; span { font-family: @menu-home-font-family; } .hotex-menu-home { background-color: @menu-home-background-color; text-align: @menu-home-text-align; color: @menu-home-color; line-height: @menu-home-line-height; width: @menu-home-width; top: @menu-home-top; //291014 padding: @menu-home-padding; //border: 2px solid @a1-color; -webkit-transition: all .5s cubic-bezier(0.165,.84,.44,1); transition: all .5s cubic-bezier(0.165,.84,.44,1); } .hotex-menu-home:hover, .hotex-menu-home:focus { color: @menu-home-color-hover; background-color: @menu-home-background-color-hover; //border: 2px solid @b2-color; } } .hotex-glyphicon-home { color: @glyphicon-home-color; } .hotex-glyphicon-home:hover { color: @glyphicon-home-color-hover; } //GENERAL LINK & BUTTON a { color: @a-color; text-decoration: @a-text-decoration; cursor: @a-cursor; } a:hover, a:focus { color: @a-color-hover; text-decoration: @a-text-decoration-hover; } .btn { 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 { background-color: @btn-search-background; color: @btn-search-color; min-width: @btn-search-min-width; width: @btn-search-width; text-transform: uppercase; letter-spacing: .5px; border: 1px solid @a22-color; -webkit-transition: all .5s cubic-bezier(0.165,.84,.44,1); transition: all .5s cubic-bezier(0.165,.84,.44,1); } .btn-search:hover, .btn-search:focus { color: @btn-search-color-hover; background-color: @btn-search-background-hover; text-transform: uppercase; letter-spacing: .5px; border: 1px solid @a22-color; } .btn-continued { color: @btn-continued-color; background-color: @btn-continued-background; padding: @btn-continued-padding; opacity: @btn-continued-opacity; min-width: 130px; border-radius: 0; } .btn-continued:hover, .btn-continued:focus, .btn-continued:active { color: @btn-continued-color-hover; background-color: @btn-continued-background-hover; opacity: @btn-continued-opacity-hover; text-shadow: @btn-continued-text-shadow-hover; text-decoration: @btn-continued-text-decoration-hover; border-radius: 0; } .btn-back { background-color: @btn-back-background; color: @btn-back-color; } .btn-back:hover,.btn-back:focus { 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-header { padding-top: @modal-header-padding-top; padding-bottom: @modal-header-padding-bottom; } .modal-title { text-transform: @modal-title-text-transform; font-family: @modal-title-font-family; font-size: @modal-title-font-size; color: @modal-title-color; } .modal-footer { padding: @modal-footer-padding; } .hotex-modal-content, .modal-body { background-color: @modal-body-background; border-radius: @modal-body-boder-radius; } .loyalty-modal-content, .modal-body { background-color: @modal-body-background; border-radius: @modal-body-boder-radius; } .hotex-modal-dialog-large { width: @modal-dialog-large; } .hotex-modal-dialog-medium { width: @modal-dialog-medium; } .hotex-modal-dialog-small { width: @modal-dialog-small; } .hotex-modal-dialog-xsmall { width: @modal-dialog-xsmall; } .hotex-modal-dialog-addon { width: @modal-dialog-addon; } .hotex-modal-dialog-search { width: @modal-dialog-search; } //GENERAL LINE BORDER .hotex-border { padding: @border-padding; border-bottom: @border-style; } //GENERAL SHADOW MENU .hotex-shadow-menu { -moz-box-shadow: @shadow-menu; -webkit-box-shadow: @shadow-menu; box-shadow: @shadow-menu; } //GENERAL SHADOW RESERVATION INFO .hotex-shadow-reservation-info { -moz-box-shadow: @shadow-reservation-info; -webkit-box-shadow: @shadow-reservation-info; box-shadow: @shadow-reservation-info; } //GENERAL SHADOW SECTION LINE .hotex-shadow-in-top { position: @shadow-in-top-position; margin: @shadow-in-top-margin; -moz-box-shadow: @shadow-in-top; -webkit-box-shadow: @shadow-in-top; box-shadow: @shadow-in-top; } .hotex-shadow-in-top:after { content: @shadow-in-top-content-after; position: @shadow-in-top-position-after; bottom: @shadow-in-top-bottom-after; height: @shadow-in-top-height-after; left: @shadow-in-top-left-after; right: @shadow-in-top-right-after; background: @shadow-in-top-background-webkit-after; background: @shadow-in-top-background-after; -webkit-transform: @shadow-in-top-transform-after; -moz-transform: @shadow-in-top-transform-after; -o-transform: @shadow-in-top-transform-after; -ms-transform: @shadow-in-top-transform-after; transform: @shadow-in-top-transform-after; } .hotex-shadow-in-top-new { position: @shadow-in-top-position; margin: @shadow-in-top-margin; -moz-box-shadow: @shadow-in-top; -webkit-box-shadow: @shadow-in-top; box-shadow: @shadow-in-top; } .hotex-shadow-in-top-new:after { background: radial-gradient(ellipse at 50% -3%, rgba(00, 00, 00, 0.4), rgba(97, 97, 97, 0.0) 75%) !important; background: -webkit-radial-gradient(50% -3%, ellipse cover, rgba(00, 00, 00, 0.4), rgba(97, 97, 97, 0.0) 75%) !important; } //GENERAL BOBD .popover { z-index: @bobd-popover-z-index; } .hotex-bobd { .col-sm-2 { width: @bobd-icon-width; } .col-sm-10 { /*width: @bobd-label-width;*/ text-align: center; } .hotex-box-tooltip { min-height: @tooltip-min-height; padding: @tooltip-padding; min-width: @tooltip-min-width; background-color: @tooltip-background-color; margin: @tooltip-margin; letter-spacing: @tooltip-letter-spacing; .row { margin: @tooltip-row-margin; } .hotex-box-bobd { text-transform: @bobd-label-text-transform; .hotex-plus-button { min-height: @bobd-icon-plus-height; background: url('../../images/hotel/HT00000000/icon/benefit.png'); background-repeat: @bobd-icon-plus-background-repeat; background-position: @bobd-icon-plus-background-position; } .hotex-minus-button { min-height: @bobd-icon-minus-height; background: url('../../images/hotel/HT00000000/icon/benefit1.png'); background-repeat: @bobd-icon-minus-background-repeat; background-position: @bobd-icon-minus-background-position; } #hotex-link-benefit { min-height: @bobd-label-min-height; /*padding: @bobd-label-padding;*/ padding: 0; font-family: @bobd-label-font-family; font-size: @bobd-label-font-size; } } a { text-shadow: @bobd-link-text-shadow; color: @bobd-link-color; } a :hover, a :focus { color: @bobd-link-hover-color; text-decoration: @bobd-link-hover-text-decoration; } } } //GENERAL BORDER RESERVATION INFO .hotex-reservation-border { border-bottom: @reservation-info-border-bottom; } //GENERAL HEADER1 .hotex-box-header1 { padding: @header1-padding; min-height: @header1-min-height; } .hotex-box-logo { min-height: @header1-min-height; margin: @header1-logo-margin; padding: @header1-logo-padding; width: @header1-logo-width; text-align: @header1-logo-text-align; 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; } .hotex-box-bobd-header1 { margin: @bobd-margin; width: @bobd-width; min-height: @bobd-min-height; .hotex-box-dropdownlist { margin-top: @bobd-min-dropdownlist-margin-top; float: @bobd-min-dropdownlist-float; .hotex-btn-dropdownlist { margin: @header1-dropdownlist-margin; width: @header1-dropdownlist-width; float: @header1-dropdownlist-float; } } } //GENERAL HEADER2 .hotex-header2-main-image { img { width: @header2-img-width; } } .hotex-box2-header2 { background: @header2-background-color; color: @header2-color; padding: @header2-padding; min-height: @header2-min-height; .hotex-box2-header2-dropdownlist { padding: @header2-dropdownlist-padding; .hotex-header2-dropdownlist-language { width: @header2-dropdownlist-language-min-width; float: @header2-dropdownlist-language-float; padding-left: @header2-dropdownlist-language-padding-left; } .hotex-header2-dropdownlist-currency { width: @header2-dropdownlist-currency-min-width; float: @header2-dropdownlist-currency-float; } } h4 { font-size: @header2-label-hotel-name-font-size; font-family: @header2-label-hotel-name-font-family; color: @header2-label-hotel-name-color; } h6 { font-size: @header2-label-address-font-size; font-family: @header2-label-address-font-family; color: @header2-label-address-color; } } //GENERAL TOOLTIP CONTENT .popover.bottom .arrow { display: @tooltip-over-arrow-display; } .popover.bottom .arrow:after { display: @tooltip-over-arrow-display; } .popover-title { background-color: @tooltip-over-title-background-color; height: @tooltip-over-title-height; padding: @tooltip-over-title-padding; border: @tooltip-over-title-border; border-radius: @tooltip-over-title-border-radius; } .popover-content { padding: @tooltip-over-content-padding; } .popover { margin: @tooltip-over-body-margin; height: @tooltip-over-body-height; max-width: @tooltip-over-body-max-width; background-color: @tooltip-over-body-background-color; border: @tooltip-over-body-border; border-radius: @tooltip-over-body-border-radius; } .popover.bottom { margin: @tooltip-over-content-margin; } .popover img { width: @tooltip-over-img-width; height: @tooltip-over-img-height; margin: @tooltip-over-img-margin; } .hotex-benefit { z-index: @tooltip-over-box-img-z-index; opacity: @tooltip-over-box-img-opacity; background-color: @tooltip-over-box-img-background-color; width: @tooltip-over-box-img-width; height: @tooltip-over-box-img-height; margin: @tooltip-over-box-img-margin; } //GENERAL POPUP SEARCH #searchModal { .modal-body { padding: @popup-search-body-padding; } .hotex-box-search { .input-label { height: @popup-search-input-height; display: @popup-search-input-display; text-align: @popup-search-input-text-align; width: @popup-search-input-width; } .inline-label { display: @popup-search-label-display; vertical-align: @popup-search-label-vertical-align; } } } //GENERAL CAROUSEL SLIDER .hotex-carousel-control .btn-prev, .hotex-carousel-control .btn-next { position: @carousel-button-position; top: @carousel-button-top; 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; padding: @footer1-powered-box-padding; font-weight: 400; a { color: @footer1-link-color; font-size: @footer1-link-font-size; font-family: @footer1-link-font-family; } a:hover { color: @footer1-link-hover-color; font-size: @footer1-link-hover-font-size; font-family: @footer1-link-hover-font-family; text-decoration: @footer1-link-hover-text-decoration; } .hotex-footer-small-text { font-size: @footer1-small-text-font-size; vertical-align: @footer1-small-text-vertical-align; } } } //GENERAL FOOTER 2 .hotex-box2-footer { color: @footer2-color; padding: @footer2-padding; background-color: @footer2-background-color; min-height: @footer2-min-height; .hotex-box2-footer-left { margin: @footer2-left-margin; padding: @footer2-left-padding; } .hotex-box2-footer-center { margin: @footer2-center-margin; color: @footer2-center-color; font-size: @footer2-center-font-size; font-family: @footer2-center-font-family; } .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; } } } //GENERAL FOOTER DETAIL .hotex-box-footer-validation-detail { .btn-continued { margin: @footer-detail-btn-continued-margin; color: @footer-detail-btn-continued-color; font-size: @footer-detail-btn-continued-font-size; font-family: @footer-detail-btn-continued-font-family; } .btn-back { margin: @footer-detail-btn-back-margin; color: @footer-detail-btn-back-color; font-size: @footer-detail-btn-back-font-size; font-family: @footer-detail-btn-back-font-family; } .loyal-guest-continued { text-align: right; } .loyal-guest-confirm { text-align: left; margin: 20px 0 0 0px; padding: 0; .text-left { text-align: left; } } } //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; font-weight: @footer-payment-terms-font-weight; } a:hover, align-content:focus { color: @footer-payment-terms-color; font-size: @footer-payment-terms-font-size; font-family: @footer-payment-terms-font-family; font-weight: @footer-payment-terms-font-weight; text-decoration: @footer-payment-terms-text-decoration; } input { width: @footer-payment-terms-input-width; height: @footer-payment-terms-input-height; } } .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; } .loyal-guest-continued { text-align: right; padding-right: 0px; } .loyal-guest-confirm { text-align: left; margin-top: -20px; padding: 0; .text-left { text-align: left; } } } } //PAGE INDEX : MAIN IMAGE .hotex-box-main-image { /*min-height: @main-box-img-min-height;*/ height: @main-box-img-max-height; padding: @main-box-img-padding; img { width: @main-img-width; /*min-height: @main-img-min-height;*/ height: @main-img-max-height; } } //PAGE INDEX : SEARCH BOX .hotex-box-search { background: none; .container { padding: @index-search-padding; margin: @index-search-margin; } #_reservationLabel, _searchButton { width: 120px; } //221014 #formLine { width: 727px; } //221014 .input-label { height: @index-search-input-height; display: @index-search-input-display; text-align: @index-search-input-text-align; width: @index-search-input-width; } .inline-label { display: @index-search-label-display; vertical-align: @index-search-label-vertical-align; } h4 { padding: @index-search-label-reservation-padding; vertical-align: @index-search-label-reservation-vertical-align; margin: @index-search-label-reservation-margin; } .btn-search { width: @index-search-button-width; //221014 /*min-width: @index-search-button-min-width;*/ line-height: @index-search-button-line-height; text-transform: uppercase; letter-spacing: .5px; } .col-sm-2, .col-sm-1 { padding: @index-search-input-box-padding; } //291014 .hotex-modification-search-button { .btn-search { width: @index-modification-search-button-width; } } } //PAGE INDEX : INTRO .hotex-info { padding-bottom: 10px; background: @index-info-background-color; hr { margin-top: 0; margin-bottom: 0; } .hotex-box-index-intro { margin: @index-intro-margin; background-color: @index-intro-background-color; h3 { text-transform: @index-intro-title-text-transform; color: @index-intro-title-text-color; font-size: @index-intro-title-text-font-size; font-family: @index-intro-title-text-font-family; } p { text-align: @index-intro-decs-text-align; font-family: @index-intro-decs-font-family; font-size: @index-intro-decs-font-size; color: @index-intro-decs-color; } } } //PAGE INDEX : SLIDER .hotex-accomodation { hr { margin-top: 0; margin-bottom: 0; } } .hotex-slide-item { min-height: @index-slide-content-min-height; } .hotex-slider-index { h3 { text-transform: @index-slide-title-text-transform; color: @index-slide-title-text-color; font-size: @index-slide-title-text-font-size; font-family: @index-slide-title-text-font-family; } } .hotex-box-slide-image { min-width: @index-slide-box-img-min-width; img { width: @index-slide-img-width; height: @index-slide-img-height; } } .hotex-box-slide-room { padding: @index-slide-box-decs-padding; min-height: @index-slide-box-decs-min-height; label { font-family: @index-slide-title-font-family; font-size: @index-slide-title-font-size; color: @index-slide-title-font-color; } p { font-family: @index-slide-decs-font-family; font-size: @index-slide-decs-font-size; color: @index-slide-decs-font-color; padding: @index-slide-decs-padding; } span { font-size: @index-slide-title-font-size-span; } } .hotex-box-slide-rate { padding: @index-slide-box-rate-padding; font-family: @index-slide-box-rate-font-family; font-size: @index-slide-box-rate-font-size; color: @index-slide-box-rate-font-color; .hotex-slide-currancy { text-decoration: @index-slide-currancy-text-decoration; color: @index-slide-currancy-color; font-size: @index-slide-currancy-font-size; font-family: @index-slide-currancy-font-family; } .hotex-slide-discount { color: @index-slide-discount-color; font-size: @index-slide-discount-font-size; font-family: @index-slide-discount-font-family; } a { font-size: @index-slide-rate-link-font-size; color: @index-slide-rate-link-color; text-decoration: @index-slide-rate-link-hover-text-decoration; } a:hover, a:focus { color: @index-slide-rate-link-hover-color; text-decoration: @index-slide-rate-link-hover-text-decoration; } } //PAGE RATES : WARNING BOX .hotex-rates-warning { margin: @rates-warning-margin; color: @rates-warning-color; font-family: @rates-warning-font-family; font-size: @rates-warning-font-size; } //PAGE RATES : RESERVATION INFO .hotex-reservation-info { background: @rates-reservation-info-background; margin: @rates-reservation-info-margin; 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; .hotex-reservation-info-item { padding: @rates-reservation-info-item-padding; } .hotex-reservation-info-date { padding: @rates-reservation-info-date-padding; width: @rates-reservation-info-date-width; } 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; } } //PAGE RATES : COMPARASION .hotex-comparasion-box { min-height: @rates-comaparision-min-height; .hotex-bobd { width: @rates-comaparision-bobd-width; margin: @rates-comaparision-bobd-margin; } .hotex-comparasion-link { margin: @rates-comaparision-box-link-margin; a { font-family: @rates-comaparision-link-font-family; font-size: @rates-comaparision-link-font-size; color: @rates-comaparision-link-color; margin: 0px; // @rates-comaparision-link-margin; } a:hover, a:focus { font-size: @rates-comaparision-link-hover-font-size; color: @rates-comaparision-link-hover-color; text-decoration: @rates-comaparision-link-hover-text-decoration; } } } //PAGE RATES : ROOM TYPE COMPARASION POPUP .hotex-room-type-comparison { .animate-hide { -webkit-transition: @rates-room-comparasion-popup-hide-transition; transition: @rates-room-comparasion-popup-hide-transition; line-height: @rates-room-comparasion-popup-hide-line-height; opacity: @rates-room-comparasion-popup-hide-opacity; } .animate-hide.ng-hide-add, .animate-hide.ng-hide-remove { display: @rates-room-comparasion-popup-hide-display !important; } .animate-hide.ng-hide { line-height: @rates-room-comparasion-popup-ng-hide-line-height; opacity: @rates-room-comparasion-popup-ng-hide-opacity; padding: @rates-room-comparasion-popup-ng-hide-padding; } .hotex-glyphicon-ok { color: @rates-room-comparasion-popup-icon-color; font-size: @rates-room-comparasion-popup-icon-font-size; } .hotex-border { margin: @rates-room-comparasion-popup-border-margin; padding-bottom: @rates-room-comparasion-popup-border-padding; color: @rates-room-comparasion-popup-border-color; } .hotex-room-comparasion-decs { padding: @rates-room-comparasion-popup-decs-padding; font-family: @rates-room-comparasion-popup-decs-font-family; font-size: @rates-room-comparasion-popup-decs-font-size; } .hotex-room-comparasion-title { text-transform: @rates-room-comparasion-popup-title-text-transform; font-size: @rates-room-comparasion-popup-title-font-size; font-family: @rates-room-comparasion-popup-title-font-family; color: @rates-room-comparasion-popup-title-color; } .hotex-room-comparasion-link { text-transform: @rates-room-comparasion-popup-link-text-transform; font-size: @rates-room-comparasion-popup-link-font-size; font-family: @rates-room-comparasion-popup-link-font-family; color: @rates-room-comparasion-popup-link-color; } .hotex-room-comparasion-currency { text-transform: @rates-room-comparasion-popup-currency-text-transform; font-size: @rates-room-comparasion-popup-currency-font-size; font-family: @rates-room-comparasion-popup-currency-font-family; color: @rates-room-comparasion-popup-currency-color; } .hotex-room-comparasion-size { text-transform: @rates-room-comparasion-popup-size-text-transform; font-size: @rates-room-comparasion-popup-size-font-size; font-family: @rates-room-comparasion-popup-size-font-family; color: @rates-room-comparasion-popup-size-color; } .hotex-room-comparison-button { img { width: @rates-room-comparasion-popup-button-image-width; height: @rates-room-comparasion-popup-button-image-height; } a { opacity: @rates-room-comparasion-popup-button-opacity; } a:hover, a:focus { opacity: @rates-room-comparasion-popup-button-hover-opacity; } } .hotex-room-comparasion-image { padding: @rates-room-comparasion-popup-box-img-padding; img { width: @rates-room-comparasion-popup-img-width; height: @rates-room-comparasion-popup-img-height; } } } //PAGE RATES : RATE COMPARASION POPUP .hotex-rate-comparison { .animate-hide { -webkit-transition: @rates-rate-comparasion-popup-hide-transition; transition: @rates-rate-comparasion-popup-hide-transition; line-height: @rates-rate-comparasion-popup-hide-line-height; opacity: @rates-rate-comparasion-popup-hide-opacity; } .animate-hide.ng-hide-add, .animate-hide.ng-hide-remove { display: @rates-rate-comparasion-popup-hide-display !important; } .animate-hide.ng-hide { line-height: @rates-rate-comparasion-popup-ng-hide-line-height; opacity: @rates-rate-comparasion-popup-ng-hide-opacity; padding: @rates-rate-comparasion-popup-ng-hide-padding; } .hotex-glyphicon-ok { color: @rates-rate-comparasion-popup-icon-color; font-size: @rates-rate-comparasion-popup-icon-font-size; } .hotex-border { margin: @rates-rate-comparasion-popup-border-margin; padding: @rates-rate-comparasion-popup-border-padding; color: @rates-rate-comparasion-popup-border-color; } .hotex-rate-comparasion-decs { padding: @rates-rate-comparasion-popup-decs-padding; font-family: @rates-rate-comparasion-popup-decs-font-family; font-size: @rates-rate-comparasion-popup-decs-font-size; } .hotex-rate-comparasion-title { text-transform: @rates-rate-comparasion-popup-title-text-transform; font-size: @rates-rate-comparasion-popup-title-font-size; font-family: @rates-rate-comparasion-popup-title-font-family; color: @rates-rate-comparasion-popup-title-color; } .hotex-rate-comparasion-link { text-transform: @rates-rate-comparasion-popup-link-text-transform; font-size: @rates-rate-comparasion-popup-link-font-size; font-family: @rates-rate-comparasion-popup-link-font-family; color: @rates-rate-comparasion-popup-link-color; } .hotex-rate-comparasion-currency { text-transform: @rates-rate-comparasion-popup-currency-text-transform; font-size: @rates-rate-comparasion-popup-currency-font-size; font-family: @rates-rate-comparasion-popup-currency-font-family; color: @rates-rate-comparasion-popup-currency-color; } .hotex-rate-comparasion-size { text-transform: @rates-rate-comparasion-popup-size-text-transform; font-size: @rates-rate-comparasion-popup-size-font-size; font-family: @rates-rate-comparasion-popup-size-font-family; color: @rates-rate-comparasion-popup-size-color; } .hotex-rate-comparison-button { img { width: @rates-rate-comparasion-popup-button-image-width; height: @rates-rate-comparasion-popup-button-image-height; } a { opacity: @rates-rate-comparasion-popup-button-opacity; } a:hover, a:focus { opacity: @rates-rate-comparasion-popup-button-hover-opacity; } } .hotex-rate-comparasion-image { padding: @rates-rate-comparasion-popup-box-img-padding; img { width: @rates-rate-comparasion-popup-img-width; height: @rates-rate-comparasion-popup-img-height; } } } //PAGE RATES : PACKAGE COMPARASION POPUP .hotex-package-comparison { .animate-hide { -webkit-transition: @rates-package-comparasion-popup-hide-transition; transition: @rates-package-comparasion-popup-hide-transition; line-height: @rates-package-comparasion-popup-hide-line-height; opacity: @rates-package-comparasion-popup-hide-opacity; } .animate-hide.ng-hide-add, .animate-hide.ng-hide-remove { display: @rates-package-comparasion-popup-hide-display !important; } .animate-hide.ng-hide { line-height: @rates-package-comparasion-popup-ng-hide-line-height; opacity: @rates-package-comparasion-popup-ng-hide-opacity; padding: @rates-package-comparasion-popup-ng-hide-padding; } .hotex-glyphicon-ok { color: @rates-package-comparasion-popup-icon-color; font-size: @rates-package-comparasion-popup-icon-font-size; } .hotex-border { margin: @rates-package-comparasion-popup-border-margin; padding-bottom: @rates-package-comparasion-popup-border-padding; color: @rates-package-comparasion-popup-border-color; } .hotex-package-comparasion-decs { padding: @rates-package-comparasion-popup-decs-padding; font-family: @rates-package-comparasion-popup-decs-font-family; font-size: @rates-package-comparasion-popup-decs-font-size; } .hotex-package-comparasion-title { text-transform: @rates-package-comparasion-popup-title-text-transform; font-size: @rates-package-comparasion-popup-title-font-size; font-family: @rates-package-comparasion-popup-title-font-family; color: @rates-package-comparasion-popup-title-color; } .hotex-package-comparasion-link { text-transform: @rates-package-comparasion-popup-link-text-transform; font-size: @rates-package-comparasion-popup-link-font-size; font-family: @rates-package-comparasion-popup-link-font-family; color: @rates-package-comparasion-popup-link-color; } .hotex-package-comparasion-currency { text-transform: @rates-package-comparasion-popup-currency-text-transform; font-size: @rates-package-comparasion-popup-currency-font-size; font-family: @rates-package-comparasion-popup-currency-font-family; color: @rates-package-comparasion-popup-currency-color; } .hotex-package-comparasion-size { text-transform: @rates-package-comparasion-popup-size-text-transform; font-size: @rates-package-comparasion-popup-size-font-size; font-family: @rates-package-comparasion-popup-size-font-family; color: @rates-package-comparasion-popup-size-color; } .hotex-package-comparison-button { img { width: @rates-package-comparasion-popup-button-image-width; height: @rates-package-comparasion-popup-button-image-height; } a { opacity: @rates-package-comparasion-popup-button-opacity; } a:hover, a:focus { opacity: @rates-package-comparasion-popup-button-hover-opacity; } } .hotex-package-comparasion-rate { text-transform: @rates-package-comparasion-popup-rate-text-transform; color: @rates-package-comparasion-popup-rate-color; text-align: @rates-package-comparasion-popup-rate-text-align; font-family: @rates-package-comparasion-popup-rate-font-family; font-size: @rates-package-comparasion-popup-rate-font-size; } .hotex-package-comparasion-image { padding: @rates-package-comparasion-popup-box-img-padding; img { width: @rates-package-comparasion-popup-img-width; height: @rates-package-comparasion-popup-img-height; } } } //PAGE RATES : ROOM REQUEST .hotex-room-request-box { .hotex-room-request-item { .col-sm-2, .col-sm-5, .col-sm-7, .col-sm-3, .col-sm-6, .col-sm-12 { padding: @rates-room-request-item-padding; } .hotex-room-request-title { min-height: @rates-room-request-item-title-min-height; font-weight: @rates-room-request-item-title-font-weight; font-size: @rates-room-request-item-title-font-size; font-family: @rates-room-request-item-title-font-family; color: @rates-room-request-item-title-color; } .hotex-room-request-label { padding: @rates-room-request-item-label-padding; font-weight: @rates-room-request-item-label-font-weight; font-size: @rates-room-request-item-label-font-size; font-family: @rates-room-request-item-label-font-family; color: @rates-room-request-item-label-color; } .hotex-room-request-captcha-label { padding: @rates-room-request-item-captcha-label-padding; font-weight: @rates-room-request-item-captcha-label-font-weight; font-size: @rates-room-request-item-captcha-label-font-size; font-family: @rates-room-request-item-captcha-label-font-family; color: @rates-room-request-item-captcha-label-color; } .hotex-room-request-captcha { img { padding-bottom: @rates-room-request-item-captcha-image-padding-bottom; } } } } //PAGE RATES : RESERVATION MENU .hotex-reservation-menu { margin-top: @rates-reservation-menu-margin-top; text-transform: @rates-reservation-menu-text-text-transform; .col-sm-2 { padding: @rates-reservation-menu-button-padding; } .active .arrow-down { width: @rates-reservation-menu-arrow-width; height: @rates-reservation-menu-arrow-height; text-align: @rates-reservation-menu-arrow-text-align; margin: @rates-reservation-menu-arrow-margin; border-left: @rates-reservation-menu-arrow-border-left; border-right: @rates-reservation-menu-arrow-border-right; border-top: @rates-reservation-menu-arrow-border-top; } .hotex-menu-btn { margin: @rates-reservation-menu-button-margin; cursor: @rates-reservation-menu-button-cursor; a { color: @rates-reservation-menu-button-link-color; text-decoration: @rates-reservation-menu-button-link-text-decoration; font-size: @rates-reservation-menu-button-link-font-size; font-family: @rates-reservation-menu-button-link-font-family; } a:hover, a:focus { color: @rates-reservation-menu-button-link-hover-color; text-decoration: @rates-reservation-menu-button-link-hover-text-decoration; font-size: @rates-reservation-menu-button-link-hover-font-size; font-family: @rates-reservation-menu-button-link-hover-font-family; } } .active .hotex-menu-btn { background-color: @rates-reservation-menu-active-button-background-color; margin: @rates-reservation-menu-active-button-margin; padding: @rates-reservation-menu-active-button-padding; cursor: @rates-reservation-menu-active-button-cursor; a { color: @rates-reservation-menu-active-button-link-color; text-decoration: @rates-reservation-menu-active-button-link-text-decoration; font-size: @rates-reservation-menu-active-button-link-font-size; font-family: @rates-reservation-menu-active-button-link-font-family; } a:hover, a:focus { color: @rates-reservation-menu-active-button-link-hover-color; text-decoration: @rates-reservation-menu-active-button-link-hover-text-decoration; font-size: @rates-reservation-menu-active-button-link-hover-font-size; font-family: @rates-reservation-menu-active-button-link-hover-font-family; } } } //PAGE RATES : RATE LIST CONTENT .hotex-box-rates { .hotex-box-rates-content { margin: @rates-content-margin; .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; } .col-sm-12 { padding: @rates-title-box-padding; } } .hotex-rates-decs { margin: @rates-decs-margin; .col-sm-6 { padding: @rates-decs-box-padding; } } .hotex-rates-info { margin: @rates-info-margin; .hotex-rate-image-slider { width: @rates-info-image-slider-box-width; padding: @rates-info-image-slider-box-padding; .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 { height: @rates-info-carousel-icon-height; width: @rates-info-carousel-icon-width; } } .hotex-border { margin: @rates-border-margin; } .hotex-table-rates { width: 70.66666667%; padding-right: 0px; hr { margin-right: -10px; } .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; padding-left: 15px; .move-left { margin-left: -5px; } } .hotex-table-rates-content { .hotex-table-rates-content1 { .badge { background-color: @rates-table-content1-badge-background-color; color: @rates-table-content1-badge-color; font-size: @rates-table-content1-badge-font-size; min-height: @rates-table-content1-badge-min-height; } span { font-size: @rates-table-content1-span-font-size; font-weight: @rates-table-content1-span-font-weight; color: @rates-table-content1-span-color; } a { font-size: @rates-table-content1-a-font-size; color: @rates-table-content1-a-color; text-decoration: @rates-table-content1-a-text-decoration; } a:hover, a:focus { font-size: @rates-table-content1-a-hover-font-size; color: @rates-table-content1-a-hover-color; text-decoration: @rates-table-content1-a-hover-text-decoration; } p{ font-size:13px; color: @rates-table-content1-color; } } .hotex-table-rates-content3 { padding-left: 0px; padding-right: 0px; .hotex-rate-content { a { font-size: @rate-detail-item-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: @rate-detail-item-font-size; color: @rates-table-content3-a-hover-color; text-decoration: @rates-table-content3-a-hover-text-decoration; } } .hotex-rate-member-content { a { font-size: 12px; color: @rates-table-content1-span-color; font-weight: @rates-table-content3-a-font-weight; text-decoration: @rates-table-content3-a-text-decoration; } a:hover, a:focus { font-size: 12px; color: @rates-table-content3-a-color; text-decoration: @rates-table-content3-a-hover-text-decoration; } } p { font-size: @rates-table-content3-a-hover-font-size; color: @rates-table-content1-p-color; } span { font-size: @rates-table-content3-span-font-size; font-weight: @rates-table-content3-span-font-weight; color: @rates-table-content3-span-color; text-decoration: @rates-table-content3-span-text-decoration; } } .hotex-table-rates-content3A { padding-right: 0px; a { font-size: 12px; 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: 12px; color: @rates-table-content3-a-hover-color; text-decoration: @rates-table-content3-a-hover-text-decoration; } p { font-size: @rates-table-content3-a-hover-font-size; color: @rates-table-content1-p-color; } span { font-size: @rates-table-content3-span-font-size; font-weight: @rates-table-content3-span-font-weight; } } .hotex-table-rates-content4 { text-align: @rates-table-content4-text-align; padding-left: 0px; padding-right: 0; font-size: 12px; width: 115px; .redirect-signup-offer { font-size: 14px; text-decoration:none; strong { color: @rates-table-content4-a-color; span { text-decoration: underline; font-style: normal; color: @rates-table-content4-a-color; } } } } .hotex-table-rates-content4 span { color: @rates-table-content3-span-color; font-style: italic; } .hotex-table-rates-content2B { padding-left: 0%; span { font-size: @detail-reservation-info-rate-details-button-font-size; color: @rates-table-content3-a-color; .point { font-size: 11px; } } p { font-size: 11px; color: @rates-table-content1-p-color; } } } .hotex-open-tab-packages { margin-top: @rates-table-open-packages-margin-top; a { font-style: @rates-table-open-packages-font-style; font-size: @rates-table-open-packages-font-size; color: @rates-table-open-packages-color; text-decoration: @rates-table-open-packages-text-decoration; cursor: @rates-table-open-packages-cursor; } a:hover, a:focus { color: @rates-table-open-packages-hover-color; text-decoration: @rates-table-open-packages-hover-text-decoration; } } } } } //PAGE RATES : ROOM INFORMATION POPUP .hotex-room-information { .hotex-room-information-image { padding: @rates-room-information-popup-box-img-padding; 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 { height: @rates-room-information-popup-carousel-icon-height; width: @rates-room-information-popup-carousel-icon-width; } } .hotex-room-information-box-desc { padding: @rates-room-information-popup-box-desc-padding; .hotex-room-information-title { /*label {*/ 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-desc { /*p {*/ 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; /*}*/ } .hotex-room-information-amenities { .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; padding: @rates-room-information-popup-amenities-content-padding; ul { padding: @rates-room-information-popup-amenities-content-ul-padding; } } } } } //PAGE RATES : TERMS AND CONDITION POPUP .hotex-rates-terms { margin: @rates-terms-popup-box-margin; .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; } b { color: @rates-terms-popup-title-color; font-size: @rates-terms-popup-title-font-size; font-family: @rates-terms-popup-title-font-family; } ul { 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 RATES : RATES DETAIL POPUP .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; } } } //PAGE RATES : PACKAGE CONTENT .hotex-box-rates-packages { padding: @packages-box-rates-margin; .hotex-box-packages-content { margin: @packages-content-margin; .hotex-packages-title { text-transform: @packages-title-text-transform; .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; text-transform: @packages-link-title-text-transform; } .package-information-button:hover { color: @packages-link-hover-title-color; text-decoration: @packages-link-hover-title-text-decoration; font-size: @packages-link-hover-title-font-size; font-family: @packages-link-hover-title-font-family; text-transform: @packages-link-title-text-transform; } } .hotex-package-content1 { width: @packages-content1-width; .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 { margin: @packages-content1-addon-p-margin; font-family: @packages-content1-addon-p-font-family; font-size: @packages-content1-addon-p-font-size; font-weight: @packages-content1-addon-p-font-weight; color: @packages-content1-addon-p-color; } ul { font-family: @packages-content1-addon-p-font-family; font-size: @packages-content1-addon-ul-font-size; padding: @packages-content1-addon-ul-padding; margin: @packages-content1-addon-ul-margin; } } .hotex-package-more { a { font-family: @packages-content1-more-link-font-family; font-size: @packages-content1-more-link-font-size; color: @packages-content1-more-link-color; text-decoration: @packages-content1-more-link-text-decoration; } a:hover { font-family: @packages-content1-more-link-hover-font-family; font-size: @packages-content1-more-link-hover-font-size; color: @packages-content1-more-link-hover-color; text-decoration: @packages-content1-more-link-hover-text-decoration; } } } .hotex-package-content2 { width: 760px; .hotex-packages-desc { .hotex-package-information-desc { margin: @packages-content2-desc-margin; } .hotex-package-information-promo { margin: @packages-content2-promo-margin; font-size: @packages-content2-promo-font-size; text-transform: inherit; color: @packages-content2-promo-color; } .hotex-package-information-note { padding: @packages-content2-note-padding; } } .hotex-package-table-rates { margin: @packages-content2-table-margin; .hotex-package-table-rates-title { .hotex-package-rates-name { font-family: @packages-content2-table-title-name-font-family; font-size: @packages-content2-table-title-name-font-size; color: @packages-content2-table-title-name-color; font-weight: @rates-table-title-font-weight; } .hotex-package-rates-terms { text-align: @packages-content2-table-title-terms-text-align; a { font-family: @packages-content2-table-title-terms-font-family; font-size: @packages-content2-table-title-terms-font-size; color: @packages-content2-table-title-terms-color; } a:hover, a:focus { font-family: @packages-content2-table-title-terms-hover-font-family; font-size: @packages-content2-table-title-terms-hover-font-size; color: @packages-content2-table-title-terms-hover-color; } } } .hotex-package-table-rates-content { .hotex-package-name { .room-information-button { 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; } .room-information-button:hover { font-family: @packages-content2-table-content-name-hover-font-family; font-size: @packages-content2-table-content-name-hover-font-size; color: @packages-content2-table-content-name-hover-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-rate-none { #price { color: @packages-content2-table-content-price-color; } #rate { color: @packages-content2-table-content-rate-color; } } .hotex-package-button { margin: @packages-content2-table-content-button-margin; span { text-decoration: underline; } .btn-search { min-width: @packages-content2-table-content-button-min-width; } } } } } } } //PAGE RATES : PACKAGE INFORMATION POPUP .hotex-package-information { .hotex-package-information-image { padding: @packages-room-information-popup-img-padding; img { width: @packages-room-information-popup-img-width; height: @packages-room-information-popup-img-height; } } .hotex-package-information-box-decs { padding: @packages-room-information-popup-box-desc-padding; .hotex-package-information-title { .hotex-package-information-title-name { text-transform: @packages-room-information-popup-title-text-transform; font-size: @packages-room-information-popup-title-font-size; font-family: @packages-room-information-popup-title-font-family; font-weight: @packages-room-information-popup-title-font-weight; color: @packages-room-information-popup-title-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-ul-font-size; font-family: @packages-room-information-popup-include-ul-font-family; color: @packages-room-information-popup-include-ul-color; padding: @packages-room-information-popup-include-ul-padding; } } } .hotex-package-information-policy { text-align: @packages-room-information-popup-policy-text-align; margin: @packages-room-information-popup-policy-margin; p { font-size: @packages-room-information-popup-policy-p-font-size; font-family: @packages-room-information-popup-policy-p-font-family; color: @packages-room-information-popup-policy-p-color; font-weight: @packages-room-information-popup-policy-p-font-weight; margin: @packages-room-information-popup-policy-p-margin; } ul { font-size: @packages-room-information-popup-policy-ul-font-size; font-family: @packages-room-information-popup-policy-ul-font-family; color: @packages-room-information-popup-policy-ul-color; padding: @packages-room-information-popup-policy-ul-padding; } } } //PAGE DETAIL : RESERVATION INFO .hotex-reservation-info-detail { background: @detail-reservation-info-background; margin: @detail-reservation-info-margin; min-height: @detail-reservation-info-min-height; font-size: @detail-reservation-info-font-size; font-family: @detail-reservation-info-font-family; color: @detail-reservation-info-color; .hotex-reservation-info-detail-content1 { font-size: @detail-reservation-info-content1-font-size; font-family: @detail-reservation-info-content1-font-family; color: @detail-reservation-info-content1-color; padding: @detail-reservation-info-content1-padding; } .hotex-reservation-info-detail-content2 { padding: @detail-reservation-info-content2-padding; border-left: @detail-reservation-info-content2-border-left; .hotex-info-content2-box-decs { margin: @detail-reservation-info-content2-decs-margin; .hotex-info-content2-item { .hotex-modify-search { font-family: @detail-reservation-info-content2-decs-link-modify-font-family; font-size: @detail-reservation-info-content2-decs-link-modify-font-size; color: @detail-reservation-info-content2-decs-link-modify-color; text-decoration: @detail-reservation-info-content2-decs-link-modify-text-decoration; } .hotex-modify-search:hover, .hotex-modify-search:focus { font-family: @detail-reservation-info-content2-decs-link-modify-hover-font-family; font-size: @detail-reservation-info-content2-decs-link-modify-hover-font-size; color: @detail-reservation-info-content2-decs-link-modify-hover-color; text-decoration: @detail-reservation-info-content2-decs-link-modify-hover-text-decoration; } .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; } } } .hotex-info-content2-item { margin: @detail-reservation-info-content2-item-margin; padding: @detail-reservation-info-content2-item-padding; .col-sm-8, .col-sm-2 { padding: @detail-reservation-info-content2-item-input-padding; } .hotex-info-package-title { span { font-family: @detail-reservation-info-content2-item-title-font-family; font-size: @detail-reservation-info-content2-item-title-font-size; color: @detail-reservation-info-content2-item-title-color; } p { margin-top: @detail-reservation-info-content2-item-p-color; } } .hotex-acumulasi-label { text-align: @detail-reservation-info-content2-item-acumulasi-text-align; padding-left: @detail-reservation-info-content2-item-acumulasi-padding-left; padding-right: @detail-reservation-info-content2-item-acumulasi-padding-right; a { 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; } a:hover, a: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-average { width: @detail-reservation-info-content2-item-average-width; padding: @detail-reservation-info-content2-item-average-padding; .rate-details-button { font-style: @detail-reservation-info-rate-details-button-font-style; font-size: @detail-reservation-info-rate-details-button-font-size; color: @detail-reservation-info-rate-details-button-color; text-decoration: @detail-reservation-info-rate-details-button-text-decoration; cursor: @detail-reservation-info-rate-details-button-cursor; } .rate-details-button:hover, .rate-details-button:focus { color: @detail-reservation-info-rate-details-button-hover-color; text-decoration: @detail-reservation-info-rate-details-button-hover-text-decoration; } } .hotex-info-content2-total { width: @detail-reservation-info-content2-item-total-width; padding: @detail-reservation-info-content2-item-total-padding; } .hotex-info-content2-button { width: @detail-reservation-info-content2-item-button-width; } .hotex-info-childern { margin-top: @detail-reservation-info-content2-item-childern-margin-top; } .hotex-button-upadate { min-height: @detail-reservation-info-content2-button-upadate-min-height; .btn-search { min-width: @detail-reservation-info-content2-button-upadate-min-width; } } } .hotex-box-detail-title { background-color: @detail-reservation-info-content2-box-title-background-color; color: @detail-reservation-info-content2-box-title-color; font-size: @detail-reservation-info-content2-box-title-font-size; font-family: @detail-reservation-info-content2-box-title-font-family; 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-label-margin; } } .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-search-padding; } //PAGE DETAIL : COLLAPSE BOX .hotex-all-collapse-box { margin: @detail-collapse-margin; .arrow-down { width: @detail-collapse-arrow-width; height: @detail-collapse-arrow-height; text-align: @detail-collapse-arrow-text-align; margin: @detail-collapse-arrow-margin; border-left: @detail-collapse-arrow-border-left; border-right: @detail-collapse-arrow-border-right; border-top: @detail-collapse-arrow-border-top; } .panel-heading { margin: @detail-collapse-panel-heading-margin; text-align: @detail-collapse-panel-heading-text-align; text-transform: @detail-collapse-panel-heading-text-transform; a { font-size: @detail-collapse-button-text-font-size; font-family: @detail-collapse-button-text-font-family; color: @detail-collapse-button-text-color; padding: @detail-collapse-button-padding; border-bottom: @detail-collapse-button-border-bottom; text-decoration: @detail-collapse-button-text-decoration; } a:hover { font-size: @detail-collapse-button-hover-text-font-size; font-family: @detail-collapse-button-hover-text-font-family; color: @detail-collapse-button-hover-text-color; text-decoration: @detail-collapse-button-text-decoration; } } .hotex-form { padding-top: @detail-collapse-form-padding; } } //PAGE DETAIL : COLLAPSE ADDON .hotex-addon-body { padding: @detail-collapse-addon-padding; .hotex-border { margin: @detail-collapse-addon-border-margin; padding: @detail-collapse-addon-border-padding; } .hotex-group-addon { padding: @detail-collapse-addon-group-padding; .hotex-group-addon-title { 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; margin: @detail-collapse-addon-group-title-margin; } .hotex-group-addon-item { margin: @detail-collapse-addon-item-group-margin; .hotex-box-addon-item { margin: @detail-collapse-addon-box-item-margin; padding: @detail-collapse-addon-box-item-padding; .hotex-box-addon { min-height: @detail-collapse-addon-box-min-height; .hotex-box-addon-image { 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; padding: @detail-collapse-addon-currency-padding; width: @detail-collapse-addon-currency-width; text-align: @detail-collapse-addon-currency-text-align; label { margin: @detail-collapse-addon-currency-label-margin; } } } .hotex-box-addon-input { padding: @detail-collapse-addon-input-box-padding; .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-hover-font-size; font-weight: @detail-collapse-addon-input-title-hover-font-weight; font-family: @detail-collapse-addon-input-title-hover-font-family; text-decoration: @detail-collapse-addon-input-title-hover-text-decoration; color: @detail-collapse-addon-input-title-hover-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 : COLLAPSE ADDON POPUP .hotex-addon-information { .hotex-addon-information-image { margin: @detail-collapse-addon-information-img-box-margin; width: @detail-collapse-addon-information-img-box-width; height: @detail-collapse-addon-information-img-box-height; img { width: @detail-collapse-addon-information-img-width; height: @detail-collapse-addon-information-img-height; } } .hotex-addon-information-title { 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 .hotex-guest-details { padding-top: @detail-collapse-guest-padding-top; .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;*/ font-weight: normal !important; } p { margin-bottom: @detail-collapse-guest-item-margin-bottom; } .hotex-year-birth-input { width: @detail-collapse-guest-item-birth-year-width; } .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; } .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 GUEST DETAIL .hotex-flight-details { padding-top: @detail-flight-details-padding-top; .hotex-arrival { width: @detail-collapse-flight-arrival-width; .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; .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-box-special { padding-top: @detail-collapse-box-special-padding-top; font-family: @detail-collapse-box-special-font-family; font-size: @detail-collapse-box-special-font-size; color: @detail-collapse-box-special-color; .hotex-box-special-item { .hotex-spesial-length { width: @detail-collapse-box-special-item-length-width; } } span { padding: @detail-collapse-box-special-span-padding; } } //PAGE PAYMENT : RESERVATION INFO .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-content1 { font-size: @payment-reservation-info-content1-font-size; font-family: @payment-reservation-info-content1-font-family; color: @payment-reservation-info-content1-color; padding: @payment-reservation-info-content1-padding; } .hotex-reservation-info-payment-content2 { padding: @payment-reservation-info-content2-padding; border-left: @payment-reservation-info-content2-border-left; .hotex-box-payment-title { 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; padding: @payment-reservation-info-content2-title-padding; label { margin: @payment-reservation-info-content2-label-margin; } } .hotex-box-payment-content { padding: @payment-reservation-info-content2-content-padding; width: @payment-reservation-info-content2-content-width; content: @payment-reservation-info-content2-content; display: @payment-reservation-info-content2-content-display; } } } //PAGE PAYMENT : COLLAPSE BOX .hotex-all-collapse-box { margin: @detail-collapse-margin; .arrow-down { width: @detail-collapse-arrow-width; height: @detail-collapse-arrow-height; text-align: @detail-collapse-arrow-text-align; margin: @detail-collapse-arrow-margin; border-left: @detail-collapse-arrow-border-left; border-right: @detail-collapse-arrow-border-right; border-top: @detail-collapse-arrow-border-top; } .panel-heading { margin: @detail-collapse-panel-heading-margin; text-align: @detail-collapse-panel-heading-text-align; a { font-size: @detail-collapse-button-text-font-size; font-family: @detail-collapse-button-text-font-family; color: @detail-collapse-button-text-color; padding: @detail-collapse-button-padding; border-bottom: @detail-collapse-button-border-bottom; text-decoration: @detail-collapse-button-text-decoration; } a:hover { font-size: @detail-collapse-button-hover-text-font-size; font-family: @detail-collapse-button-hover-text-font-family; color: @detail-collapse-button-hover-text-color; text-decoration: @detail-collapse-button-text-decoration; } } .hotex-form { padding-top: @detail-collapse-form-padding; } } //PAGE PAYMENT : GUEST LIST BOX .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 { text-align: @payment-guest-form-title-text-align; padding: @payment-guest-form-title-padding; font-family: @payment-guest-form-title-font-family; font-size: @payment-guest-form-title-font-size; color: @payment-guest-form-title-color; } .form-group { margin: @payment-guest-box-form-margin; } .hotex-room-request-label { padding: @payment-guest-request-title-padding; 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 { padding: @payment-guest-note-title-padding; 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; } } //PAGE PAYMENT : PAYMENT OPTION .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 { 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; margin: @payment-pax-card-information-ul-margin; } } .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; } } } .hotex-secure-payment { margin-top: @payment-secure-margin-top; } //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 { margin: @accomodation-box-margin; .hotex-accomodation-box-item { padding: @accomodation-box-item-padding; border: @accomodation-box-item-border; margin: @accomodation-box-item-margin; .hotex-accomodation-title { text-transform: @accomodation-box-title-text-transform; padding: @accomodation-box-title-padding; 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 { 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 { 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 { font-size: @accomodation-content2-amenities-ul-font-size; font-family: @accomodation-content2-amenities-ul-font-family; color: @accomodation-content2-amenities-ul-color; margin: @accomodation-content2-amenities-ul-margin; } } } } } //PAGE FACILITIES : CONTENT 1 .hotex-facilities-content1 { .hotex-facilities-title { text-transform: @facilities-content1-title-text-transform; label { font-size: @facilities-content1-title-label-font-size; font-family: @facilities-content1-title-label-font-family; color: @facilities-content1-title-label-color; padding: @facilities-content1-title-label-padding; font-weight: @facilities-content1-title-label-font-weight; } h4 { font-size: @facilities-content1-title-h4-font-size; font-family: @facilities-content1-title-h4-font-family; color: @facilities-content1-title-h4-color; } } .hotex-facilities-box { margin: @facilities-content1-box-margin; .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 { text-transform: @facilities-content2-title-text-transform; padding: @facilities-content2-title-padding; 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 { margin: @facilities-content2-box-margin; .hotex-facilities-group { .hotex-facilities-item { padding: @facilities-content2-item-padding; .hotex-facilities-information-box { margin: @facilities-content2-information-box-margin; border: @facilities-content2-information-box-border; min-height: 472px !important; .hotex-information-image { 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 { padding: @facilities-content2-information-name-padding; 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; } .hotex-information-desc { text-align: @facilities-content2-information-desc-text-align; padding: @facilities-content2-information-desc-padding; font-family: @facilities-content2-information-desc-font-family; font-size: @facilities-content2-information-desc-font-size; color: @facilities-content2-information-desc-color; word-wrap: break-word; } } } } } } //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 { padding: @location-content1-point-interest-box-h4-padding; .hotex-point-interest-item { padding: @location-content1-point-interest-item-padding; margin: @location-content1-point-interest-item-margin; border: @location-content1-point-interest-item-border; .hotex-interest-name { 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; padding: @location-content1-point-interest-name-padding; border-bottom: @location-content1-point-interest-name-border-bottom; } .hotex-interest-distance { 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; padding: @location-content1-point-interest-distance-padding; } } } } //PAGE LOCATION : CONTENT 2 .hotex-map-direction-label { text-transform: @location-content2-title-text-transform; padding: @location-content2-title-padding; 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 { text-align: @location-content2-map-text-align; padding: @location-content2-map-padding; #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 { font-family: @location-content2-decs-font-family; text-align: @location-content2-decs-text-align; padding: @location-content2-decs-padding; } } //PAGE PACKAGES : CONTENT 1 .hotex-box-packages { margin: @page-packages-margin; .hotex-packages-image { img { width: @page-packages-img-width; height: @page-packages-img-height; } } .hotex-package-information-content1 { .btn-packages { text-transform: @page-packages-content1-link-text-transform; } span { color: @page-packages-content1-span-color; font-size: @page-packages-content1-span-font-size; } .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; margin: @page-packages-content1-desc-margin; 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: @page-packages-content1-price-box-margin; .hotex-package-price-label { 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; padding: @page-packages-content1-price-label-padding; } .hotex-package-price-button { padding: @page-packages-content1-price-button-padding; } } } //PAGE PACKAGES : CONTENT 2 .hotex-packages-detail { margin: @page-packages-content2-detail-margin; padding: @page-packages-content2-detail-padding; background-color: @page-packages-content2-detail-background-color; label { 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 { font-size: @page-packages-content2-ul-font-size; font-family: @page-packages-content2-ul-font-family; color: @page-packages-content2-ul-color; margin: @page-packages-content2-ul-margin; } } //PAGE PACKAGES : CONTENT 3 .hotex-packages-information-content3 { .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 { padding: @page-packages-content3-other-padding; .btn-search { margin: @page-packages-content3-other-button-margin; width: @page-packages-content3-other-button-width; } img { width: @page-packages-content3-other-img-width; height: @page-packages-content3-other-img-height; } .hotex-other-packages-content { .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 { 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; .package-information-button { text-transform: @page-packages-content3-other-desc-button-text-transform; a { color: @package-information-button-link-color; } } } .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; width: @page-packages-content3-other-avarage-currancy-width; } } } } } //PAGE RETRIEVE RESERVATION : TABLE LIST RESERVATION .hotex-retrieve-reservation { margin: @retrieve-box-list-margin; .hotex-mobile-retrieve-title { font-size: @retrieve-title-font-size; font-family: @retrieve-title-font-family; color: @retrieve-title-color; text-transform: @retrieve-title-text-transform; padding: @retrieve-title-padding; } .hotex-table { width: @retrieve-table-width; margin: @retrieve-table-margin; .hotex-reservation-table-option { min-width: @retrieve-table-option-min-width; .btn-search { margin: @retrieve-table-option-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: @retrieve-button-back-margin; } } //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 { padding-left: @retrieve-detail-header-padding-left; padding-right: @retrieve-detail-header-padding-right; font-size: @retrieve-detail-header-font-size; font-family: @retrieve-detail-header-font-family; color: @retrieve-detail-header-color; .col-xs-5, .col-xs-1, .col-xs-7 { padding: @retrieve-detail-header-padding-colom; } } .hotex-box-retrieve-detail-title { margin-top: @retrieve-detail-box-title-margin-top; 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; 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; .col-sm-12 { padding: @retrieve-detail-breakdown-padding; } 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-special { //27/11/14 margin-top: 20px; } .hotex-reservation-detail-content { margin-top: @retrieve-detail-content-margin-top; margin-left: @retrieve-detail-content-margin-left; margin-right: @retrieve-detail-content-margin-right; font-size: @retrieve-detail-content-font-size; font-family: @retrieve-detail-content-font-family; color: @retrieve-detail-content-color; .col-xs-5, .col-xs-7, .col-xs-9, .col-xs-3, .col-xs-2, .col-xs-1, .col-xs-10 { padding: @retrieve-detail-content-padding-colom; } .hotex-margin-left { margin-left: @retrieve-detail-content-right-margin-left; } } .hotex-reservation-terms { font-size: @retrieve-detail-terms-font-size; font-family: @retrieve-detail-terms-font-family; color: @retrieve-detail-terms-color; .col-sm-12 { padding: @retrieve-detail-terms-padding; } ul { margin: @retrieve-detail-terms-ul-margin; padding-left: @retrieve-detail-terms-ul-padding-left; } } .hotex-reservation-footer { margin: @retrieve-detail-footer-margin; } } //PAGE RETRIEVE RESERVATION : RESERVATION CANCEL .hotex-reservation-cancel { margin-top: @retrieve-cancel-margin-top; margin-bottom: @retrieve-cancel-margin-bottom; 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; } } //PAGE RETRIEVE RESERVATION : RESERVATION CANCEL POPUP .hotex-cancel-popup-box { padding: @retrieve-cancel-popup-padding; .hotex-cancel-popup-title { padding: @retrieve-cancel-popup-title-padding; } } //---------------------------------------------MP SECTION--------------------------------------- //GENERAL HEADER1 MP .hotexmp-box-header1 { height: @mp-header1-box-height; .hotexmp-box-dropdownlist { margin-top: @mp-header1-dropdownlist-box-margin-top; float: @mp-header1-dropdownlist-box-float; width: @mp-header1-dropdownlist-box-width; } } .hotexmp-box-main-image { margin-top: @mp-main-image-box-margin-top; height: @mp-main-image-box-height; padding: @mp-main-image-box-padding; img { width: @mp-main-image-width; height: @mp-main-image-height; margin-top: @mp-main-image-margin-top; } } //GENERAL HEADER2 MP .hotex-header2-main-image { img { width: @mp-header2-img-width; } } .hotexmp-box2-header2 { background-color: @mp-header2-background-color; color: @mp-header2-color; padding: @mp-header2-padding; min-height: @mp-header2-min-height; .hotexmp-box2-header2-name { /*margin-top: @mp-header2-name-margin-top;*/ } .hotexmp-box2-header2-dropdownlist { padding: @mp-header2-dropdownlist-padding; .hotexmp-header2-dropdownlist-language { min-width: @mp-header2-dropdownlist-language-min-width; float: @mp-header2-dropdownlist-language-float; padding-left: @mp-header2-dropdownlist-language-padding-left; } .hotexmp-header2-dropdownlist-currency { min-width: @mp-header2-dropdownlist-currency-min-width; float: @mp-header2-dropdownlist-currency-float; } } h4 { font-size: @mp-header2-label-hotel-name-font-size; font-family: @mp-header2-label-hotel-name-font-family; color: @mp-header2-label-hotel-name-color; } h6 { font-size: @mp-header2-label-address-font-size; font-family: @mp-header2-label-address-font-family; color: @mp-header2-label-address-color; } } //POPUP RETRIEVE RESERVATION 05/12/14 #retriveReservationModal { .col-sm-offset-1 { margin-left: 20px; } } //PAGE INDEX : SEARCH BOX MP .hotexmp-box-search { width: @mp-index-search-box-width; /*padding-left: @mp-index-search-box-padding-left; padding-right: @mp-index-search-box-padding-right;*/ .row { margin: 0; } .hotexmp-search-warning { .rs-font-error { margin-top: @mp-index-search-warning-margin-top; background: @mp-index-search-warning-background; padding: @mp-index-search-warning-padding; border: @mp-index-search-warning-border; border-radius: @mp-index-search-warning-border-radius; ul { margin: @mp-index-search-warning-ul-margin; } } } .hotexmp-search-content { padding: @mp-index-search-content-padding; width: 1135px; select { text-align: @mp-index-search-content-select-text-align; padding-right: @mp-index-search-content-select-padding-right; } .input-label { height: @mp-index-search-content-input-label-height; display: @mp-index-search-content-input-label-display; text-align: @mp-index-search-content-input-label-text-align; width: @mp-index-search-content-input-label-width; } .input-mplabel { height: @mp-index-search-content-input-label-height; display: @mp-index-search-content-input-label-display; text-align: @mp-index-search-content-input-label-text-align; width: @mp-index-search-content-input-label-width; } .inline-label { display: @mp-index-search-content-inline-label-display; vertical-align: @mp-index-search-content-inline-label-vertical-align; } .btn-search { line-height: @mp-index-search-content-search-button-line-height; } .hotelist-dropdown { margin-bottom: @mp-index-search-content-hotelList-dropdown-margin-bottom; select { padding-left: 5px; padding-right: 5px; } .btn-search:hover, .btn-search:focus { color: @mp-index-search-content-search-button-hover-color; } } } .col-sm-2, .col-sm-1 { padding: @mp-index-search-input-padding; } } //PAGE HOTELLIST: RESERVATION INFO MP .hotexmp-reservation-info { background: @mp-hotelList-reservation-info-background; margin: @mp-hotelList-reservation-info-margin; text-align: @mp-hotelList-reservation-info-text-align; .hotex-reservation-info-item { padding: @mp-hotelList-reservation-info-item-padding; } .hotex-reservation-info-date { padding: @mp-hotelList-reservation-info-date-padding; width: @mp-hotelList-reservation-info-date-width; } a { color: @mp-hotelList-reservation-info-link-color; text-decoration: @mp-hotelList-reservation-info-link-text-decoration; } a:hover, a:focus { color: @mp-hotelList-reservation-info-link-hover-color; text-decoration: @mp-hotelList-reservation-info-link-hover-text-decoration; } } //PAGE HOTELLIST: HOTELIST MP .hotexmp-hotel-list-box { .hotexmp-box-find { margin-bottom: @mp-hotelList-find-box-margin-bottom; text-transform: @mp-hotelList-find-box-text-transform; .hotexmp-find-page { padding: @mp-hotelList-find-page-padding; } .hotexmp-find-hotel { /*.btn-dropdown-hotelList { background: @mp-hotelList-find-dropdown-background; color: @mp-hotelList-find-dropdown-color; padding: @mp-hotelList-find-dropdown-padding; }*/ .btn-dropdown-hotelList { background: @btn-search-background; color: @btn-search-color; padding: @mp-hotelList-find-dropdown-padding; } } } .hotexmp-listHotel-label-note { margin: @mp-hotelList-note-label-margin; } .hotex-box-listHotel { .hotex-listHotel-title-box { padding: @mp-hotelList-content-title-box-padding; .hotex-listHotel-title { font-family: @mp-hotelList-content-hotel-name-font-family; font-size: @mp-hotelList-content-hotel-name-font-size; color: @mp-hotelList-content-hotel-name-color; font-weight: @mp-hotelList-content-hotel-name-font-weight; a { color: @mp-hotelList-content-hotel-name-link-color; font-family: @mp-hotelList-content-hotel-name-link-font-family; font-size: @mp-hotelList-content-hotel-name-link-font-size; } a:hover, a:focus { color: @mp-hotelList-content-hotel-name-link-hover-color; } } .hotex-listHotel-address { font-family: @mp-hotelList-content-hotel-address-font-family; font-size: @mp-hotelList-content-hotel-address-font-size; color: @mp-hotelList-content-hotel-address-color; } } .hotex-listHotel-decs { .hotex-listHotel-image { width: @mp-hotelList-decs-image-box-width; height: @mp-hotelList-decs-image-box-height; img { width: @mp-hotelList-decs-image-width; height: @mp-hotelList-decs-image-height; } } .hotex-listHotel-content { padding: @mp-hotelList-content-padding; width: @mp-hotelList-content-width; .row { margin-left: @mp-hotelList-content-row-margin-left; margin-right: @mp-hotelList-content-row-margin-right; } .hotex-hotelList-button { padding: @mp-hotelList-decs-button-padding; .col-sm-12 { padding: @mp-hotelList-content-padding; .btn { border-radius: @mp-hotelList-content-button-radius; } } a { background: @mp-hotelList-decs-button-background; color: @mp-hotelList-decs-button-color; font-family: @mp-hotelList-decs-button-font-family; font-size: @mp-hotelList-decs-button-font-size; } a:hover, a:focus { background: @mp-hotelList-decs-button-hover-background; color: @mp-hotelList-decs-button-hover-color; } } .hotex-hotelList-info { .hotex-hotelList-info-content1 { margin: @mp-hotelList-info-content1-margin; padding: @mp-hotelList-info-content1-padding; .hotex-hotelList-decs { padding: @mp-hotelList-info-content1-decs-padding; } .hotex-hotelList-icon { margin-bottom: @mp-hotelList-info-content1-icon-margin-bottom; img { margin: @mp-hotelList-info-content1-icon-image-margin; width: @mp-hotelList-info-content1-icon-image-height; height: @mp-hotelList-info-content1-icon-image-height; } } .hotex-hotelList-note { font-family: @mp-hotelList-info-content1-note-font-family; font-size: @mp-hotelList-info-content1-note-font-size; color: @mp-hotelList-info-content1-note-color; } } .hotex-hotelList-info-content2 { margin: @mp-hotelList-info-content2-margin; padding-left: @mp-hotelList-info-content2-padding-left; .hotex-hotelList-location { font-weight: @mp-hotelList-info-content2-location-font-weight; font-family: @mp-hotelList-info-content2-location-font-family; font-size: @mp-hotelList-info-content2-location-font-size; color: @mp-hotelList-info-content2-location-color; ul { font-family: @mp-hotelList-info-content2-location-font-family; color: @mp-hotelList-info-content2-location-color; font-weight: @mp-hotelList-info-content2-location-ul-font-weight; padding-left: @mp-hotelList-info-content2-location-ul-padding-left; font-size: @mp-hotelList-info-content2-location-ul-font-size; } } .hotex-hotelList-area { font-weight: @mp-hotelList-info-content2-area-font-weight; font-family: @mp-hotelList-info-content2-area-font-family; font-size: @mp-hotelList-info-content2-area-font-size; color: @mp-hotelList-info-content2-area-color; ul { font-family: @mp-hotelList-info-content2-area-font-family; color: @mp-hotelList-info-content2-area-color; font-weight: @mp-hotelList-info-content2-area-ul-font-weight; padding-left: @mp-hotelList-info-content2-area-ul-padding-left; font-size: @mp-hotelList-info-content2-area-ul-font-size; } } } } } .hotex-hotelList-rates { padding: @mp-hotelList-rates-padding; width: @mp-hotelList-rates-width; color: black !important; .badge { background-color: @rates-table-content1-badge-background-color; color: @rates-table-content1-badge-color; font-size: @rates-table-content1-badge-font-size; min-height: @rates-table-content1-badge-min-height; } .hotex-hotelList-rates-price { color: @mp-hotelList-rates-price-color; font-weight: @mp-hotelList-rates-price-font-weight; font-family: @mp-hotelList-rates-price-font-family; font-size: @mp-hotelList-rates-price-font-size; } } } } } //PAGE HOTELLIST: HOTEL OVER VIEW POPUP MP .hotexmp-box-hotel-overview { width: @mp-overview-popup-box-max-width; padding-top: @mp-overview-popup-box-padding-top; .hotexmp-box-hotel-overview-content1 { .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 { .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; .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; } .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 { .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; } } .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; } } } //111914 PAGE DETAIL Tombol Back to Top #buttonBackToTop { z-index: @button-back-to-top-z-index !important; position: @button-back-to-top-position; top: @button-back-to-top-top; 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; } } //PAGE CONFIRMATION 111314 .main-frame { margin-left: auto; margin-right: auto; color: #4D4D4D; font-size: 14px; .content-panel-title { text-transform: uppercase; font-size: 16px; padding: 10px 10px 10px 30px; } .hotex-confirm-tabel { display: table; width: 100%; } .hotex-confirm-row { display: table-row; width: 100%; } .hotex-confirm-cellLbl { float: left; width: 30%; display: table-column; } .hotex-confirm-cellColon { float: left; width: 3%; text-align: center; display: table-column; } .hotex-confirm-cell { float: left; width: 67%; display: table-column; } table { font-size: 14px; line-height: 1.5; color: #4D4D4D; } #bookingConfirm { margin-left: auto; margin-right: auto; img { width: 100%; } } #BookingConfirmAddress { background-color: #333333; color: #FFFFFF; span { padding: 30px; line-height: 2.3; margin: 0; } } #BookingConfirmTitle { background-color: #4D4D4D; color: #FFFFFF; h3 { padding: 10px 10px 10px 30px; margin: 0; } } #content-panel { width: 78%; margin-top: 25px; float: left; .content-panel-item { width: 100%; margin-bottom: 15px; .info-title { b { padding-left: 20px; } } #HypTxtCol { padding-left: 30px; padding-right: 20px; .hotex-confirmation-td { width: 300px; } img { width: 480px; } } } hr { margin-top: 20px; border: 1px dotted #4D4D4D; border-style: none none dotted; margin-left: 30px; margin-right: 20px; } } #voucher-panel { width: 22%; float: right; text-align: right; /*img { width: 100%; }*/ } } #BookingConfirmationButtons2 { padding-top: 20px; padding-bottom: 20px; text-align: center; } #BookingConfirmationButtons { padding: 20px 20px 80px 30px; } //26-5-2016 .clickSignIn { padding: 5px 0px 0px 0px !important; } .hotex-menu-box-button-home .hotex-menu-home { height: 100%; padding-bottom: 20px !important; } //------------------------- .nav > li > a:hover, .nav > li > a:focus { background: transparent; color: @white; text-shadow: 0 0 3px #aaa; } .label-color { color: @white; } @media print { nav { display: none; } .btn-search { display: none; } .wrapper { .hotex-box2-header2 { background: #666666 !important; -webkit-print-color-adjust: exact; h4, h6 { color: #ffffff !important; } } .hotex-box-retrieve-detail-title { background: #666666 !important; color: #ffffff !important; -webkit-print-color-adjust: exact; } } footer { background: #666666 !important; -webkit-print-color-adjust: exact; a { color: #ffffff !important; } } //confirmation .main-frame { font-size: 12px !important; .content-panel-title { font-size: 12px !important; } #BookingConfirmAddress { background: #333333 !important; color: #ffffff !important; font-size: 12px !important; -webkit-print-color-adjust: exact; } #BookingConfirmTitle { background: #666666 !important; color: #ffffff !important; -webkit-print-color-adjust: exact; } .voucher-panel { display: none; } } .row { width: 1024px; } } .modal-signup { margin-top: 3px; margin-right: 3px; } @-moz-document url-prefix() { .modal-signup { margin-top: 3px; margin-right: 1px; } } .Menu-mobile { display: none !important; } .navbar-menu { display: none; } .mobile-home { display: none !important; } .verticalLine { border-left: 1px solid #ddd; border-width: thin; padding-left: 2px; float: right; } .img-lg { float: right; padding-right: 5px; } .popover1 { position: fixed !important; top: 0; left: 0; z-index: 1060; display: none; width: 20% !important; padding: 1px; text-align: left; white-space: normal; background-color: @popover1bg !important; -webkit-background-clip: padding-box; background-clip: padding-box; /*border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 0px !important;*/ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); color: white; } .popover1.left { margin-left: -10px; } .popover1 > .arrow, .popover1 > .arrow:after { position: absolute; display: block; width: 0; height: 0; /*border-color: transparent; border-style: solid;*/ } .popover1 > .arrow { /*border-width: 11px;*/ } .popover1 > .arrow:after { content: ""; /*border-width: 10px;*/ } .popover1.left > .arrow { top: 50%; right: -11px; margin-top: -11px; /*border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25);*/ } .popover1.left > .arrow:after { right: 1px; bottom: -10px; content: " "; /*border-right-width: 0; border-left-color: #2a4254;*/ } #rs-html .col-sm-1 { margin-left: 8.33333333%; } #rs-html .col-sm-2 { width: 16.66666667%; } #rs-html .col-sm-3 { width: 25%; } #rs-html .col-sm-5 { width: 41.66666667%; } #rs-html .col-sm-6 { width: 100%; } #rs-html .col-sm-7 { width: 58.33333333%; } .loyalty-reservation-box { margin-left: 15px; margin-right: 15px; margin-top: 0px; .header-top { padding-bottom: 20px; } .loyal-tagline { float: right; margin: 20px 20px 20px 0px; } } .page-menu .dropdown-user { margin-right: 0px !important; height: 0% !important; } .page-menu .top-menu .navbarLoyalty-nav { padding: 0; margin-right: 0px !important; display: block; } .signin-padding { padding-right: 0px; padding-left: 13px; } .text-signin { padding-left: 13px !important; } .modal-body .signup-padding { padding-left: 15px; } .signin-mobile-modal .login-padding { padding-left: 0px !important; } .modal-body .top-space { padding-left: 10px !important; } .hotex-box-header1 .page-menu.navbarLoyalty .top-menu .navbarLoyalty-nav > li.dropdown .dropdown-menu { margin-top: 3px; } .page-menu.navbarLoyalty .top-menu .navbarLoyalty-nav > li.dropdown .dropdown-menu { margin-top: 30px !important; } .item-rate-hotex-hotelList { color: #ae141b; } //--19-07-16 .login-facebook { width: 100%; background-color: #c8c8c8; border: 0; margin: 15px 10px 20px 10px; height: 30px; text-align: left; } .login-twitter { width: 100%; background-color: #c8c8c8; border: 0; margin: 0px 10px 20px 10px; height: 30px; text-align: left; } .login-line { width: 2px; height: 100px; background-color: #ced1d3; margin-left: 10px; } .pop-font { font-size: 14px !important; text-decoration: underline; color: inherit; } .pop-font:hover { text-decoration: underline; color: inherit; } .ecoupon-color { font-weight: normal !important; } .pointAlert { color: @rates-table-content1-p-color; } .img-tooltip { display: inline; position: relative; } .img-tooltip:hover:after { background: #333; background: rgba(0,0,0,.8); background-color: #465d87; border-radius: 5px; bottom: 26px; color: #fff; content: attr(title); left: 20%; padding: 5px 15px; position: absolute; z-index: 98; width: 220px; } .img-tooltip:hover:before { border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; } .btn-transparent { border-radius: 5px; font-family: @font-family-default; text-transform: capitalize; letter-spacing: .5px; color: @menu-home-color !important; font-size: 12px; background: @b1-color; padding: 5px 10px 5px 10px; border: solid @b1-color 2px; text-decoration: none !important; } .btn-transparent:hover, .btn-transparent:active { color: @menu-home-color-hover !important; background: @b1-color; border: solid @b1-color 2px; } .hotex-rate-image-slider-room-details { z-index:2; padding: 5px; background: @bg-hotex-rate-image-slider-room-details; // komen 3 baris dibawah jika shadow room slider dari kiri ke kanan margin-top:-60px; width: 100%; height: 60px; #_roomDetailsLink {top: 30px;} // komen 2 baris dibawah jika shadow room slider dari bawah ke atas //margin-top: -30px; //width: 70%; span { color: #FFFFFF; } .adjust-arrow-position { margin: 4px 0px 0px -13px; } } .arrow-right { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #ffffff; } div#navbarContainer { width: 1080px; padding-left: 0; padding-right: 0; } div#boxHeader2Container { width: 1080px; padding-right: 5px; padding-left: 5px; } .padding0 { padding-left: 0; padding-right: 0; } .padding-right0 { padding-right: 0; } .joinnow-terms { font-size: 0.85em; } .fa-fa { padding-right: 25px; padding-left: 25px; } .font-white { color: #fff; } .padding-left0 { padding-left: 0; } #hotex-header-container .container { width: 1135px; padding: 0 30px; } #hotex-header-container .hotex-box-address-header1 { padding: 50px 30px 0; min-height: 100px; } #hotex-header-container .hotex-box-bobd-header1 { padding: 50px 0 0 20px; min-height: 100px; width: 360px; float: right; } .page-login.navbarLoyalty { padding: 0 10px 0 !important; box-shadow: none; filter: none; background-image: none; text-transform: none !important; position: relative; float: right; right: 0; width: 1080px !important; margin-top: 4px !important; } .page-login.navbarLoyalty .top-login { margin: 0 !important; padding: 0 !important; float: right; width: 130px; } .redirect-signup-offer { span { text-decoration: underline; } } .redirect-signup-offer { a:hover { text-decoration: none !important; } } #TermsModal { .modal-dialog { overflow-y: initial !important; width: 360px; } .modal-body { height: 500px; overflow-y: auto; } } .loyalty-content1 { width: 750px; padding: 20px 0; margin: -5px 0px -5px 15px; background-color: @loyalty-content1-bg; //border-bottom: 1px dashed #d2e0e1; } a.pop{color:@a5-color !important; font-size:12px !important;text-decoration:none} a.pop.pop-font{color:@footer-guarantee !important; text-decoration:none !important; font-size: 14px !important;} //custom rsv section .hotex-box-search #_reservationLabel {display: none;} .hotex-box-search #formLine {margin-left:65px;width: 725px !important;} .hotex-box-search .input-label {height:30px} .hotex-box-search.hotex-modal-search #formLine {margin-left: 0;} #hotex-header-container .hotex-box-address-header1 { h4{ font-size: @header1-hotel-name-font-size; font-family: @header1-hotel-name-font-family; } } #hotex-header-container .hotex-box-address-header1 { h6{ font-size: @header1-address-font-size; font-family: @header1-address-font-family; } } a.btn.btn-loading.btn-search.redirect-signup-room-offer,a.btn.btn-loading.btn-search.redirect-signup-room-offer:hover, a.btn.btn-loading.btn-search.redirect-signin-package-offer, a.btn.btn-loading.btn-search.redirect-signin-package-offer:hover {background-color: @a9-color; color:#ffffff} .hotex-rate-image-slider-room-details span {font-size: 13px;font-style: initial;padding-left: 5px;} .hotex-box-rates .hotex-box-rates-content {border-bottom: 1px dashed #d2e0e1;padding: 0 0 30px 0;} .hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content1 .badge {padding: 6px 12px; margin-top: 5px;} span.member-rate-info-additional-benefit {color: @a8-color !important;} span.member-rate-info-additional-benefit-icon {font-size:@font-size-default + 1 !important; width: 21px; text-align: center;} .hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content1 .hotex-terms-condition span {font-size: 13px;font-weight: normal;} span.member-rate-info-lrg {text-decoration: none !important;} span.member-rate-info-ecoupon u, span.member-rate-info-lrg u { text-decoration: none !important; color: @a8-color !important;} .hotex-rate-member-content span.ng-binding {font-size: @font-size-default + 4 !important; font-weight: bold !important} .hotex-rate-member-content span.ng-binding[ng-bind-html="rate.MemberBenefitsShortText"] {text-transform: uppercase;} .form-group[ng-show="rate.NeedLogin"], .form-group[ng-show="room.NeedLogin"] {margin-bottom: 10px;} .hotex-table-rates-content4 .joinnow-offer {margin: 0 auto;} .hotex-table-rates-content4 .joinnow-offer a, .join-now-package a.redirect-signup-room-offer {color: #282828} .hotex-table-rates-content4 a.redirect-signup-room-offer, .join-now-package a.redirect-signup-room-offer{text-transform:uppercase;text-decoration:none!important} .hotex-package-table-rates .hotex-package-rates-name .ng-binding[ng-bind-html="rate.RateName"] {font-family: @hotex-package-rates-name-font-family; font-size: @hotex-package-rates-name-font-size; color: @hotex-package-rates-name-color; font-weight: 400; } .hotex-package-table-rates-content span {font-size: @hotex-package-table-rates-font-size; font-weight: @hotex-package-table-rates-font-weight; color: @hotex-package-table-rates-color; text-decoration: @hotex-package-table-rates-text-decoration !important;} .hotex-package-table-rates-title {background: @a21-color; padding: 7px 0;} .hotex-package-table-rates-content .hotex-package-name label a {color: @package-table-package-name-color;font-size: @package-table-package-font-size;font-weight: @package-table-package-font-weight;} .hotex-slide-rates-image-shadow {background: linear-gradient(-180deg,rgba(0,0,0,0) 0, @a18-color 95%); height: 30%; z-index:1; display:none;} .row.mobile-row.repeat-rate.hotex-table-rates-content.ng-scope .col-sm-12 {padding: 10px 15px; } .row.mobile-row.repeat-rate.hotex-table-rates-content.ng-scope .col-sm-12.mobile {padding: 0 15px;} .row.mobile-row.repeat-rate.hotex-table-rates-content.ng-scope .col-sm-12.loyalty-content1 {padding: 10px 0;} .roomInfoModal .modal-header.modal-header-loyalty-hotel, .roomInfoModal .modal-header, #searchModal .modal-header, #searchBoxModal .modal-header, #utilityModal .modal-header, #retriveReservationModal .modal-header, #comparisonModal .modal-header, #reservationBoxModal .modal-header {background-color: #303030;} .roomInfoModal .modal-header h4 {font-size: @font-size-default + 3 !important} #searchModal button.close,#searchModal button.close:hover,#searchBoxModal button.close,#searchBoxModal button.close:hover,#utilityModal button.close,#utilityModal button.close:hover,#retriveReservationModal button.close,#retriveReservationModal button.close:hover,#comparisonModal button.close,#comparisonModal button.close:hover,#reservationBoxModal button.close,#reservationBoxModal button.close:hover, button.close.utilityClose, button.close.utilityClose:hover{color:#FFF;opacity:unset} .hotex-package-table-rates-content .hotex-package-price {margin-top:4px;} .roomInfoModal .modal-header h4 span.loyalty-hotel-room-type-name { color: @white; font-family: @font-family-heading; font-weight: 700; letter-spacing: .5px;} .roomInfoModal .modal-header h4 span.hotel-room-type-name {color: @white; font-family: @font-family-heading; font-weight: 400; letter-spacing: .5px; border-left: 1px solid #fff;text-transform:capitalize} .hotex-package-information-desc p {font-family: @font-family-default; font-weight: 400;} .roomInfoModal .modal-body {background: #ffffff} .roomInfoModal .modal-body .hotex-room-information-loyalty-rate-name {font-size: 15px;font-weight: 400;} .roomInfoModal .modal-body .hotex-room-information-loyalty-rate-short-benefit {font-weight: 400; text-transform: uppercase;} .roomInfoModal .modal-body .hotex-room-information-loyalty-rate-earning-point {text-transform: capitalize; } .roomInfoModal .modal-body .hotex-room-information-loyalty-rate-amount {font-size: @font-size-default + 4; font-weight: 400} .roomInfoModal .modal-body .hotex-room-information-rate-box {background-color: @a21-color;} .roomInfoModal .modal-body .hotex-room-information-rate-box p {color: @a17-color;} .roomInfoModal .modal-body .hotex-room-information-rate-name {font-size: @font-size-default + 1; font-weight: 400;} .roomInfoModal .modal-body .hotex-room-information-rate-amount {font-size: @font-size-default + 4; color: @a4-color;} a.redirect-signup-package-offer strong {font-weight: normal;} a.redirect-signup-package-offer span {color: @a4-color; text-transform: uppercase; font-weight: bold; font-size: @font-size-default;} a.redirect-signup-package-offer span:hover, .hotex-table-rates-content4 .joinnow-offer a:hover { text-decoration: underline !important;} div[ng-show="room.NeedLogin"] { margin-bottom: 15px;} a#btnAddRoom.btn-search {text-transform: capitalize;font-size:@font-size-default - 1;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-box-detail-title label, .hotex-reservation-info-payment .hotex-reservation-info-payment-content2 .hotex-box-payment-title label { color: #ffffff; font-weight: 400;} .hotex-box-footer-validation-detail .btn-continued {text-transform: uppercase; letter-spacing: .5px;} .hotex-box-footer-validation-detail .btn-continued:hover {color:@b2-color;} .btn-back, .btn-back:hover,.btn-back:focus {font-size: @font-size-default} .hotex-package-information-content1 label {color: @red; font-size: @font-size-default; font-weight: 400;} .hotex-box-packages .hotex-package-information-price .hotex-package-price-label label {font-weight: 400;} .hotex-package-price-label ng-packagerate.ng-binding {font-size: @font-size-default + 4; font-weight: 700; color: @a4-color} #roomtype-header #myTab a {font-weight: bold;} #roomtype-header #myTab .active a {font-weight: normal !important;} a.redirect-signin-offer.label-color {color: @a8-color !important} .hotex-reservation-info-detail .hotex-reservation-info-detail-content1 {text-transform:uppercase} .row.hotex-addon-title {padding-left: 10px;} .hotex-box-addon-input hr {width: 80%;float: left;} .hotex-addon-body .hotex-group-addon .hotex-group-addon-item .hotex-box-addon-item .hotex-box-addon .hotex-box-addon-input .hotex-box-addon-cost .hotex-addon-cost label {font-weight: normal;} .hotex-addon-body .hotex-group-addon .hotex-group-addon-item .hotex-box-addon-item .hotex-box-addon .hotex-box-addon-input .hotex-box-addon-cost .hotex-addon-cost span {font-weight: 700;} .hotex-box-detail-note li { font-size: 13px;} .hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-open-tab-packages {margin: 30px 0 20px 0;} .hotex-box-footer-validation-detail .btn-back {text-transform: uppercase} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item label { margin-bottom: 0; font-weight: normal} .hotex-info-content2-item[ng-repeat="addon in selectedAddons"] ul {margin-left: -20px; margin-bottom:0;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item[ng-hide="totalTax==0||basicInfo.IsRedeemMode"] label { font-weight: 400;} .hotex-info-content2-item.hotex-info-grand-total { font-size: 18px;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item[ng-repeat="addon in selectedAddons"] {margin: 5px 0; padding: 0;} .hotex-footer-button .btn-back {text-transform: uppercase;} .hotex-box-footer-validation .hotex-footer-button .btn-continued {text-transform: uppercase;} #footer span.member-rate-info-ecoupon u, #footer span.member-rate-info-lrg u { text-decoration: none !important; color: @a19-color !important;} .hotex-box-payment-title.hotex-payment-guest span.member-rate-info-lrg u { text-decoration: none!important; color: @a19-color!important; font-size: 13px;} strong[ng-hide="rate.EarningPoint == 0"] {font-weight: normal; font-size: @font-size-default - 1; display: block; font-style: italic;color: @a8-color;} //20190326 .hotex-menu-box-button-home span {text-transform: uppercase;font-size: @font-size-default + 1;} .hotex-box-search .inline-label {color: #242424} span#ctl00_bd__hotelSearch_lblCiDate, span#ctl00_bd__hotelSearch_lblCoDate {font-weight: normal !important} .hotex-box-search .btn-search {border-radius: 0} .hotex-box-slide-room span {font-weight: normal} .hotex-box-slide-room label {font-weight: normal; height: 40px !important} .input-sm {border-radius: 0; font-size: @font-size-default - 2;} .input-group-addon:last-child {border-top-right-radius: 0; border-bottom-right-radius: 0;} .dd.ddcommon.borderRadius {border-radius: 0;} .btn-transparent {border-radius: 0;} .btn-search {border-radius: 0;} .hotex-shadow-in-top-new.hotex-shadow-in-top { display: none;} .tab-content .hotex-shadow-in-top-new.hotex-shadow-in-top { display: block;} .modal-footer {border-top: 1px solid #ededed;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-box-decs .hotex-info-content2-item .hotex-modify-search strong {font-weight: normal;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item {font-size: @font-size-default;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item strong {font-weight: normal; } .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item .col-sm-3 { padding: 0;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item .col-sm-4 { padding: 0 10px 0 20px;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item .col-sm-2 { padding: 0 10px;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item .col-sm-3 { padding: 0 10px;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item .col-sm-4.hotex-acumulasi-label {padding: 0;} .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color: #e5e5e5;} .hotex-box-footer .hotex-powered {font-size: @font-size-default - 2;} span#ctl00_SearchRatesBE1_lblCiDate, span#ctl00_SearchRatesBE1_lblCoDate, span#ctl00_bd__reservationBox__searchBox_lblCiDate, span#ctl00_bd__reservationBox__searchBox_lblCoDate { font-weight: normal !important;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item.hotex-info-grand-total {font-size: @font-size-default + 1;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item.hotex-info-grand-total label {font-weight: bold;} .hotex-info-content2-total .row.hotex-info-content2-item { margin: 5px 0;} .hotex-info-content2-total { margin-top: 10px;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item .hotex-info-content2-total {margin: 0;} .hotex-pax-payment .hotex-card-information li {font-size: @font-size-default - 1;} .hotex-reservation-info-payment .hotex-reservation-info-payment-content2 .hotex-box-payment-content .col-sm-5 li {font-size: @font-size-default - 1;} .hotex-reservation-info-payment .hotex-reservation-info-payment-content2 .hotex-box-payment-content .col-sm-7 li {font-size: @font-size-default - 1;} .hotex-comparasion-box {min-height:40px !important} #searchModal .hotex-box-search .inline-label {color: #242424;} .hotex-room-information .custom-bullet li:before {color: @a8-color; font-size: @font-size-default - 2; margin-top: 0; margin-left: -20px;} .hotex-reservation-info-detail .hotex-reservation-info-detail-content2 .hotex-info-content2-item .hotex-info-package-title p {margin-bottom: 0;} .hotex-reservation-info-payment .hotex-reservation-info-payment-content2 .hotex-box-payment-content .col-sm-12 strong { font-family:@font-family-heading; font-size: @font-size-default + 2; color: @a18-color;} .hotex-packages-information-content3 .hotex-box-other-packages .hotex-other-packages-content .hotex-other-packages-avarage .hotex-rate-name {font-weight: 400;} .hotex-box-packages .hotex-package-information-content1 .btn-packages {font-family: @font-family-heading;} .hotex-packages-information-content3 .hotex-box-other-packages .hotex-other-packages-content .hotex-other-packages-promo label {font-weight: 400;} .hotex-packages-information-content3 .hotex-box-other-packages .hotex-other-packages-content .package-information-button.btn-packages {font-family: @font-family-heading} .hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content2 .hotex-packages-desc p { color: @red; font-size: @font-size-default - 1; padding-bottom: 0 !important;} .hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content2 .hotex-packages-desc .hotex-package-information-desc {font-size: @font-size-default; color: @a8-color;} .package-restrictions { color: #d9534f; text-decoration: none;} .package-restrictions:hover, .package-restrictions:focus { color: #d9534f; } .package-restrictions strong { font-weight: normal;} .restrictions-messages { color: @a8-color; font-weight: normal; font-size: @font-size-default;} .hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content2 .hotex-package-table-rates .hotex-package-table-rates-content .hotex-package-price[ng-hide="room.Messages.length==0"] {font-size: @font-size-default; margin-top: 0;} .hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content2 .hotex-package-table-rates .hotex-package-table-rates-content .hotex-package-price {margin-top: 0 !important;} .hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content2 .hotex-package-table-rates .hotex-package-table-rates-content { padding: 5px 0 0 0;} .hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content2 .hotex-package-table-rates .hotex-package-table-rates-content.ng-scope { padding: 5px 0;} .hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content2 .hotex-package-table-rates .hotex-package-table-rates-content label { margin: 0;} .form-horizontal label { font-weight: normal; color: #242424;} .hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content3 span.member-rate-info-additional-benefit {font-size: @font-size-default - 1;} .hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content3 span.member-rate-info-ecoupon, .hotex-box-rates .hotex-box-rates-content .hotex-table-rates .hotex-table-rates-content .hotex-table-rates-content3 span.member-rate-info-lrg {font-size: @font-size-default - 1;} #searchBox.hotex-box-search .container {padding: 15px 0;} .hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content1 .hotex-packages-image {position: relative;} button.btn.btn-search.utilityClose, button#ctl00__retrieveBoxUser_proceedButton, button.btn.btn-search.addonClose, #taxAndServiceChargeModal button.btn.btn-search.btn-sm, .bootbox-alert button.btn.btn-search.input-sm, #comparisonModal button.btn.btn-search.comparisonClose, #reservationBoxModal button.btn.btn-search.reservationBoxClose { background-color: #3d3d3d; color: #ffffff; border: none;} //komen 2 baris dibawah ini jika package slider shadow dari kiri ke kanan .package-information-details {background: linear-gradient(to top, @a18-color 1%,@a18-color 10%,rgba(255,255,255,0) 100%); padding: 5px; margin-top: -60px; width: 100%; height: 60px; z-index: 2;} .package-information-details a.package-information-button { margin-top: 30px; float: left;} //komen 2 baris dibawah ini jika package slider shadow dari bawah ke atas //.package-information-details {background: linear-gradient(to right, @a18-color 1%,@a18-color 10%,rgba(255,255,255,0) 100%); padding: 5px; margin-top: -30px; width: 70%; z-index: 2;} //.package-information-details a.package-information-button { margin-top: 0; float: left;} .btn-search {-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);} .package-information-details span {font-size: @font-size-default - 1; font-style: initial; padding-left: 5px; color: #fff} .package-information-details a.package-information-button:hover {text-decoration: none;} .package-information-button, .package-information-button:hover, .package-information-button:focus {color: @a5-color;} a.package-information-button.btn-packages.ng-binding {color: @a7-color;} div#ctl00_bd_roomTypeComparison td[ng-repeat="room in roomTypeComparison.RoomData"] .hotex-room-comparasion-link span { font-weight: 400; font-size: @font-size-default;} .hotex-box-rates-packages .hotex-box-packages-content .hotex-package-content1 .hotex-package-addon {padding-top:10px;} .no-space {padding: 0; margin: 0;} .btn-search {min-width:100px !important; } .hotex-packages-information-content3 .hotex-box-other-packages .hotex-other-packages-content .hotex-other-packages-avarage .col-sm-3 { float: right;} .hotex-box-packages .hotex-package-information-price .hotex-package-price-button { float: right;} //LOYALTY span.confirmationtag-detail span { color: #4c4c4c !important;} .hotex-box-payment-title.hotex-payment-guest span.member-rate-info-lrg u { color: #fff !important;} .roomInfoModal .modal-body .hotex-room-information-loyalty-rate-box .btn-search[ng-hide="!LgRates.NeedLogin"] {background-color: @a9-color !important;} //loyalguest-widget .roomInfoModal .modal-body .hotex-room-information-loyalty-rate-box {background: @lg-loyalty-background;} // <-- kalau loyalguest diganti jadi @lg-loyalty-background, novus jadi @novus-loyalty-background, other jadi @hotel-loyalty-background span.member-rate-info-lrg-icon i.fa-certificate.fa-lg { color: @icon-lrg-color !important;} .roomInfoModal .modal-body .hotex-room-information-loyalty-rate-box .btn-search[ng-hide="!LgRates.NeedLogin"] {background-color: @a9-color !important;} .roomInfoModal .modal-body .hotex-room-information-loyalty-rate-box .btn-search[ng-hide="LgRates.NeedLogin"]{background-color: @a9-color !important; color: #ffffff; border: none;} //custom tampilan pop up benefits .loyalguest-widget .lgwidgetbox {right:20px !important; top: 60px !important; width:80px !important} .loyalguest-widget .lgwidgetbox img.reward_logo {width:30px !important;} .loyalguest-widget .lgwidgetbox .reward_box {padding:0;} .loyalguest-widget .rewards_pop_up {top: 60px !important;} .loyalguest-widget .rewards_pop_up .boxrewards img.arrow-right-slide, .loyalguest-widget .rewards_pop_up .boxrewards img.arrow-left-slide {height:18px !important; width: 10px !important;} .loyalguest-widget .rewards_pop_up .boxrewards .tagrewards-exclusive img.iconexlrewards {width:30px !important}