.dropdown-toggle::after{ display: block !important; } /* NAVIGATION ================================================== */ .booking-nav{ height: 60px; } .booking-nav .columns .logo{ padding-top: 0 !important; } .booking-nav .columns .logo img{ max-height: 45px !important; } @media(max-width: 767px) { .booking-nav .hide{ display:none; } } #navigation.modern .columns .nav-menu, #navigation.modern .columns .nav-elements{ display: none; } .mobile-nb{display: block;} #mobile-navigation>*{ z-index: 2 !important; } #mobile-navigation{display: block; right: -260px; left: auto; pointer-events: none; width: 260px; height: 100%; max-width: 80%; position: fixed; top:0; background-color:#fff; z-index: 9999; overflow-x:hidden; overflow-y:auto; -webkit-transform: translateX(0) translateZ(0); -moz-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;} #mobile-navigation li{ display: block; } #mobile-navigation.active{ pointer-events: auto; -webkit-transform: translateX(-100%) translateZ(0); -moz-transform: translateX(-100%) translateZ(0); -ms-transform: translateX(-100%) translateZ(0); transform: translateX(-100%) translateZ(0); } /* Close Buton */ #mobile-navigation .mb-close, #mobile-navigation .nav-el .search-form-trigger{ position: absolute; background-color:transparent; left:0; top:10px; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 15px; color:#bbb; cursor: pointer; } #mobile-navigation .mb-close{ right: 0; left: auto !important; } #mobile-navigation .mb-close:before{ content:"\f00d"; font-family: 'FONTAWESOME';} /* Navigation Nav */ #mobile-navigation .nav{ margin-top:27%; color:white; font-weight: 500; background-color:inherit; } #mobile-navigation .nav li{ border-top:1px solid rgba(255,255,255,0.03); } #mobile-navigation .nav li a{ font-size:11px; padding:0 15px !important; margin:0 !important; display: block; line-height: 39px; position: relative; color:#333 !important; font-weight: 700;} #mobile-navigation .nav li a:hover{ color: #70291c !important; } #mobile-navigation .nav-el li.hide{ display:none; } #mobile-navigation .nav .dropdown-menu li a{font-size:13px;} #mobile-navigation .nav li:first-child{ border-top:none; } #mobile-navigation .column li:last-child,#mobile-navigation .column, #mobile-navigation .dropdown-menu>li{ border-bottom:none !important; } /* Dropdown Menu */ #mobile-navigation .dropdown-menu{top:0; left:0 !important; opacity: 1; margin:0 !important; padding:0; background-image:none !important; position: relative; float: none; background-color:transparent; border-radius: 0; box-shadow: none; display: none; border:none;} #mobile-navigation .nav li .dropdown-menu a{ font-size: 12px; text-transform: none; font-weight: 600; color:#bbb; padding-left: 25px !important; display: block; } #mobile-navigation .nav li .dropdown-menu .dropdown-menu a{ padding-left: 35px !important; } /* Navigation Elements in mobile nav */ #mobile-navigation .nav-el{ margin-top:0; background-color: inherit; } #mobile-navigation .nav-el ul{ margin-top:0; } #mobile-navigation .nav-el a span{ display: inline-block; margin-left:6px; font-size: 14px; position: relative; top:2px; } #mobile-navigation .nav-el a img{ max-height: 20px; } /* Dropdown buttons */ #mobile-navigation li a i{display: block; position: absolute; right: 0; top:0; bottom:0; width:60px; text-align: center; line-height: inherit; color:#888; font-size: 13px; } #mobile-navigation li a i:before{ content:"\f105"; font-family: 'FONTAWESOME'; display: inline-block; line-height: inherit; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } #mobile-navigation li a.showing i:before{ color:#ccc; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* Booking Form Search Page ================================================== */ .vcenter { margin: 0; position: absolute; top: 35%; -ms-transform: translateY(-40%); transform: translateY(-40%); left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } .booking-search button{ width: 100%} .booking-search .title{ font-size: 12px;font-weight: 300 } .booking-search .detail{ font-size: 16px; font-weight: 700 } .booking-search .detail:hover{ text-decoration: underline; } .booking-search input{border-bottom: 1px solid #333333; line-height: 12px;max-width: 100%;text-transform: uppercase} @media(max-width: 767px) { .vcenter { top: 20%; } .booking-search.container{ max-width: 80%; text-align: center; } .booking-search button{ width: 75%; } .booking-search .detail{ font-size: 14px;} } .arrow-right{ fill: #70291c;} .daterange-calendar,.dropdown{ cursor:pointer; } /* Booking Summary bottom box */ .shopping-box--fixed {animation: appearFromBottom 500ms ease-in;} .shopping-box {background-color: #FFF} .shopping-box--fixed, .shopping-box--taxes {bottom: 0;overflow: hidden;position: fixed;} .shopping-box {width: 100%; z-index: 100;} .shopping-box__fixed-view {align-items: stretch;bottom: 0;display: flex;position: relative;} .shopping-box__open-resume-btn {align-items: center;color: #333333;display: flex;} .shopping-box__open-resume-btn {display: flex;flex: 1 60%;} .shopping-box__open-resume-btn__icon__wrapper {align-items: center;background: #CCCCCC;display: flex;height: 100%;justify-content: center;min-width: 30px;} .shopping-box__open-resume-btn__icon {color:#333333;height: 20px;} .shopping-box__open-resume-btn__icon__wrapper svg {fill: currentcolor;} .shopping-box__price-fixed {display: flex;flex-direction: column;flex-grow: 1;justify-content: center;padding: 15px 0 15px 1rem;} .shopping-box__price-fixed .shopping-box__price {font-size: 18px;} .shopping-box__price {font-weight: 700;letter-spacing: 0.05em;} .shopping-box__price, .shopping-box__price-original {display: inline-block;} .shopping-box__price-fixed .shopping-box__taxes { font-size: 12px;} .shopping-box__taxes{ color: #808080;} .shopping-box__info, .shopping-box__taxes { display: block; } .shopping-box__reservation{ align-self: center; padding: 0 1rem 0; display: flex; flex: 1 40%; } .shopping-box__button, .shopping-box__button:hover, .shopping-box__button:visited, .shopping-box__button:active { background-color: #85B045; border-radius: 2.5rem; color: #FFF; } .shopping-box__button { padding: 0.9em 1.2em 0.8em; letter-spacing: 0.1em; text-align: center; text-decoration: none; text-transform: uppercase; /*box-shadow: 0 0.3rem 0.6rem hsla(0, 0%, 0%, 0.16), 0 0.3rem 0.6rem hsla(0, 0%, 0%, 0.25);*/ } .shopping-box__button{ width: 100%; } .shopping-box__button_y, .shopping-box__button_y:hover, .shopping-box__button_y:visited, .shopping-box__button_y:active { background-color: #f1b13a; border-radius: 2.5rem; color: #FFF; } .shopping-box__button_y { padding: 0.9em 1.2em 0.8em; letter-spacing: 0.1em; text-align: center; text-decoration: none; text-transform: uppercase; /*box-shadow: 0 0.3rem 0.6rem hsla(0, 0%, 0%, 0.16), 0 0.3rem 0.6rem hsla(0, 0%, 0%, 0.25);*/ } .shopping-box__button_y{ width: 100%; } @media (max-width: 800px) { .sm-hide-inline { display: none !important; } .shopping-box__reservation a{ white-space: normal } } @media (min-width: 801px) { .sm-hide-inline { display: inline-block !important; } } #summary{height: 80px; bottom: -80px; top: auto !important;} #summary.active{ box-shadow: 0 -0.3rem 0.6rem hsla(0, 0%, 0%, 0.16), 0 -0.3rem 0.6rem hsla(0, 0%, 0%, 0.25);-webkit-transform: translateY(-100%) translateZ(0) !important; -moz-transform: translateY(-100%) translateZ(0)!important; -ms-transform: translateY(-100%) translateZ(0)!important; transform: translateY(-100%) translateZ(0)!important; -webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.2, 1) !important; -moz-transition: all 500ms cubic-bezier(0.77, 0, 0.2, 1) !important; transition: all 500ms cubic-bezier(0.77, 0, 0.2, 1) !important; } /* Booking Modal */ #form-booking-modal.modal {animation: appearFromBottom 500ms ease-in;} @keyframes appearFromBottom { from {transform: translateY(100%);} to { transform: translateY(0);} } #form-booking-modal.modal{ overflow: hidden !important; } #form-booking-modal.modal .modal-dialog{ bottom:0; /*width: 100%; max-width: 100%; height: 100%;*/ margin:0px;vertical-align: bottom !important; } #form-booking-modal.modal .modal-content .close{ color: #333 } #form-booking-modal.modal .modal-header{ /*box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.12), 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25);*/ } #form-booking-modal.modal .modal-body {height: calc(100vh - 81px);overflow: auto; padding: 0 1rem 1rem 1rem;} .mobile-booking-summary{ line-height: 2rem;box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.12), 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25); } .form-booking-label{ width: 30%; color: #191919;} .form-booking-detail{ width: 70%; } @media(max-width: 768px){ .form-booking-label{ width: 40%;} .form-booking-detail{ width: 60%; } } .summary-holder { margin-top: 15px; } .summary-holder .card{ margin-bottom: 30px; box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.12), 0 0.1rem 0.2rem rgba(0, 0, 0, 0.25) } .summary-holder .card-body .row{ padding-left: 15px; margin-bottom: 0px;} .summary-holder .card-body .header{ display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; -webkit-justify-content: flex-start; justify-content: flex-start; width: 70%; font-size: 13px; font-weight: 600; text-transform: uppercase; } .summary-holder .card-body .header a{ width: 100%; } @media (hover: none) { .summary-holder .card-body .row{margin-bottom: 10px;} } .summary-holder .form-booking-label{font-family: 'Lato', sans-serif; font-weight: 400; } .summary-holder .form-booking-detail{ font-weight: 300;} .summary-holder .collapse-detail{ margin-top: 10px; } .summary-holder .daily-rate{margin-bottom:0; list-style-position: inside !important; list-style:disc; } .summary-holder .amount{color: blue; font-weight: 700;} .summary-holder .rate-conditions{ width: 50% !important; } .summary-holder .rate-conditions.rate-content{ width: auto !important; } .summary-holder .rate-travel-together{ width: 20% !important; } .summary-holder .rate-travel-together.rate-content{ width: 20% !important;} /* Booking Information */ .summary-item {width: 100%; margin-bottom: 15px;border-bottom: 1px solid #333;} .summary-item:last-child{ border-bottom: 2.5px solid #333; } .summary-item-detail{ padding-bottom: 10px; } .booking-info-summary .card-body:not(:last-child){ padding-bottom: 0; } .booking-info-summary .card-body:last-child{ padding-top: 0; } .booking-info-guest label{ margin-bottom: 0; } .booking-info-guest .form-group{ margin-bottom: 10px; } /* Booking Confirm */ .booking-success-notice .notice-success{ margin-left: 20px; } .booking-success-notice .notice-success .line1 {margin-bottom: 0; font-size: 24px; color: #00001e; line-height: 35px} .booking-success-notice .notice-success .line1 span{ color: #1a2b48; font-weight: 600;} .booking-success-notice .notice-success .line2 {font-size: 16px; color: #5e6d77; margin-bottom: 0;} .booking-confirm-guest .booking-row{ display: flex; justify-content: start; } .booking-confirm-guest .booking-row .booking-label{ width: 40%;} .booking-confirm-guest .booking-row .booking-detail{ width: 60%; } @media(max-width: 768px){ .booking-success-notice .notice-success { margin: 10px 0 0;} .booking-success-notice .d-flex { display: block !important; text-align: center;} .booking-success-notice .d-flex svg { margin: auto; display: block; } .booking-success-notice .notice-success .line1{ font-size: 16px; line-height: initial; margin-bottom: 5px; } .booking-success-notice .notice-success .line2 {font-size: 14px;} .booking-confirm-guest .booking-row{ display: flex; justify-content: space-between !important; } .booking-confirm-guest .booking-row .booking-label{ width: auto;} .booking-confirm-guest .booking-row .booking-detail{ width: auto; } } .cross-price { text-decoration: line-through !important; } /* Search Form ================================================== */ .form-search-row{ width:100%; min-height: 100px;box-shadow: 0 0 10px 3px rgba(0,0,0,.2); justify-content: center; padding: 14px 0;} .form-search-row .title{ font-size:14px; font-weight: 700; } .form-search-row .detail a{ text-decoration:none; font-weight: bold; font-size: 16px; color:#8b4b3d !important; display:inline-block; } .form-search-row .detail a:hover,.form-search-row .detail a:hover >span,.form-search-row .search-summary a:hover{ text-decoration: underline;} .form-search-row .search-summary{ padding-bottom: 14px; } .form-search-row .search-summary a{ display: block; direction: ltr;} .form-search-row .search-summary span{direction: ltr;} @media(max-width: 575px) { .form-search-row .detail a{ font-size: 14px;} } /* Search Form Modal ================================================== */ .modal { text-align: center; padding: 0!important;} .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; width: 520px; } .modal-details{ padding: 24px !important; } .modal-header{ border-bottom: 1px solid #bcc5ce } .modal .close{ line-height: 20px; width: 20px; height: 20px; } @media (max-width: 575px){ .modal-dialog:not(.exit-fullscreen), .modal-content:not(.exit-fullscreen){ padding: 0px!important; margin:0px !important; height: 100%; width: 100% !important;} .modal-dialog{ width: auto; } .drp-calendar.right{ display:none !important; } } .daterangepicker td.in-range {background-color: #E7DBD8;} .daterangepicker td.active, .daterangepicker td.active:hover{ background-color: #8b4b3d; } .daterangepicker td.start-date, .daterangepicker td.end-date, .daterangepicker td.start-date.end-date { border-radius: 0; } /* Room Display ================================================== */ .cont{padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto;} #show-rooms .card{ box-shadow: 0 0.3rem 0.6rem hsla(0, 0%, 0%, 0.16), 0 0.3rem 0.6rem hsla(0, 0%, 0%, 0.25) } #show-rooms .block{border-radius: 0;margin: 0 0 25px;padding: 30px;float: left; } #show-rooms .block .block-head{ position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} #show-rooms .block .block-head .block-head-img .slick-dots{ top: 5px; } #show-rooms .block .block-head .block-head-info { line-height: 1.2 } /* Booking sliders slick arrows and dots */ .booking-controls{position: relative; letter-spacing: 0!important;} .booking-controls .slick-arrow{width: 30px; height:50px; font-size:0px; border:none; background-color:#151515; background-position: center center; background-repeat: no-repeat; position: absolute; z-index: 1; top:50%; margin-top:-20px; opacity:0.8; -webkit-transition: opacity 0.4s ease-in-out 0s; -moz-transition: opacity 0.4s ease-in-out 0s; transition: opacity 0.4s ease-in-out 0s;} .booking-controls .slick-arrow.slick-prev{left:0; background-image:url(../images/white-left.png);} .booking-controls .slick-arrow.slick-next{right:0; background-image:url(../images/white-right.png);} .booking-controls .slick-arrow:hover{background-color:white;} .booking-controls .slick-arrow.slick-prev:hover{background-image:url(../images/black-left.png);} .booking-controls .slick-arrow.slick-next:hover{background-image:url(../images/black-right.png);} .booking-controls .slick-dots{width: 100%; text-align:center; line-height: 14px; margin:0;} .booking-controls .slick-dots,.booking-controls .slick-dots li{display:none; } .booking-controls .slick-dots li{ font-size: 0; background-color: #666666; border-radius: 5px; height: 5px; margin: 0 4px; width: 5px;} .booking-controls .slick-dots li.slick-active { background-color: transparent; border: 1px solid #666666; height: 10px; position: relative; top: 2px; width: 10px; } .booking-controls .slick-dots li button{ display: none;} /* new card */ .br-head{ position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .br-head .br-head-img .slick-dots{ /*top: 5px;*/ } .br-head-info-text{ overflow: hidden; white-space:normal;text-overflow: ellipsis;max-height: 100px; } @media (min-width: 768px){ .cont{width: 750px;} .br-head-info .br-head-info-text{ line-height: 1.2 } } @media (max-width: 767px){ #show-rooms .block{ padding:0; } #show-rooms .block .block-head-info{ padding: 10px; } #show-rooms .block .block-head{ padding: 10px; } .br-head-info .br-head-info-text{line-height: 1.5} /* new card */ .br-head{ padding: 10px; } .br-head-info{font-size: 12px;} } @media(max-width: 575px){ #show-rooms .block .block-head{ padding:0; } /* new card */ .br-head{ padding:0; } .br-head-info{ padding: 0 10px;} .br-head-info .br-head-info-text{ max-height: 35px; } #show-rooms .booking-controls .slick-arrow{opacity: 0;} .booking-controls .slick-dots{ padding-top: 10px; padding-bottom: 10px; } .booking-controls .slick-dots,.booking-controls .slick-dots li{ display:inline-block;} } @media (min-width: 992px){ .cont{ width: 970px;} #show-rooms .block .block-head{ float: left;min-height: 170px;overflow: hidden;width: calc(100% - 185px);} /* new card */ .br-head{ float: left;min-height: 170px;overflow: hidden;width: calc(100% - 185px);} } @media (min-width: 1200px){ .cont{width: 1170px;} } .booking-box-shadow{ box-shadow: 0px 3px 10px rgba(0,0,0,0.3) !important; } .occupancy{ clear: left;font-size: 11px;text-align: center; color:#191919;} .occupancy em{ font-style: normal; } .occupancy .occupancy-inner{background-color: #f3f3f3;float: left; height: 100%;margin-top: 10px;padding: 10px; position: relative;width: 100%;} .occupancy .occupancy-total-persons{text-transform: uppercase; } .occupancy .occupancy-total-persons, .occupancy .occupancy-items-wrap{ display:block; font-weight: 400;} .occupancy .occupancy-total-persons { line-height: 22px; } .occupancy .occupancy-items-wrap {line-height: 14px; } .occupancy .occupancy-title {font-size: 10px;padding-bottom: 10px;} .occupancy .occupancy-icons{ padding-top: 10px; } .occupancy .occupancy-icons .occupancy-icon-wrap {display: inline-block;margin-right: 2px;vertical-align: middle;} .svg-icon-person{ /*fill: #191919;*/ height: 26px; width: 26px; display:inline-block; font-size: 22px; } .occupancy-icon-empty .svg-icon-person{ fill: #b3b3b3 !important;} .occupancy-icon-wrap {/*color: #191919;*/ font-size: 22px} .occupancy-icon-empty{/*color: #b3b3b3;*/ } .occupancy-items-wrap .occupancy-item{ display: inline-block;float: none;font-size: 11px;padding: 0 3px;width: auto;} .occupancy .occupancy-button,.occupancy .max-occupancy {display: inline-block;font-weight: 400;line-height: 14px;padding: 0 5px;vertical-align: middle;} .max-occupancy {font-size: 11px; text-transform: uppercase;} .occupancy-button button{background-color: #fff;border: 1px solid #939393;color: #6e6e6e; border-radius: 15px; text-transform: uppercase;} .occupancy-button button:hover{ background-color: #70291c; color: #f8f8f8; } @media (min-width: 992px){ .occupancy {clear: none; float: left; min-height: 170px; width: 185px;} .occupancy .occupancy-inner{ display: block; margin-top: 0; } .occupancy .occupancy-total-persons, .occupancy .occupancy-items-wrap, .occupancy .occupancy-button, .occupancy .max-occupancy{ margin-top: 10px; padding:0; } } @media (max-width: 991px){ .occupancy .occupancy-total-persons, .occupancy .occupancy-items-wrap{ display:inline-block; } .occupancy .occupancy-title {display: inline-block;padding-bottom: 0;vertical-align: middle;} .occupancy .occupancy-icons {display: inline-block;padding-left: 5px;padding-top: 0;vertical-align: middle;} .occupancy .max-occupancy{ margin-top: 0; padding:0; } } @media (max-width: 767px){ .occupancy {text-align: left;width: inherit;} .occupancy .occupancy-total-persons, .occupancy .occupancy-button {display: block; padding:0;} .occupancy .occupancy-items-wrap, .occupancy .max-occupancy{ display: inline-block; padding:0; } .occupancy .occupancy-items-wrap{ margin-top: 5px; } .occupancy .occupancy-icons .occupancy-icon-wrap {margin-right: 0;} .occupancy .occupancy-item { padding:0; } .occupancy .occupancy-title{ display:none; } .occupancy .occupancy-icons{ padding-left:0; } .occupancy .occupancy-button{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 10px;} .svg-icon-person{ height: 20px; width: 20px; } } .rate-list{width: 100%; float: left; margin-top: 10px; position: relative} .rate-item{border-bottom:1px solid #e6e6e6; padding: 8px 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center;align-items: center; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; padding: 8px 0; padding: .8rem 0} .rate-item:first-child {border-top: 1px solid #e6e6e6;} .rate-info{-webkit-align-items: flex-start; align-items: flex-start; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 25%;font-size: 16px;} .rate-number{display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; -webkit-justify-content: flex-end; justify-content: flex-end; width: 75%;} .rate-conditions{ display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; -webkit-justify-content: flex-start; justify-content: flex-start; width: 75%; } .rate-travel-together{ display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; -webkit-justify-content: flex-end; justify-content: flex-end; width: 55%; } .rate-price{-webkit-justify-content: flex-end;justify-content: flex-end; -webkit-align-items: center; align-items: center; display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; /*width: 75%;*/} .rate-block{-webkit-align-items: flex-end;align-items: flex-end;display: -webkit-inline-flex;display: inline-flex;-webkit-flex-direction: column;flex-direction: column;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: 2px 4px;margin: .2rem .4rem;} .rate-action{width: auto; -webkit-align-items: center;align-items: center;display: -webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: flex-end;} .rate-action .rate-action-select{ margin-left: 10px; } .rate-action .btn-add{ border: 1px solid transparent; border-radius: 20px; text-transform: uppercase;transition-delay: 0s;transition-duration: .2s; transition-property: all; transition-timing-function: ease-in-out; line-height: 1.4; padding: .5em 1em; text-align: center; text-decoration: none; text-transform: uppercase; font-size: 13px;font-weight: 500;display: inline-block;margin-left: 10px; } .rate-price .rate-block{ font-size: 22px; font-weight: 600; line-height: 1; white-space: nowrap; } .booking-incentives{display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; -webkit-justify-content: flex-start; justify-content: flex-start; width: 75%;} @media (max-width: 991px){ .rate-info{-webkit-flex-direction: row;flex-direction: row;width: 100%;} .rate-number{-webkit-align-items: flex-end;align-items: flex-end;-webkit-justify-content: space-between;justify-content: space-between;margin-left: -4px;width: 100%;} .rate-price{-webkit-justify-content: flex-start;justify-content: flex-start;} } @media (max-width: 767px){ .rate-list{ padding-left: 10px; padding-right: 10px; } .rate-price .rate-block{ font-size: 16px; } .rate-info{ font-size: 14px; } .rate-conditions{ font-size: 12px; font-weight: 300 } .booking-incentives{ font-size: 12px; } } [data-toggle="collapse"] .fa-arrow:before {content: "\f106";} [data-toggle="collapse"].collapsed .fa-arrow:before {content: "\f107";} #show-rooms button.dropdown-toggle:focus{ color: #fff; } #show-rooms .btn.bg-colored:focus{box-shadow: 0 0 0 .2rem rgba(112, 41, 28,.5);} #show-rooms .btn, #show-rooms .dropdown-item{ font-size: 14px; } .br-head-info .br-head-label .label{ margin-right: 10px; color: inherit; border: 1px solid #333 !important; padding-top: 5px; padding-bottom: 5px;} .br-head-info .br-head-label .label span{ font-weight: 500 } .moretxt { text-decoration: underline;cursor: pointer;} /* Quantities */ .room-quantity{ font-size: 0; text-align: center; line-height: 1.5} .room-quantity .numbers{ border: none; border-radius: 0;} .room-quantity .minus, .room-quantity .plus, .room-quantity .numbers{ height: 35px;} .room-quantity .minus, .room-quantity .plus{ width: 25px;} .room-quantity .minus{border-radius: 5px 0 0 5px} .room-quantity .plus{border-radius: 0 5px 5px 0;} /* smart phone, touch screen */ @media (hover: none) { .rate-action .custom-select{ display: none; } } /* mouse, touch pad */ @media (hover:hover) { .rate-action .mobile-select{display: none;} } /* Guest Home Login ================================================== */ .guest-menu.card{background-color: #f8f8f8;3} .guest-menu li{ padding: 15px;} .guest-menu li.active{ background-color: #FFF; } .error{ color: red !important; } .booking-histroy-detail .modal-body { height: auto !important;max-height: calc(100vh - 200px) !important;overflow-y: auto; } .booking-histroy-detail.modal{ overflow: hidden!important; } @media (max-width: 575px){ .booking-histroy-detail .modal-body{ max-height: calc(100vh - 162px) !important;} } .booking-history-pagination .page-item.active .page-link { background-color: #607d8b; border-color: #607d8b; }