webpackJsonp([1],{0:function(n,e,t){n.exports=t("x35b")},1249:function(n,e){n.exports="<p>\r\n  demo works!\r\n</p>\r\n"},"2IBC":function(n,e){n.exports='@charset "UTF-8";\nbody {\n  color: #fff;\n  font-family: \'Lato\', sans-serif;\n  font-size: 24px; }\n@-webkit-keyframes flicker {\n  0% {\n    background: transparent; }\n  50% {\n    background: #fff; }\n  100% {\n    background: transparent; } }\n@keyframes flicker {\n  0% {\n    background: transparent; }\n  50% {\n    background: #fff; }\n  100% {\n    background: transparent; } }\n@-webkit-keyframes neon {\n  0% {\n    text-shadow: none; }\n  50% {\n    text-shadow: rgba(255, 255, 255, 0.8) 0 0 8px; }\n  100% {\n    text-shadow: none; } }\n@keyframes neon {\n  0% {\n    text-shadow: none; }\n  50% {\n    text-shadow: rgba(255, 255, 255, 0.8) 0 0 8px; }\n  100% {\n    text-shadow: none; } }\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.loader {\n  background: #444;\n  border-radius: 4px;\n  -webkit-box-shadow: #2b2a2a 0 0 20px inset;\n          box-shadow: #2b2a2a 0 0 20px inset;\n  height: 9.5em;\n  margin: 100px auto;\n  padding: .5em;\n  position: relative;\n  width: 5.5em; }\n.loader .hotel-sign {\n    -webkit-animation: neon 3s infinite ease;\n            animation: neon 3s infinite ease;\n    background: #5a9acd;\n    border-radius: 4px;\n    -webkit-box-shadow: #2b2a2a 0 0 10px inset;\n            box-shadow: #2b2a2a 0 0 10px inset;\n    color: #fff;\n    content: \' \';\n    font-family: sans-serif;\n    font-weight: 700;\n    padding: .25em .27em;\n    position: absolute;\n    right: -1.5em;\n    text-align: center;\n    width: 1.3em; }\n.loader .hotel-sign span {\n      line-height: 1; }\n.loader .window {\n    -webkit-animation: flicker 1s infinite ease;\n            animation: flicker 1s infinite ease;\n    background: #fff;\n    border-radius: 2px;\n    float: left;\n    height: 1em;\n    margin: 0 .5em .5em 0;\n    width: .5em; }\n.loader .window:nth-of-type(5n) {\n      margin: 0 .5em; }\n.loader .window:nth-child(1) {\n      -webkit-animation-delay: 1.48s;\n              animation-delay: 1.48s;\n      -webkit-animation-duration: 3.84s;\n              animation-duration: 3.84s; }\n.loader .window:nth-child(2) {\n      -webkit-animation-delay: 1.79s;\n              animation-delay: 1.79s;\n      -webkit-animation-duration: 3.94s;\n              animation-duration: 3.94s; }\n.loader .window:nth-child(3) {\n      -webkit-animation-delay: 0.94s;\n              animation-delay: 0.94s;\n      -webkit-animation-duration: 3.5s;\n              animation-duration: 3.5s; }\n.loader .window:nth-child(4) {\n      -webkit-animation-delay: 0.13s;\n              animation-delay: 0.13s;\n      -webkit-animation-duration: 3.32s;\n              animation-duration: 3.32s; }\n.loader .window:nth-child(5) {\n      -webkit-animation-delay: 0.18s;\n              animation-delay: 0.18s;\n      -webkit-animation-duration: 1.03s;\n              animation-duration: 1.03s; }\n.loader .window:nth-child(6) {\n      -webkit-animation-delay: 0.16s;\n              animation-delay: 0.16s;\n      -webkit-animation-duration: 2.89s;\n              animation-duration: 2.89s; }\n.loader .window:nth-child(7) {\n      -webkit-animation-delay: 0.17s;\n              animation-delay: 0.17s;\n      -webkit-animation-duration: 2.91s;\n              animation-duration: 2.91s; }\n.loader .window:nth-child(8) {\n      -webkit-animation-delay: 0.61s;\n              animation-delay: 0.61s;\n      -webkit-animation-duration: 3.9s;\n              animation-duration: 3.9s; }\n.loader .window:nth-child(9) {\n      -webkit-animation-delay: 1.09s;\n              animation-delay: 1.09s;\n      -webkit-animation-duration: 3.44s;\n              animation-duration: 3.44s; }\n.loader .window:nth-child(10) {\n      -webkit-animation-delay: 0.95s;\n              animation-delay: 0.95s;\n      -webkit-animation-duration: 1.61s;\n              animation-duration: 1.61s; }\n.loader .window:nth-child(11) {\n      -webkit-animation-delay: 0.51s;\n              animation-delay: 0.51s;\n      -webkit-animation-duration: 3.83s;\n              animation-duration: 3.83s; }\n.loader .window:nth-child(12) {\n      -webkit-animation-delay: 0.29s;\n              animation-delay: 0.29s;\n      -webkit-animation-duration: 1.68s;\n              animation-duration: 1.68s; }\n.loader .window:nth-child(13) {\n      -webkit-animation-delay: 0.41s;\n              animation-delay: 0.41s;\n      -webkit-animation-duration: 1.5s;\n              animation-duration: 1.5s; }\n.loader .window:nth-child(14) {\n      -webkit-animation-delay: 1.66s;\n              animation-delay: 1.66s;\n      -webkit-animation-duration: 1.66s;\n              animation-duration: 1.66s; }\n.loader .window:nth-child(15) {\n      -webkit-animation-delay: 1.97s;\n              animation-delay: 1.97s;\n      -webkit-animation-duration: 2.21s;\n              animation-duration: 2.21s; }\n.loader .window:nth-child(16) {\n      -webkit-animation-delay: 0.15s;\n              animation-delay: 0.15s;\n      -webkit-animation-duration: 2.68s;\n              animation-duration: 2.68s; }\n.loader .window:nth-child(17) {\n      -webkit-animation-delay: 0.88s;\n              animation-delay: 0.88s;\n      -webkit-animation-duration: 2.12s;\n              animation-duration: 2.12s; }\n.loader .window:nth-child(18) {\n      -webkit-animation-delay: 0.52s;\n              animation-delay: 0.52s;\n      -webkit-animation-duration: 1.66s;\n              animation-duration: 1.66s; }\n.loader .window:nth-child(19) {\n      -webkit-animation-delay: 0.47s;\n              animation-delay: 0.47s;\n      -webkit-animation-duration: 3.45s;\n              animation-duration: 3.45s; }\n.loader .window:nth-child(20) {\n      -webkit-animation-delay: 0.03s;\n              animation-delay: 0.03s;\n      -webkit-animation-duration: 3.02s;\n              animation-duration: 3.02s; }\n.loader .window:nth-child(21) {\n      -webkit-animation-delay: 1.93s;\n              animation-delay: 1.93s;\n      -webkit-animation-duration: 3.78s;\n              animation-duration: 3.78s; }\n.loader .window:nth-child(22) {\n      -webkit-animation-delay: 1.81s;\n              animation-delay: 1.81s;\n      -webkit-animation-duration: 3.69s;\n              animation-duration: 3.69s; }\n.loader .window:nth-child(23) {\n      -webkit-animation-delay: 0.41s;\n              animation-delay: 0.41s;\n      -webkit-animation-duration: 1.34s;\n              animation-duration: 1.34s; }\n.loader .window:nth-child(24) {\n      -webkit-animation-delay: 1.34s;\n              animation-delay: 1.34s;\n      -webkit-animation-duration: 2.79s;\n              animation-duration: 2.79s; }\n.loader .window:nth-child(25) {\n      -webkit-animation-delay: 1.1s;\n              animation-delay: 1.1s;\n      -webkit-animation-duration: 2.66s;\n              animation-duration: 2.66s; }\n.loader .window:nth-child(26) {\n      -webkit-animation-delay: 1.47s;\n              animation-delay: 1.47s;\n      -webkit-animation-duration: 1.95s;\n              animation-duration: 1.95s; }\n.loader .window:nth-child(27) {\n      -webkit-animation-delay: 1.04s;\n              animation-delay: 1.04s;\n      -webkit-animation-duration: 2.56s;\n              animation-duration: 2.56s; }\n.loader .window:nth-child(28) {\n      -webkit-animation-delay: 0.21s;\n              animation-delay: 0.21s;\n      -webkit-animation-duration: 2.69s;\n              animation-duration: 2.69s; }\n.loader .window:nth-child(29) {\n      -webkit-animation-delay: 0.16s;\n              animation-delay: 0.16s;\n      -webkit-animation-duration: 3.83s;\n              animation-duration: 3.83s; }\n.loader .window:nth-child(30) {\n      -webkit-animation-delay: 1.52s;\n              animation-delay: 1.52s;\n      -webkit-animation-duration: 3.56s;\n              animation-duration: 3.56s; }\n.loader .window:nth-child(31) {\n      -webkit-animation-delay: 1.03s;\n              animation-delay: 1.03s;\n      -webkit-animation-duration: 3.49s;\n              animation-duration: 3.49s; }\n.loader .window:nth-child(32) {\n      -webkit-animation-delay: 1.13s;\n              animation-delay: 1.13s;\n      -webkit-animation-duration: 1.89s;\n              animation-duration: 1.89s; }\n.loader .window:nth-child(33) {\n      -webkit-animation-delay: 2s;\n              animation-delay: 2s;\n      -webkit-animation-duration: 3.16s;\n              animation-duration: 3.16s; }\n.loader .window:nth-child(34) {\n      -webkit-animation-delay: 0.23s;\n              animation-delay: 0.23s;\n      -webkit-animation-duration: 1.65s;\n              animation-duration: 1.65s; }\n.loader .window:nth-child(35) {\n      -webkit-animation-delay: 0.69s;\n              animation-delay: 0.69s;\n      -webkit-animation-duration: 1.48s;\n              animation-duration: 1.48s; }\n.loader .window:nth-child(36) {\n      -webkit-animation-delay: 0.86s;\n              animation-delay: 0.86s;\n      -webkit-animation-duration: 2.8s;\n              animation-duration: 2.8s; }\n.loader .door {\n    background: #fff;\n    border-top-left-radius: 3px;\n    border-top-right-radius: 3px;\n    bottom: 0;\n    height: 1.5em;\n    left: 50%;\n    margin-left: -.5em;\n    position: absolute;\n    width: 1em; }\n@font-face {\n  font-family: "soap-icons";\n  src: url(\'soap-icons.eot\');\n  src: url(\'soap-icons.eot#iefix\') format("embedded-opentype"), url(\'soap-icons.woff\') format("woff"), url(\'soap-icons.ttf\') format("truetype"), url(\'soap-icons.svg#soap-icons\') format("svg");\n  font-weight: normal;\n  font-style: normal; }\n[class^="soap-icon"] {\n  vertical-align: baseline; }\n[class^="soap-icon"]:before {\n  font-family: "soap-icons";\n  font-style: normal;\n  font-weight: normal;\n  display: inline-block;\n  text-decoration: inherit;\n  text-align: center;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1em; }\n.soap-icon-fireplace:before {\n  content: "\\e800"; }\n.soap-icon-television:before {\n  content: "\\e801"; }\n.soap-icon-fridge:before {\n  content: "\\e802"; }\n.soap-icon-aircon:before {\n  content: "\\e803"; }\n.soap-icon-breakfast:before {\n  content: "\\e809"; }\n.soap-icon-clock:before {\n  content: "\\e858"; }\n.soap-icon-coffee:before {\n  content: "\\e80a"; }\n.soap-icon-conference:before {\n  content: "\\e80f"; }\n.soap-icon-winebar:before {\n  content: "\\e813"; }\n.soap-icon-wifi:before {\n  content: "\\e816"; }\n.soap-icon-fitnessfacility:before {\n  content: "\\e81d"; }\n.soap-icon-phone:before {\n  content: "\\e81f"; }\n.soap-icon-letter:before {\n  content: "\\e85e"; }\n.soap-icon-securevault:before {\n  content: "\\e823"; }\n.soap-icon-pickanddrop:before {\n  content: "\\e829"; }\n.soap-icon-entertainment:before {\n  content: "\\e853"; }\n.soap-icon-parking:before {\n  content: "\\e85b"; }\n.soap-icon-departure:before {\n  content: "\\e85d"; }\n.soap-icon-search:before {\n  content: "\\e862"; }\n.soap-icon-star:before {\n  content: "\\e877"; }\n.soap-icon-arrow-right {\n  content: "\\e880"; }\n.soap-icon-close:before {\n  content: "\\e890"; }\n.soap-icon-check:before {\n  content: "\\e892"; }\n.soap-icon-handicapaccessiable:before {\n  content: "\\e891"; }\n.soap-icon-swimming:before {\n  content: "\\e89a"; }\n.soap-icon-smoking:before {\n  content: "\\e89e"; }\n.soap-icon-playplace:before {\n  content: "\\e89f"; }\n.soap-icon-doorman:before {\n  content: "\\e8a4"; }\n.soap-icon-elevator:before {\n  content: "\\e8a6"; }\n.soap-icon-tub:before {\n  content: "\\e8a9"; }\n.soap-icon-pets:before {\n  content: "\\e8b8"; }\n.soap-icon-user:before {\n  content: \'\\e8b7\'; }\n.soap-icon-list:before {\n  content: \'\\e86c\'; }\n.soap-icon-savings:before {\n  content: \'\\e80c\'; }\n.soap-icon-features:before {\n  content: \'\\e894\'; }\n.soap-icon-notice:before {\n  content: \'\\e8bb\'; }\n.soap-icon-fork:before {\n  content: \'\\e819\'; }\n.soap-icon-heart:before {\n  content: \'\\e876\'; }\n.soap-icon-calendar:before {\n  content: \'\\e864\'; }\n.soap-icon-family:before {\n  content: \'\\e8b9\'; }\na.button:hover {\n  background: #102434; }\na:hover:not(.button), a:focus:not(.button) {\n  color: #7ab3fb; }\n.link-text {\n  color: #7ab3fb; }\n.toggle-container {\n  background: #fff; }\n.toggle-container.complete {\n    border-left: 4px solid #102434; }\n.toggle-container.incomplete {\n    border-left: 4px solid #5a9acd; }\n.toggle-container.panel {\n    border-bottom: 2px solid #fff; }\n.toggle-container.panel.filter-panel .panel-title > a::before {\n      background: #fff; }\n.toggle-container.panel.filter-panel .panel-title > a.collapsed::before {\n      background: #7ab3fb;\n      color: #fff; }\nul.check-square li.active {\n  background: #7ab3fb;\n  color: #fff; }\nul.check-square li.active::before {\n    background: #fff;\n    color: #333; }\nul.check-square li.active a {\n    color: #fff; }\nul.check-square li::before {\n  background: #d9d9d9;\n  color: #fff; }\n.blue-color {\n  color: #7ab3fb; }\n.obe-page-wrapper {\n  background-color: #f5f5f5;\n  color: #838383; }\nsection.content {\n  background: #f5f5f5; }\n.box-title small {\n  color: #838383; }\ninput.input-text,\ntextarea.input-text {\n  background: #f5f5f5; }\ninput.input-text:focus,\n  textarea.input-text:focus {\n    border: 1px solid #70b3fc;\n    -webkit-box-shadow: 0 0 8px #01b7f299;\n            box-shadow: 0 0 8px #01b7f299; }\nlabel.required::after {\n  color: #ec3937; }\n.form-invalid input.ng-dirty {\n  border: 1px solid #ec3937;\n  color: #ec3937; }\n.form-invalid input.ng-dirty + .form-required-block {\n    color: #ec3937; }\n.form-invalid input.ng-dirty + .form-error-block {\n    color: #ec3937; }\n.form-invalid select.ng-dirty {\n  border: 1px solid #ec3937;\n  color: #ec3937; }\n.heading-panel {\n  background-color: #fff; }\n.icon-box.filter-panel {\n  background: #fff; }\n.icon-box.filter-panel > i {\n    background: #977ac9;\n    color: #fff; }\nbutton {\n  background: #102434;\n  color: #fff; }\nbutton:hover {\n    background: #0a1721; }\n.five-stars-container {\n  color: #fff; }\n.five-stars-container .five-stars {\n    background: #fff; }\n.five-stars-container .five-stars::before {\n      color: #7ab3fb; }\n.five-stars-container.editable-rating .ui-slider-range {\n    background: #fff; }\n.five-stars-container.editable-rating .ui-slider-range::before {\n      color: #7ab3fb; }\n.rates-table {\n  border-color: #dcdcdc; }\n.rates-table th {\n    background-color: #ddd;\n    color: #111; }\n.rates-table th.weekend {\n      background-color: #dedede;\n      color: #111; }\n.rates-table td.weekend {\n    background-color: #ccc;\n    color: #111; }\n.price {\n  color: #9bcf4c; }\n.price small {\n    color: #838383; }\n.title {\n  color: #033573; }\n.your-booking th {\n  background: #599acc;\n  border-bottom: 0 !important;\n  color: #fff; }\n.tab-container ul.tabs li a {\n  background: #d9d9d9;\n  color: #333; }\n.tab-container ul.tabs li.active > a {\n  background: #102434;\n  color: #fff; }\n.tab-container ul.tabs li:hover > a {\n  background: #fff;\n  color: #7ab3fb; }\n.tab-container ul.tabs li.close-button a {\n  background: #ec3937;\n  color: #fff; }\n.tab-container ul.tabs li.close-button a:hover {\n    cursor: pointer;\n    background: #d22f2d; }\n.tab-container .tab-content {\n  background: #fff; }\n.hotel-listing .box {\n  background: #fff; }\n.hotel-listing .five-stars-container {\n  color: #fff; }\n.hotel-listing.hotel .details > * > *:first-child {\n  border-right: 1px solid #f5f5f5; }\n.filters-container.toggle-container .panel.filter-panel {\n  background: #fff; }\n.filters-container ul.filters-option li {\n  background: #f5f5f5; }\n.filters-container ul.filters-option li:hover {\n    cursor: pointer;\n    background: #5a9acd;\n    color: #fff; }\n.filters-container ul.filters-option li.active {\n    background: #5a9acd; }\n.filters-container ul.filters-option li.active a {\n      color: #fff; }\n.hotel-about-description .intro {\n  background: #f5f5f5; }\n.hotel-about-description .intro.table-wrapper .table-cell {\n    background: #fff; }\n.hotel-about-description .features label {\n  border-right: 1px solid #f5f5f5;\n  color: #7ab3fb; }\n*[id^="hotel-availability"] .room-list > article {\n  border-bottom: 1px solid #f5f5f5; }\n*[id^="hotel-amenities"] .amenities.filter-panel li .icon-box {\n  background: #f5f5f5; }\n.ui-slider.ui-widget-content {\n  background: #f5f5f5; }\n.ui-slider .ui-slider-range {\n  background: #7ab3fb; }\n.ui-slider .ui-slider-handle {\n  background: #033573; }\n.datepicker-wrap::after {\n  background: #977ac9;\n  color: #fff; }\n.stand-out-features .feat {\n  color: #7ab3fb; }\n@media only screen and (max-width: 768px) {\n  .hotel-tabs li.active {\n    background: #102434;\n    color: #fff; }\n  .hotel-tabs .close-button {\n    background: #ec3937;\n    color: #fff; } }\n.hours-timer {\n  color: #7ab3fb; }\n.office-hours {\n  color: #333; }\n.contact-line {\n  color: #7ab3fb; }\n.contact-icon {\n  color: #9bcf4c; }\n.total-cost {\n  color: #9bcf4c; }\n.heading-text {\n  color: #3089f9; }\n.mainmap__infowindow .iw-hotel-info h4 {\n  color: darkslateblue; }\n.mainmap__infowindow .iw-hotel-info i {\n  color: goldenrod; }\n.card {\n  background: #fff; }\n.sorter-card {\n  background: #fff; }\n.mainmap_icon_content {\n  background-color: #2f4f4f;\n  border: 1px solid #fff;\n  color: #fff; }\n.mainmap_icon_content:hover {\n    background-color: #008000; }\n.mainmap__infowindow_info h4 {\n  color: #483d8b; }\n.mainmap__infowindow_info i {\n  color: #daa520; }\n.mainmap_icon_nose::before, .mainmap_icon_nose::after {\n  border: 6px solid #2f4f4f;\n  border-color: #2f4f4f transparent transparent; }\n.matrix .matrix-dates .matrix-empty {\n  border-right: 1px solid #164b61; }\n.matrix .matrix-dates .matrix-date-single {\n  background: #f1f8ff;\n  border-right: 1px solid #164b61;\n  border-top: 1px solid #164b61;\n  color: #333; }\n.matrix .matrix-hotel-group .matrix-hotel .matrix-hotel-name {\n  background: #1f6494;\n  border-bottom: 1px solid #164b61;\n  border-right: 1px solid #164b61;\n  border-top: 1px solid #164b61;\n  color: #fff; }\n.matrix .matrix-hotel-group .matrix-hotel .matrix-hotel-day {\n  background: #357ba0;\n  border-bottom: 1px solid #164b61;\n  border-right: 1px solid #164b61;\n  border-top: 1px solid #164b61;\n  color: #fff; }\n.matrix .matrix-hotel-group .matrix-hotel .matrix-hotel-total {\n  border-bottom: 1px solid #164b61;\n  border-right: 1px solid #164b61;\n  border-top: 1px solid #164b61; }\n.matrix .matrix-hotel-group .maxtrix-room-ratetype-bar {\n  background: #eee;\n  border-bottom: 1px solid #164b61;\n  border-left: 2px solid #164b61;\n  border-right: 1px solid #164b61;\n  color: #222;\n  text-transform: uppercase; }\n.matrix .matrix-hotel-group .matrix-room .matrix-room-name {\n  background: #7d98a5;\n  border-bottom: 1px solid #164b61;\n  border-left: 2px solid #164b61;\n  border-right: 1px solid #164b61;\n  color: #fff; }\n.matrix .matrix-hotel-group .matrix-room .matrix-room-day {\n  background: #85b83a;\n  border-bottom: 1px solid #698c35;\n  border-right: 1px solid #698c35;\n  color: #fff; }\n.matrix .matrix-hotel-group .matrix-room .matrix-room-total {\n  background: #fff;\n  border-bottom: 1px solid #164b61;\n  border-right: 1px solid #164b61;\n  color: #222; }\n.matrix .matrix-hotel-group .matrix-room .matrix-room-total button {\n    background: #85b83a;\n    color: #fff; }\n.matrix .matrix-hotel-group .matrix-room .sold-out {\n  background: #ccc;\n  color: #111; }\n.text-primary {\n  color: #9bcf4c; }\n.text-secondary {\n  color: #7ab3fb; }\n.text-tertiary {\n  color: #7ab3fb; }\n.text-quaternary {\n  color: #977ac9; }\n.text-neutral {\n  color: #efefef; }\n.bg-primary {\n  background-color: #102434;\n  color: #fff; }\n.bg-secondary {\n  background-color: #5a9acd;\n  color: #222; }\n.bg-tertiary {\n  background-color: #7ab3fb;\n  color: #fff; }\n.bg-quaternary {\n  background-color: #977ac9;\n  color: #fff; }\n.bg-neutral {\n  background-color: #efefef;\n  color: #838383; }\n.btn-primary {\n  background-color: #102434;\n  color: #fff; }\n.btn-primary:hover {\n    background-color: black; }\n.checkbox::before,\n.radio::before {\n  border: 1px solid #f5f5f5; }\n.checkbox.checked::before,\n.radio.checked::before {\n  background: #7ab3fb;\n  border-color: #7ab3fb;\n  border: 0;\n  color: #fff; }\nselect,\ntextarea {\n  background: #f5f5f5; }\ninput.input-text {\n  background: #f5f5f5; }\nspan.custom-select {\n  background: #f5f5f5; }\n.noUi-handle {\n  background-color: #98ce44 !important; }\n.noUi-handle::after {\n  background: #e8e7e6; }\n.noUi-handle::before {\n  background: #e8e7e6; }\n.noUi-connect {\n  background: #5a9acd; }\n.noUi-target {\n  background: #f5f5f5; }\n.star-cb-group > input + label:before {\n  color: #f2ab07; }\n.star-cb-group > input:checked ~ label:before,\n.star-cb-group > input + label:hover ~ label:before,\n.star-cb-group > input + label:hover:before {\n  color: #f2ab07;\n  text-shadow: 0 0 1px #333; }\n.star-cb-group:hover > input + label:hover ~ label:before,\n.star-cb-group:hover > input + label:hover:before {\n  color: #f2ab07;\n  text-shadow: 0 0 1px #333; }\np-calendar .ui-calendar-button {\n  background: #5a9acd !important;\n  color: white !important; }\nbutton:disabled {\n  background: #cacaca; }\nbutton:disabled:hover {\n    background: #cacaca; }\n.ui-datepicker {\n  display: block !important; }\nspan.custom-select {\n  display: inline-block;\n  line-height: 32px;\n  padding: 0 10px;\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap; }\nspan.custom-select::before {\n    position: absolute;\n    right: 0;\n    top: 0;\n    content: "";\n    background: #5a9acd;\n    width: 24px;\n    height: 100%; }\nspan.custom-select::after {\n    position: absolute;\n    right: 9px;\n    top: 15px;\n    border-top: 5px solid #fff;\n    border-left: 3px solid transparent;\n    border-right: 3px solid transparent;\n    content: ""; }\n.RATE_ICON_BG.btn-default:hover, .RATE_ICON_BG.btn-default:focus, .LEGEND_ICON_BG.btn-default:hover, .LEGEND_ICON_BG.btn-default:focus, .LOW_PRICE_ICON_BG.btn-default:hover, .LOW_PRICE_ICON_BG.btn-default:focus, .POLICY_ICON_BG.btn-default:hover, .POLICY_ICON_BG.btn-default:focus {\n  background: #fff;\n  background-color: #fff; }\n.RATE_ICON_BG.btn-success:hover, .RATE_ICON_BG.btn-success:focus, .LEGEND_ICON_BG.btn-success:hover, .LEGEND_ICON_BG.btn-success:focus, .LOW_PRICE_ICON_BG.btn-success:hover, .LOW_PRICE_ICON_BG.btn-success:focus, .POLICY_ICON_BG.btn-success:hover, .POLICY_ICON_BG.btn-success:focus {\n  background: #5cb85c;\n  background-color: #5cb85c; }\n.RATE_ICON_BG.btn-danger:hover, .RATE_ICON_BG.btn-danger:focus, .LEGEND_ICON_BG.btn-danger:hover, .LEGEND_ICON_BG.btn-danger:focus, .LOW_PRICE_ICON_BG.btn-danger:hover, .LOW_PRICE_ICON_BG.btn-danger:focus, .POLICY_ICON_BG.btn-danger:hover, .POLICY_ICON_BG.btn-danger:focus {\n  background: #d9534f;\n  background-color: #d9534f; }\n.soap-icon-close {\n  font-size: 28px !important;\n  margin-left: -6px !important; }\n.SECONDARY_BUTTON_BG {\n  background: #5a9acd;\n  color: #fff; }\n.SECONDARY_BUTTON_BG:hover {\n    background: #5a9acd;\n    color: #fff; }\n:host /deep/ nouislider .noUi-connect,\nnouislider .noUi-connect {\n  background: #337ab7; }\n:host /deep/ nouislider .noUi-handle,\nnouislider .noUi-handle {\n  background: #102434;\n  background-color: #102434; }\n:host /deep/ nouislider .noUi-handle::before,\nnouislider .noUi-handle::before {\n  background: #FFFFFF;\n  background-color: #FFFFFF; }\n:host /deep/ nouislider .noUi-handle::after\nnouislider .noUi-handle::after {\n  background: #FFFFFF;\n  background-color: #FFFFFF; }\n:host /deep/ p-calendar button,\np-calendar button {\n  background: #337ab7;\n  color: #ffffff; }\n:host /deep/ p-calendar .ui-calendar input,\np-calendar .ui-calendar input {\n  background: #f5f5f5;\n  color: #999999; }\n:host /deep/ p-calendar .ui-datepicker-header,\np-calendar .ui-datepicker-header {\n  background: #337ab7;\n  color: #ffffff; }\n:host /deep/ p-calendar .ui-datepicker,\np-calendar .ui-datepicker,\n:host /deep/ p-calendar .ui-datepicker-calendar,\np-calendar .ui-datepicker-calendar,\n:host /deep/ p-calendar a.ui-state-default,\np-calendar a.ui-state-default {\n  background: #ffffff;\n  color: #333333;\n  text-align: center; }\n:host /deep/ p-calendar .ui-datepicker-current-day,\np-calendar .ui-datepicker-current-day,\n:host /deep/ p-calendar .ui-datepicker-today,\np-calendar .ui-datepicker-today,\n:host /deep/ p-calendar a.ui-state-default:hover,\np-calendar a.ui-state-default:hover {\n  background: #102434;\n  color: #FFFFFF; }\n:host /deep/ p-calendar .ui-datepicker-prev,\np-calendar .ui-datepicker-prev,\n:host /deep/ p-calendar .ui-datepicker-next,\np-calendar .ui-datepicker-next {\n  color: #ffffff;\n  margin-right: 8px; }\n.hotel-sign {\n  background: #5a9acd; }\n.day-rate-inner {\n  white-space: nowrap; }\n.nopadding {\n  margin: 0;\n  padding: 0; }\n.large-checkbox {\n  border-radius: 5px;\n  border: 2px solid #555; }\n.ehc-cont {\n  display: table; }\n.ehc-cont .ehc-col {\n    display: table-cell;\n    float: none;\n    vertical-align: top; }\n.search-container {\n  border-style: solid;\n  border-right-style: solid;\n  border-color: #5a9acd;\n  border-width: 5px;\n  padding: 0px; }\n.search-container-right {\n  border-right-style: solid;\n  border-color: #5a9acd;\n  border-width: 5px;\n  padding: 10px; }\n#daterangeSelector:focus, #daterangeSelectorCheckIn:focus, #daterangeModalSelector:focus, #daterangeModalSelectorCheckIn:focus {\n  outline: none;\n  box-shadow: none;\n  -webkit-box-shadow: none; }\n@media only screen and (max-width: 767px) {\n  .search-container {\n    border-style: hidden;\n    border-right-style: hidden;\n    border-color: transparent;\n    border-width: 0px; } }\n@media only screen and (max-width: 767px) {\n  .search-container-right {\n    border-right-style: hidden;\n    border-color: transparent;\n    border-width: 0px; } }\n@media (min-width: 768px) {\n  .modal-dialog {\n    margin: 30px auto; } }\nth,\ntd {\n  padding: 2px 8px; }\noption {\n  background-color: #fff; }\n.selector {\n  line-height: 0;\n  min-width: 60px;\n  position: relative; }\n.selector span.custom-select {\n    display: inline-block;\n    line-height: 32px;\n    overflow: hidden;\n    padding: 0 10px;\n    position: relative;\n    white-space: nowrap;\n    width: 100%; }\n.selector span.custom-select::before {\n      content: "";\n      height: 100%;\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: 24px; }\n.selector span.custom-select::after {\n      border-left: 3px solid transparent;\n      border-right: 3px solid transparent;\n      content: "";\n      position: absolute;\n      right: 9px;\n      top: 15px; }\n.selector select {\n    filter: alpha(opacity=0);\n    line-height: 30px;\n    opacity: 0;\n    position: absolute;\n    width: 100%;\n    z-index: 1; }\n.selector select:focus + span {\n      outline: none; }\nselect,\n.custom-select {\n  height: 34px;\n  padding: 8px 0 8px 8px; }\n.checkbox::before,\n.radio::before {\n  content: "";\n  display: block;\n  font-family: "soap-icons";\n  height: 18px;\n  width: 18px;\n  left: 0;\n  line-height: 12px;\n  position: absolute;\n  text-align: center;\n  top: -1px;\n  z-index: 0;\n  border: 2px solid #ccc !important; }\n.checkbox.checked::before,\n.radio.checked::before {\n  content: "\\e8ba"; }\nselect,\ntextarea {\n  border: 0;\n  line-height: normal; }\ninput .input-text {\n  border: 0;\n  line-height: normal; }\nspan .custom-select {\n  border: 0;\n  line-height: normal; }\n.full-width {\n  width: 100%; }\n.hotel-table-body {\n  border-top: 0; }\n.hotel-table-body .hotel-table-body-row {\n    padding: 0; }\n.hotel-table-body .hotel-table-body-row .hotel-table-body-descript-cell {\n      padding: 0; }\n.hotel-table-body .hotel-table-body-row .hotel-table-body-descript-cell .room-type-name {\n        font-size: 18px;\n        margin-top: 0; }\n.hotel-table-subheader {\n  border-bottom: 2px solid;\n  border-top: 2px solid;\n  height: 40px;\n  padding: 9px 8px; }\n.loading-background {\n  font-size: 2vw;\n  height: 100%;\n  position: fixed;\n  text-align: center;\n  width: calc(100% - 30px);\n  z-index: 1032;\n  background: rgba(0, 0, 0, 0.76) !important;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh; }\n.hotelcard_rates {\n  overflow-x: auto; }\n@media screen and (max-width: 991px) {\n  .mob-room-icon {\n    margin-right: 4px; }\n    .mob-room-icon.group-end {\n      margin-right: 12px; }\n  .room-type-name {\n    font-size: 14pt;\n    font-weight: bold; }\n  .ehc-col-mob {\n    display: block;\n    float: left;\n    width: 100%; }\n  .ehc-cont-mob {\n    display: block; } }\n.fa {\n  display: inline-block;\n  font-family: FontAwesome;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1; }\n.pull-right {\n  float: right; }\n.pull-left {\n  float: left; }\n.fa-map-marker::before {\n  content: "\\f041"; }\n.fa-credit-card::before {\n  content: "\\f09d"; }\n.fa-users::before {\n  content: "\\f0c0"; }\nimg {\n  border: 0; }\na {\n  color: inherit;\n  text-decoration: none; }\na.button {\n    border: 0;\n    cursor: pointer;\n    display: inline-block;\n    font-size: 0.8333em;\n    letter-spacing: 0.04em;\n    line-height: 1.8333em;\n    padding: 0 15px;\n    text-align: center;\n    white-space: nowrap; }\na.button.btn-small {\n      font-size: 0.9167em;\n      height: 28px;\n      line-height: 28px;\n      padding: 0 24px; }\na.button.btn-mini {\n      font-size: 0.8333em;\n      height: 19px;\n      line-height: 19px;\n      padding: 0 20px;\n      padding-left: 10px;\n      padding-right: 10px; }\na.button.full-width {\n      padding-left: 0;\n      padding-right: 0; }\na.button.btn-small, a.button.full-width {\n      font-weight: bold; }\na:hover:not(.button), a:focus:not(.button) {\n    text-decoration: none; }\na:focus {\n    outline: none; }\np {\n  font-size: 1.0833em;\n  line-height: 1.6666;\n  margin-bottom: 15px; }\n.toggle-container.panel {\n  border: 0;\n  border-radius: 0;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  margin-bottom: 0;\n  position: relative; }\n.toggle-container.panel:last-child {\n    border: 0; }\n.toggle-container.panel .panel-title {\n    font-size: 1.1667em;\n    padding: 0;\n    position: relative; }\n.toggle-container.panel .panel-title a {\n      display: block;\n      padding: 15px;\n      white-space: normal; }\n.toggle-container.panel h4.panel-title {\n    font-size: 1.3333em; }\n.toggle-container.panel h4.panel-title > a {\n      line-height: 24px; }\n.toggle-container.panel.filter-panel .panel-title > a::before {\n    border-radius: 50%;\n    content: "\\f068";\n    display: block;\n    float: left;\n    font-family: FontAwesome;\n    font-size: 10px;\n    height: 24px;\n    line-height: 24px;\n    margin-right: 16px;\n    text-align: center;\n    width: 24px; }\n.toggle-container.panel.filter-panel .panel-title > a.collapsed::before {\n    content: "\\f067"; }\n.toggle-container.panel.filter-panel .panel-content {\n    padding: 10px 15px 15px 55px; }\n.toggle-container.panel.filter-panel.arrow-right .panel-title {\n    position: relative; }\n.toggle-container.panel.filter-panel.arrow-right .panel-title > a {\n      padding-right: 36px; }\n.toggle-container.panel.filter-panel.arrow-right .panel-title > a::before {\n        border: 0;\n        float: none;\n        font-size: 9px;\n        height: 16px;\n        line-height: 17px;\n        margin-top: -8px;\n        position: absolute;\n        right: 0;\n        top: 50%;\n        width: 16px; }\n.toggle-container.panel.filter-panel.arrow-right .panel-content {\n    padding: 10px 15px; }\nh2,\nh4 {\n  font-weight: normal;\n  margin: 0 0 15px; }\nh2 {\n  font-size: 1.6667em;\n  line-height: 1.25em; }\nh4 {\n  font-size: 1.3333em;\n  line-height: 1.25em; }\nul {\n  list-style: none;\n  margin: 0; }\nul.tabs a {\n    letter-spacing: 0.04em; }\nul.check-square {\n    font-size: 1em;\n    line-height: 2em;\n    list-style: none;\n    padding: 0; }\nul.check-square li::before {\n      content: "\\e8ba";\n      font-family: "soap-icons";\n      font-size: 12px;\n      margin-right: 10px;\n      padding: 1px 4px 0; }\ntable {\n  border-collapse: collapse;\n  border-spacing: 0; }\narticle,\nfigure,\nsection {\n  display: block; }\n.clearer {\n  clear: both;\n  margin: 0;\n  padding: 0; }\n.uppercase {\n  text-transform: uppercase; }\n.visible-sms {\n  display: none; }\nfigure a {\n  background-size: cover !important;\n  height: 180px; }\n.obe-page-wrapper {\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 9pt;\n  overflow: visible;\n  overflow-x: hidden;\n  position: relative;\n  max-width: 1200px;\n  margin: 0 auto; }\nsection.content {\n  min-height: 400px;\n  padding-top: 30px;\n  text-align: left; }\nsection.content::after {\n    clear: both;\n    content: "";\n    display: table; }\n@media only screen and (max-width: 768px) {\n  section.content {\n    padding-top: 60px !important; } }\n.box {\n  margin-bottom: 30px; }\narticle {\n  margin-bottom: 20px; }\narticle .rates {\n    overflow-x: auto; }\narticle .box-title .title {\n    margin-bottom: 5px; }\narticle .box-title .description {\n    margin-bottom: 0; }\n.main {\n  margin-bottom: 40px; }\n.table-wrapper {\n  display: table; }\n.table-wrapper .table-cell {\n    display: table-cell;\n    float: none;\n    vertical-align: top; }\n.box-title {\n  line-height: 1em;\n  margin-bottom: 0; }\n.box-title small {\n    display: block;\n    font-size: 10px;\n    margin-top: 4px;\n    text-transform: uppercase; }\ninput.input-text,\ntextarea.input-text {\n  border: 1px solid transparent;\n  cursor: text;\n  height: 34px;\n  line-height: normal;\n  padding-left: 15px;\n  padding-right: 15px;\n  -webkit-transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;\n  transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;\n  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;\n  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; }\ninput.input-text:focus,\n  textarea.input-text:focus {\n    outline: none; }\ninput.input-text::-webkit-input-placeholder,\n  textarea.input-text::-webkit-input-placeholder {\n    font-style: italic; }\ninput.input-text::-ms-input-placeholder,\n  textarea.input-text::-ms-input-placeholder {\n    font-style: italic; }\ninput.input-text::placeholder,\n  textarea.input-text::placeholder {\n    font-style: italic; }\nform label {\n  display: block;\n  font-size: 0.9167em;\n  font-weight: normal;\n  margin-bottom: 5px;\n  text-transform: uppercase; }\nform .form-group {\n  margin-bottom: 15px; }\n.form-valid .form-error-block,\n.form-valid .form-required-block {\n  display: none; }\n.form-valid input .form-error-block,\n.form-valid input .form-required-block,\n.form-valid select .form-error-block,\n.form-valid select .form-required-block {\n  display: none; }\nlabel.required::after {\n  content: " *";\n  font-size: 12px; }\n.form-invalid input.ng-dirty + .form-required-block {\n  font-weight: bold;\n  margin-top: 6px; }\n.form-invalid input.ng-dirty + .form-error-block {\n  font-weight: bold;\n  margin-top: 6px; }\n.ng-pristine + .form-required-block,\n.ng-pristine + .form-error-block {\n  display: none; }\nselect + .form-required-block {\n  margin-top: 14px; }\n.panel-content form label {\n  font-size: 0.8333em;\n  margin-bottom: 3px; }\n.heading-panel {\n  border: 0;\n  border-radius: 0;\n  margin-bottom: 15px;\n  padding: 15px; }\n.box-title,\n.title,\n.price,\nbutton,\ndl,\nlabel {\n  letter-spacing: 0.04em; }\n.icon-box {\n  text-transform: uppercase; }\n.icon-box.filter-panel {\n    font-size: 0.9167em;\n    height: 42px;\n    letter-spacing: 0.04em;\n    line-height: 42px; }\n.icon-box.filter-panel > i {\n      display: block;\n      float: left;\n      font-size: 2em;\n      line-height: 42px;\n      margin-right: 15px;\n      width: 42px; }\n.icon-box > i {\n    text-align: center; }\nbutton {\n  border: 0;\n  cursor: pointer;\n  font-size: 0.9167em;\n  font-weight: bold;\n  height: 34px;\n  line-height: 34px;\n  padding: 0 15px;\n  white-space: nowrap; }\nbutton.btn-medium {\n    font-size: 1em;\n    height: 34px;\n    line-height: 34px;\n    padding: 0 32px; }\nbutton.full-width {\n    padding-left: 0;\n    padding-right: 0; }\n.hover-effect {\n  background: none;\n  display: block;\n  overflow: hidden;\n  position: relative; }\n.hover-effect img {\n    display: block;\n    position: relative;\n    -webkit-transition: background 0.4s ease-out, padding 0.4s ease-out, width 0.4s ease-out, height 0.4s ease-out;\n    transition: background 0.4s ease-out, padding 0.4s ease-out, width 0.4s ease-out, height 0.4s ease-out; }\n.hover-effect:hover {\n    cursor: default; }\n.five-stars-container {\n  cursor: default;\n  display: inline-block;\n  font-family: "Glyphicons Halflings";\n  font-size: 14px;\n  line-height: 1.2em;\n  position: relative;\n  text-align: left;\n  white-space: nowrap; }\n.five-stars-container .five-stars {\n    display: block;\n    overflow: hidden;\n    padding-left: 1px;\n    position: relative; }\n.five-stars-container .five-stars::before {\n      content: "\\e006\\e006\\e006\\e006\\e006"; }\n.five-stars-container.editable-rating .ui-slider-range {\n    display: block;\n    overflow: hidden;\n    padding-left: 1px;\n    position: relative; }\n.five-stars-container.editable-rating .ui-slider-range::before {\n      content: "\\e006\\e006\\e006\\e006\\e006"; }\n.five-stars-container::before {\n    content: "\\e006\\e006\\e006\\e006\\e006";\n    display: block;\n    left: 1px;\n    position: absolute;\n    top: 0;\n    z-index: 0; }\n.rates-table {\n  border-style: solid;\n  border-width: 1px; }\n.rates-table th {\n    text-align: left; }\n.rates-table td {\n    text-align: center; }\n.rates-table th,\n  .rates-table td {\n    padding: 4px; }\n.price {\n  display: block;\n  float: right;\n  font-size: 1em;\n  font-weight: bold;\n  line-height: 1;\n  text-align: right;\n  text-transform: uppercase; }\n.price small {\n    display: block;\n    font-size: 0.5em; }\n.tab-pane [class^="col-"],\n.tab-pane [class*=" col-"] {\n  padding-left: 10px;\n  padding-right: 10px; }\n.tab-pane {\n  width: 100% !important;\n  overflow-x: auto !important; }\n.tab-pane .row {\n    margin-left: -10px;\n    margin-right: -10px;\n    margin-top: 0; }\n.soap-icon-notice {\n  font-size: 14px; }\n.tab-container ul.tabs {\n  margin: 0;\n  padding: 0; }\n.tab-container ul.tabs li {\n    float: left;\n    padding-right: 4px; }\n.tab-container ul.tabs li:last-child {\n      padding-right: 0; }\n.tab-container ul.tabs li a {\n      display: block;\n      font-size: 1em;\n      font-weight: bold;\n      height: 40px;\n      line-height: 40px;\n      padding: 0 20px;\n      text-decoration: none;\n      text-transform: uppercase;\n      white-space: nowrap; }\n.tab-container ul.tabs li.close-button a {\n      width: 30px; }\n.tab-container ul.tabs::after {\n    clear: both;\n    content: "";\n    display: table; }\n.tab-container .tab-content .tab-pane {\n  line-height: 1.7em;\n  padding: 20px; }\n.tab-container .tab-content .tab-pane .row {\n    margin-bottom: 15px; }\n.tab-container .tab-content .tab-pane::after {\n    clear: both;\n    content: "";\n    display: table; }\n.tab-container .tab-pane > .hotel-listing .details {\n  padding-right: 0; }\n.hotel-description {\n  font-size: 13px; }\n.hotel-listing .box > * {\n  padding: 0; }\n.hotel-listing .box::after {\n  clear: both;\n  content: "";\n  display: table; }\n.hotel-listing .five-stars-container {\n  line-height: 1em; }\n.hotel-listing .price {\n  float: none;\n  text-align: center; }\n.hotel-listing.hotel figure img {\n  height: auto;\n  width: 100%; }\n.hotel-listing.hotel .box-title {\n  float: left;\n  margin: 0; }\n.hotel-listing.hotel .box-title i {\n    font-size: 15px; }\n.hotel-listing.hotel .details {\n  display: table;\n  padding: 15px 0 15px 20px; }\n.hotel-listing.hotel .details > * {\n    display: table-row; }\n.hotel-listing.hotel .details > * > * {\n      display: table-cell;\n      text-align: right;\n      vertical-align: middle; }\n.hotel-listing.hotel .details > * > *:first-child {\n        padding-left: 0;\n        padding-right: 15px;\n        text-align: left;\n        border-right: none; }\n.hotel-listing.hotel .button {\n  margin-top: 8px; }\n.hotel .rates {\n  margin-bottom: 0;\n  margin-top: 15px; }\n.table {\n  margin-bottom: 0; }\n.filters-container.toggle-container {\n  background: none; }\n.filters-container.toggle-container .panel.filter-panel {\n    border: 0;\n    margin-bottom: 4px; }\n.filters-container.toggle-container .panel.filter-panel .panel-title {\n      padding-left: 5px; }\n.filters-container.toggle-container .panel.filter-panel .panel-content {\n      padding: 10px 20px 20px; }\n.filters-container ul.filters-option {\n  margin-bottom: 10px; }\n.filters-container ul.filters-option li {\n    margin-bottom: 1px;\n    padding: 0 15px; }\n.filters-container ul.filters-option li a {\n      color: inherit;\n      display: block;\n      font-size: 11px;\n      padding: 8px 0;\n      text-transform: uppercase; }\n.filters-container ul.filters-option li small {\n      float: right; }\n.filters-container ul.filters-option li::before {\n      display: block;\n      float: left;\n      height: 16px;\n      line-height: 14px;\n      margin-top: 12px;\n      text-align: center;\n      width: 15px; }\n.filters-container ul.filters-option li::after {\n      clear: both;\n      content: "";\n      display: table; }\n.hotel-about-description .intro.table-wrapper {\n  border-collapse: separate;\n  border-spacing: 15px;\n  padding: 0;\n  table-layout: fixed; }\n.hotel-about-description .intro.table-wrapper > * {\n    border-collapse: collapse; }\n.hotel-about-description .intro.table-wrapper .table-cell:first-child {\n    margin-bottom: 15px; }\n.hotel-about-description .intro.table-wrapper .table-cell:last-child {\n    padding-left: 0;\n    padding-right: 0; }\n.hotel-about-description .features {\n  font-size: 0.8333em;\n  padding: 25px 20px;\n  text-transform: uppercase; }\n.hotel-about-description .features li {\n    line-height: 2em; }\n.hotel-about-description .features label {\n    margin: 0;\n    margin-right: 20px;\n    white-space: nowrap;\n    width: 110px; }\n.hotel-about-description .long-description {\n  margin-top: 25px;\n  padding: 0 15px; }\n*[id^="hotel-features"] {\n  margin-bottom: 30px;\n  margin-top: 30px; }\n*[id^="hotel-availability"] {\n  padding-top: 10px !important; }\n*[id^="hotel-availability"] .room-list > article {\n    margin: 20px 0 0;\n    padding-bottom: 20px; }\n*[id^="hotel-availability"] .room-list > article:last-child {\n      border-bottom: 0; }\n*[id^="hotel-availability"] .room-list .box .price-section,\n  *[id^="hotel-availability"] .room-list .box .action-section {\n    padding-right: 0; }\n*[id^="hotel-availability"] .room-list .box .price-section {\n    border-bottom: 0; }\n*[id^="hotel-availability"] .room-list .box .action-section {\n    vertical-align: top; }\n*[id^="hotel-availability"] .room-list .box .action-section a.button {\n      padding: 0 20px; }\n*[id^="hotel-amenities"] .amenities li {\n  padding: 0; }\n*[id^="hotel-amenities"] .amenities.filter-panel {\n  margin-bottom: 1px; }\n*[id^="hotel-amenities"] .room-list .details {\n  padding-bottom: 0;\n  padding-top: 0; }\n*[id^="hotel-amenities"] .room-list .box-title .title {\n  margin-bottom: 3px; }\n*[id^="hotel-amenities"] .room-list .box-title dl {\n  margin: 0; }\n*[id^="hotel-amenities"] .room-list .box-title dl::after {\n    clear: both;\n    content: "";\n    display: table; }\n*[id^="hotel-amenities"] .room-list .box-title dd {\n  float: left;\n  font-size: 0.8333em;\n  text-transform: uppercase; }\n.ui-slider {\n  position: relative;\n  text-align: left; }\n.ui-slider.ui-slider-horizontal {\n    height: 10px; }\n.ui-slider.ui-slider-horizontal .ui-slider-range {\n      height: 100%; }\n.ui-slider.ui-slider-horizontal .ui-slider-handle {\n      margin-left: -10px;\n      top: -5px; }\n.ui-slider.ui-widget-content {\n    border-radius: 5px; }\n.ui-slider .ui-slider-range {\n    border: 0;\n    border-radius: 5px;\n    display: block;\n    position: absolute;\n    z-index: 1; }\n.ui-slider .ui-slider-handle {\n    border-radius: 50%;\n    cursor: default;\n    height: 20px;\n    position: absolute;\n    width: 20px;\n    z-index: 2; }\n.filters-container .rating,\n.editable-rating .rating {\n  font-size: 24px; }\n.filters-container .rating.ui-widget-content,\n  .editable-rating .rating.ui-widget-content {\n    background: none;\n    border-radius: 0; }\n.filters-container .rating.ui-slider-horizontal,\n  .editable-rating .rating.ui-slider-horizontal {\n    height: auto; }\n.filters-container .rating.ui-slider-horizontal .ui-slider-handle,\n    .editable-rating .rating.ui-slider-horizontal .ui-slider-handle {\n      height: 0;\n      margin: 0;\n      padding: 0;\n      top: 0;\n      visibility: hidden;\n      width: 0; }\n.datepicker-wrap {\n  position: relative; }\n.datepicker-wrap:hover {\n    cursor: pointer; }\n.datepicker-wrap::after {\n    bottom: 0;\n    content: "\\e86a";\n    display: block;\n    font-family: "soap-icons";\n    font-size: 25px;\n    height: 100%;\n    line-height: 34px;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    text-align: center;\n    top: 0;\n    width: 30px; }\n.stand-out-features {\n  list-style: none; }\n.stand-out-features li {\n    display: inline;\n    min-height: 45px; }\n.stand-out-features li div {\n      display: table-cell;\n      height: 45px;\n      vertical-align: top; }\n.stand-out-features .feat {\n    font-size: 16pt;\n    margin-right: 10px; }\n.stand-out-features .dist {\n    width: 70px;\n    font-size: 20pt;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    text-align: center;\n    line-height: 10px; }\n.stand-out-features .dist span {\n    font-size: 9pt; }\n.back-to-top {\n  bottom: 15px;\n  margin: auto;\n  position: fixed; }\n.hotel-pricing {\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n  margin-top: 10px;\n  width: 100% !important; }\n.hotel-pricing li {\n  padding: 0px !important; }\n.hotel-pricing .box-shaded,\n.box-shaded {\n  margin-right: 5px;\n  margin-top: 5px;\n  padding: 15px 10px;\n  background-color: #f8f8fc;\n  border-radius: 6px;\n  color: #aeb0bc;\n  text-align: left; }\n.hotel-pricing li .price-from {\n  color: #999;\n  font-size: 1.6em;\n  min-height: 34px; }\n.hotel-pricing li .price-from-total {\n  color: #319b4c;\n  font-size: 1.6em; }\n.hotel-pricing li .price-from span {\n  font-size: 0.6em; }\n.hotel-pricing li .view-more {\n  float: right;\n  height: 44px;\n  padding-left: 8px;\n  padding-right: 8px; }\n@media only screen and (max-width: 768px) {\n  .hotel-tabs li a {\n    height: 30px;\n    line-height: 30px;\n    padding: 0 5px;\n    text-align: center; }\n  .hotel-tabs .close-button a {\n    width: 30px; } }\n.hours-timer {\n  font-size: 24px;\n  text-align: center; }\n.contact-line {\n  font-size: 16px; }\n.contact-icon {\n  font-size: 16px; }\n.total-cost.large {\n  font-size: 28px;\n  text-align: right; }\n.total-cost.small {\n  font-size: 16px;\n  text-align: right; }\n.btn-primary:hover {\n  text-decoration: none; }\n.filter-nav {\n  margin-bottom: 0; }\n.filter-nav .filter-nav__header {\n    padding-right: 5px; }\n.mainmap {\n  height: 600px;\n  width: 100%; }\n.mainmap__infowindow .iw-hotel-info i {\n  margin-right: 2px; }\n.mainmap__infowindow .iw-hotel-info p {\n  margin-top: 12px; }\n.hotelcard__amenities {\n  text-align: right; }\n.hotelcard__stars {\n  margin-right: 2px; }\n.no-margin {\n  margin: 0; }\n.no-padding {\n  padding: 0 !important; }\n.no-padding-bottom {\n  padding-bottom: 0; }\n.no-padding-top {\n  padding-top: 0; }\n.no-padding-right {\n  padding-right: 0; }\n.no-padding-left {\n  padding-left: 0; }\n.no-margin-bottom {\n  margin-bottom: 0; }\n.no-margin-top {\n  margin-top: 0 !important; }\n.no-margin-right {\n  margin-right: 0; }\n.no-margin-left {\n  margin-left: 0; }\n.margin-15 {\n  margin: 15px; }\n.padding-10 {\n  padding: 10px !important; }\n.padding-15 {\n  padding: 15px; }\n.padding-15-bottom {\n  padding-bottom: 15px; }\n.padding-15-top {\n  padding-top: 15px; }\n.padding-15-right {\n  padding-right: 15px; }\n.padding-15-left {\n  padding-left: 15px; }\n.padding-7 {\n  padding: 7px; }\n.padding-7-bottom {\n  padding-bottom: 7px; }\n.padding-7-top {\n  padding-top: 7px; }\n.padding-7-right {\n  padding-right: 7px; }\n.padding-7-left {\n  padding-left: 7px; }\n.margin-10-top {\n  margin-top: 10px; }\n.margin-10-bottom {\n  margin-bottom: 10px; }\n.margin-15-bottom {\n  margin-bottom: 15px; }\n.margin-15-top {\n  margin-top: 15px; }\n.margin-15-right {\n  margin-right: 15px; }\n.margin-15-left {\n  margin-left: 15px; }\n.formcheck {\n  font-size: 24px; }\n.matrix-table {\n  display: block;\n  width: 100%; }\n.matrix .col-xs-3,\n.matrix .col-xs-9 {\n  padding: 0; }\n.matrix .matrix-row {\n  clear: both;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex; }\n.matrix .matrix-cell {\n  line-height: 32px;\n  padding: 5px; }\n.matrix .matrix-cell:not(.col-xs-3) {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-preferred-size: 100%;\n        flex-basis: 100%;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    float: left;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    text-align: center; }\n.matrix button.matrix-room-total {\n  border-radius: 0;\n  height: 100%;\n  padding: 5px;\n  width: 100%; }\n.matrix .col-xs-9 {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex; }\n.matrix .matrix-dates .matrix-cell {\n  line-height: initial; }\n.matrix .matrix-dates .matrix-empty {\n  font-weight: normal; }\n.matrix .matrix-dates .matrix-date-single {\n  font-weight: normal; }\n.matrix .matrix-date-single.matrix-hotel-group-total.matrix-cell {\n  -ms-flex-preferred-size: 350%;\n      flex-basis: 350%; }\n.matrix .matrix-hotel-group-total {\n  -ms-flex-preferred-size: 350%;\n      flex-basis: 350%; }\n.matrix .matrix-hotel-group {\n  margin-bottom: 2px; }\n.matrix .matrix-hotel-group * {\n    border: 0; }\n.matrix .matrix-hotel-group .matrix-hotel:hover {\n    cursor: pointer; }\n.matrix .matrix-hotel-group .matrix-hotel .matrix-hotel-name {\n    font-weight: bold; }\n.matrix .matrix-hotel-group .matrix-hotel .matrix-hotel-day {\n    font-weight: bold; }\n.matrix .matrix-hotel-group .matrix-hotel .matrix-hotel-total {\n    -ms-flex-preferred-size: 350%;\n        flex-basis: 350%; }\n.matrix .matrix-hotel-group .maxtrix-room-ratetype-bar {\n    padding: 5px 15px;\n    text-transform: uppercase; }\n.matrix .matrix-hotel-group .matrix-room .matrix-room-name {\n    font-weight: bold;\n    padding-left: 15px; }\n.matrix .matrix-hotel-group .matrix-room .matrix-room-day {\n    font-weight: normal; }\n.matrix .matrix-hotel-group .matrix-room .matrix-room-total {\n    -ms-flex-preferred-size: 350%;\n        flex-basis: 350%; }\n.matrix .matrix-hotel-group .matrix-room .matrix-room-total button {\n      width: 100%; }\n.sorter-card {\n  padding: 0 20px;\n  padding-top: 15px; }\n.sorter-card .sorter-card__results {\n    font-size: 1.2em;\n    margin-top: 7px;\n    padding-bottom: 15px; }\n.sorter-card li {\n    float: left;\n    padding: 15px 5px; }\n.sorter-card--mobile {\n  padding-left: 15px;\n  padding-right: 15px; }\n.sorter-card--mobile .sorter-card--mobile__results {\n    font-size: 1.2em;\n    line-height: 2.6em; }\n.mainmap_icon_content {\n  border-radius: 5px;\n  font-size: 14px;\n  min-width: 30px;\n  padding: 5px;\n  text-align: center;\n  width: 100%; }\n.mainmap_icon_content .font-12 {\n  font-size: 12px; }\n.mainmap__infowindow_photo {\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  float: left;\n  height: 150px;\n  width: 150px; }\n.mainmap__infowindow_info {\n  float: right;\n  padding: 10px;\n  text-align: left;\n  width: 275px; }\n.mainmap__infowindow_info h4 {\n    margin-top: 0; }\n.mainmap_icon_nose::before, .mainmap_icon_nose::after {\n  border-width: 6px 6px 0;\n  content: "";\n  height: 0;\n  left: 50%;\n  margin-left: -6px;\n  position: absolute;\n  width: 0; }\n.cardholder-field {\n  text-transform: uppercase; }\n.hotel-listing-box {\n  margin-bottom: 20px;\n  padding-bottom: 10px; }\n.hotel-listing-box dd {\n    line-height: 18pt; }\n.hotel-listing-box dd i {\n      font-size: 12px;\n      vertical-align: middle; }\n.btn-grey {\n  background-color: #d8d8d8;\n  color: #fff; }\n.img-rounded {\n  height: 60px; }\n.rating-block {\n  background-color: white;\n  border: 1px solid #efefef;\n  padding: 15px 15px 20px 15px;\n  border-radius: 3px;\n  margin: 0 20px 20px 20px; }\n.padding-margin-20 {\n  padding-bottom: 20px !important;\n  margin-top: 20px !important;\n  margin-bottom: 20px !important; }\n.line-break {\n  border-bottom: 1px solid #eeeeee; }\n.review-block {\n  background-color: #fafafa;\n  border: 1px solid #efefef;\n  padding: 15px;\n  border-radius: 3px;\n  margin-bottom: 15px; }\n.review-block-name {\n  font-size: 12px;\n  margin: 10px 0; }\n.review-block-date {\n  font-size: 12px; }\n.review-block-rate {\n  font-size: 13px;\n  margin-bottom: 15px; }\n.review-block-rate- > i {\n  font-size: 20px; }\n.review-block-title {\n  font-size: 15px;\n  font-weight: 700;\n  margin-bottom: 10px; }\n.review-block-description {\n  font-size: 13px; }\n.progress-bar-success {\n  background-color: #fdb715 !important; }\n.summary-block {\n  border-bottom: 1px solid #eeeeee;\n  margin-bottom: 20px; }\n.noHover {\n  pointer-events: none; }\n.view-more {\n  height: 40px; }\n.button-delete {\n  background-color: #d9534f !important; }\n.soap-icon-color {\n  color: #333; }\n.MATRIX_HEADER_BG {\n  background: #779fbf !important;\n  color: #fff; }\n.SECONDARY_COLOR {\n  color: #5a9acd; }\n.TERTIARY_COLOR {\n  color: #319b4c; }\n.QUATERNARY_COLOR {\n  color: #daa520; }\n.AMENITY_LIST_ITEM_BG {\n  background: #daa520;\n  color: #000; }\n.window {\n  width: 20px !important;\n  height: 40px !important;\n  margin: 0 10px 10px 0 !important; }\n.window:nth-of-type(6n) {\n  margin-right: 0 !important; }\n.loading__loader {\n  height: 380px !important;\n  width: 190px !important;\n  padding: 10px !important;\n  margin-top: calc(50vh - 190px) !important;\n  margin-left: calc(50% - 120px) !important; }\n.hotel-sign {\n  height: 310px !important;\n  width: 50px !important;\n  right: -60px !important; }\n.loading__door {\n  width: 40px !important;\n  height: 60px !important; }\n.loading-background {\n  font-size: 40px !important; }\n.rooms-left {\n  font-size: 10px;\n  color: #d9534f; }\ntooltip-content {\n  display: inline !important; }\n.no-image a {\n  background-size: 150px !important; }\n.step {\n  width: 35px;\n  height: 35px;\n  background: #102434;\n  display: block;\n  line-height: 34px;\n  color: #fff;\n  border-radius: 50%;\n  font-weight: 700;\n  font-family: sans-serif;\n  font-size: 18px; }\n.expand-button {\n  border-radius: 0;\n  background-color: #fff;\n  border: 1px solid #102434;\n  color: #102434;\n  outline: none; }\n.expand-button:focus {\n    outline: none; }\n.expand-button:hover {\n    color: #fff; }\n.circle {\n  width: 190px;\n  height: 190px;\n  border: 10px inset #102434;\n  display: block;\n  position: fixed;\n  top: 20%;\n  left: 50%;\n  margin-left: -100px;\n  margin-top: -100px;\n  border-radius: 200px;\n  -webkit-animation: rotate 5s infinite linear;\n  animation: rotate 5s infinite linear;\n  -webkit-box-shadow: 0 0 5px rgba(16, 36, 52, 0.1);\n          box-shadow: 0 0 5px rgba(16, 36, 52, 0.1); }\n.circle-small {\n  width: 150px;\n  height: 150px;\n  border: 6px outset #102434;\n  display: block;\n  position: fixed;\n  top: 20%;\n  left: 50%;\n  margin-left: -81px;\n  margin-top: -81px;\n  border-radius: 156px;\n  -webkit-animation: rotate-rev 3s infinite linear;\n  animation: rotate-rev 3s infinite linear;\n  -webkit-box-shadow: 0 0 5px rgba(16, 36, 52, 0.1);\n          box-shadow: 0 0 5px rgba(16, 36, 52, 0.1); }\n.circle-big {\n  width: 210px;\n  height: 210px;\n  border: 4px dotted #102434;\n  display: block;\n  position: fixed;\n  top: 20%;\n  left: 50%;\n  margin-left: -109px;\n  margin-top: -109px;\n  border-radius: 214px;\n  -webkit-animation: rotate-rev 10s infinite linear;\n  animation: rotate-rev 10s infinite linear; }\n.circle-inner {\n  width: 80px;\n  height: 80px;\n  background-color: #102434;\n  display: block;\n  position: fixed;\n  top: 20%;\n  left: 50%;\n  margin-left: -45px;\n  margin-top: -45px;\n  border-radius: 80px;\n  -webkit-animation: pulse 1.5s infinite ease-in;\n  animation: pulse 1.5s infinite ease-in;\n  opacity: 1;\n  -webkit-box-shadow: 0 0 5px rgba(16, 36, 52, 0.1);\n          box-shadow: 0 0 5px rgba(16, 36, 52, 0.1); }\n.circle-inner-inner {\n  width: 100px;\n  height: 100px;\n  background-color: #1c3f5b;\n  display: block;\n  position: fixed;\n  top: 20%;\n  left: 50%;\n  margin-left: -55px;\n  margin-top: -55px;\n  border-radius: 100px;\n  -webkit-animation: pulse 1.5s infinite ease-in;\n  animation: pulse 1.5s infinite ease-in;\n  -webkit-box-shadow: 0 0 5px #1c3f00;\n          box-shadow: 0 0 5px #1c3f00; }\n/*==============ANIMATIONS=================*/\n/*==============ROTATE=====================*/\n@-webkit-keyframes rotate {\n  0% {\n    -webkit-transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg); } }\n@keyframes rotate {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg); } }\n/*==============ROTATE-REV=================*/\n@-webkit-keyframes rotate-rev {\n  0% {\n    -webkit-transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(-360deg); } }\n@keyframes rotate-rev {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(-360deg);\n            transform: rotate(-360deg); } }\n/*==============PULSE======================*/\n@-webkit-keyframes pulse {\n  0% {\n    -webkit-transform: scale(0.1);\n    opacity: 0.2; }\n  50% {\n    -webkit-transform: scale(1);\n    opacity: 0.8; }\n  100% {\n    -webkit-transform: scale(0.1);\n    opacity: 0.2; } }\n@keyframes pulse {\n  0% {\n    -webkit-transform: scale(0.1);\n            transform: scale(0.1);\n    opacity: 0.2; }\n  50% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n    opacity: 0.8; }\n  100% {\n    -webkit-transform: scale(0.1);\n            transform: scale(0.1);\n    opacity: 0.2; } }\n.selector span.custom-select {\n  padding: 0 15px; }\n.text-right {\n  text-align: right !important; }\n.mobile-box-shaded {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 10px;\n  padding: 10px 0;\n  background-color: #f8f8fc;\n  text-align: center !important; }\n.change-date a:hover {\n  color: #102434 !important; }\n.ribbon-breakfast {\n  position: absolute;\n  margin-top: 10px;\n  left: 5px;\n  width: auto;\n  height: auto;\n  padding: 8px 16px !important;\n  color: #fff !important;\n  background: #077812 !important;\n  border-radius: 3px 6px 6px 0;\n  -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4);\n  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4);\n  z-index: 20; }\n.ribbon-breakfast:before {\n  content: \'\';\n  position: absolute;\n  left: 0;\n  bottom: -10px;\n  width: 0;\n  height: 0;\n  border: 5px solid #077812;\n  border-bottom-color: transparent;\n  border-left-color: transparent;\n  z-index: -1; }\n.ribbon-breakfast .add-tag-content, .ribbon-traverlers .add-tag-content {\n  position: static;\n  width: auto;\n  font-size: 11px;\n  line-height: 18px;\n  font-weight: 400; }\n.ribbon-traverlers {\n  position: absolute;\n  margin-top: 10px;\n  left: 5px;\n  width: auto;\n  height: auto;\n  padding: 8px 16px !important;\n  color: #fff !important;\n  background: #003580 !important;\n  border-radius: 3px 6px 6px 0;\n  -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4);\n  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4);\n  z-index: 20; }\n.ribbon-traverlers:before {\n  content: \'\';\n  position: absolute;\n  left: 0;\n  bottom: -10px;\n  width: 0;\n  height: 0;\n  border: 5px solid #003580;\n  border-bottom-color: transparent;\n  border-left-color: transparent;\n  z-index: -1; }\n.ui-widget {\n  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;\n  font-size: 1em; }\n.ui-widget input,\n.ui-widget select,\n.ui-widget textarea,\n.ui-widget button {\n  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;\n  font-size: 1em; }\n.ui-widget :active {\n  outline: none; }\n.ui-widget-header {\n  font-weight: normal; }\n.ui-widget-overlay {\n  opacity: 0.5;\n  filter: Alpha(Opacity=50); }\n.ui-state-disabled,\n.ui-widget:disabled {\n  opacity: 0.35;\n  filter: Alpha(Opacity=35);\n  background-image: none;\n  cursor: default !important; }\n.ui-state-disabled *,\n.ui-widget:disabled * {\n  cursor: default !important; }\n/* Forms */\n.ui-inputgroup .ui-inputgroup-addon:first-child {\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 3px; }\n.ui-inputgroup .ui-inputgroup-addon:last-child {\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px; }\n.ui-inputgroup .ui-button:first-child {\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 3px; }\n.ui-inputgroup .ui-button:last-child {\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px; }\n.fc .fc-toolbar .fc-prev-button .ui-icon-circle-triangle-w {\n  margin-top: 0.3em;\n  background: none !important;\n  font-family: "primeicons";\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  display: inline-block;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-indent: 0px !important;\n  text-align: center; }\n.fc .fc-toolbar .fc-prev-button .ui-icon-circle-triangle-w:before {\n  content: "\ue900"; }\n.fc .fc-toolbar .fc-next-button .ui-icon-circle-triangle-e {\n  margin-top: 0.3em;\n  background: none !important;\n  font-family: "primeicons";\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  display: inline-block;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-indent: 0px !important;\n  text-align: center; }\n.fc .fc-toolbar .fc-next-button .ui-icon-circle-triangle-e:before {\n  content: "\ue901"; }\n/* Row Reorder */\n.ui-table .ui-table-tbody > tr.ui-table-dragpoint-top > td {\n  -webkit-box-shadow: inset 0 2px 0 0 #186ba0;\n          box-shadow: inset 0 2px 0 0 #186ba0; }\n.ui-table .ui-table-tbody > tr.ui-table-dragpoint-bottom > td {\n  -webkit-box-shadow: inset 0 -2px 0 0 #186ba0;\n          box-shadow: inset 0 -2px 0 0 #186ba0; }\n/* Cornering */\n.ui-corner-tl {\n  border-top-left-radius: 3px; }\n.ui-corner-tr {\n  border-top-right-radius: 3px; }\n.ui-corner-bl {\n  border-bottom-left-radius: 3px; }\n.ui-corner-br {\n  border-bottom-right-radius: 3px; }\n.ui-corner-top {\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px; }\n.ui-corner-bottom {\n  border-bottom-left-radius: 3px;\n  border-bottom-right-radius: 3px; }\n.ui-corner-right {\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px; }\n.ui-corner-left {\n  border-top-left-radius: 3px;\n  border-bottom-left-radius: 3px; }\n.ui-corner-all {\n  border-radius: 3px; }\n/* roboto-regular - latin */\n.ui-widget-header {\n  background: #f6f7f9 0 0 repeat-x;\n  /* Old browsers */\n  /* FF3.6+ */\n  /* Chrome,Safari4+ */\n  /* Chrome10+,Safari5.1+ */\n  /* Opera11.10+ */\n  /* IE10+ */\n  background: -webkit-gradient(linear, left top, left bottom, from(#f6f7f9), to(#ebedf0));\n  background: linear-gradient(to bottom, #f6f7f9 0%, #ebedf0 100%);\n  /* W3C */ }\n.ui-accordion .ui-accordion-header {\n  background: #f6f7f9;\n  border-top: 1px solid #d9d9d9; }\n.ui-accordion .ui-accordion-header a {\n  color: #1b1d1f; }\n.ui-accordion\n.ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover {\n  background: #ededf0; }\n.ui-accordion .ui-accordion-header.ui-state-active {\n  background: #ffffff;\n  border-left-color: transparent;\n  border-right-color: transparent;\n  border-bottom-color: transparent;\n  border-radius: 0; }\n.ui-accordion .ui-accordion-content {\n  border: 0 none; }\n/* Tabview */\n.ui-tabview.ui-widget-content {\n  border: 0 none; }\n.ui-tabview .ui-tabview-nav {\n  background: transparent; }\n.ui-tabview .ui-tabview-nav > li.ui-state-default {\n  background: #f6f7f9; }\n.ui-tabview .ui-tabview-nav > li.ui-state-active {\n  background: #ffffff;\n  font-weight: normal;\n  color: #555555; }\n.ui-tabview\n.ui-tabview-nav\n> li:not(.ui-state-active):not(.ui-state-disabled):hover {\n  background: #ededf0; }\n/* Spinner */\n.ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:hover {\n  border: 1px solid #1f89ce;\n  background: #1f89ce;\n  outline: 0 none;\n  color: #ffffff; }\n.ui-spinner:not(.ui-state-disabled) .ui-spinner-button:enabled:active {\n  border: 1px solid #156090;\n  background: #186ba0;\n  color: #ffffff; }\n.ui-slider {\n  position: relative;\n  text-align: left;\n  background: #838688;\n  border: none;\n  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset; }\n.ui-slider .ui-slider-handle {\n  position: absolute;\n  z-index: 2;\n  width: 17px !important;\n  height: 21px !important;\n  cursor: default;\n  outline: none;\n  border-radius: 0;\n  border: none; }\n.ui-slider .ui-slider-range {\n  position: absolute;\n  z-index: 1;\n  font-size: 0.7em;\n  display: block;\n  border: 0;\n  background: #14a4ff;\n  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;\n  border-radius: 3px; }\n.ui-slider .ui-slider-handle.ui-state-active {\n  background-position: -17px 0; }\n.ui-slider-horizontal {\n  height: 6px; }\n.ui-slider-horizontal .ui-slider-handle {\n  top: -2px !important;\n  margin-left: -0.6em; }\n.ui-slider-horizontal .ui-slider-range {\n  top: 0;\n  height: 100%; }\n.ui-slider-horizontal .ui-slider-range-min {\n  left: 0; }\n.ui-slider-horizontal .ui-slider-range-max {\n  right: 0; }\n.ui-slider-vertical {\n  width: 0.8em;\n  height: 100px; }\n.ui-slider-vertical .ui-slider-handle {\n  left: -0.1em !important;\n  margin-left: 0;\n  margin-bottom: -0.6em; }\n.ui-slider-vertical .ui-slider-range {\n  left: 0;\n  width: 100%; }\n.ui-slider-vertical .ui-slider-range-min {\n  bottom: 0; }\n.ui-slider-vertical .ui-slider-range-max {\n  top: 0; }\n.ui-progressbar.ui-progressbar-determinate .ui-progressbar-value {\n  border: 0 none;\n  background: #8ec5fc; }\n.ui-progressbar.ui-progressbar-determinate\n.ui-progressbar\n.ui-progressbar-label {\n  color: #222222; }\n.ui-progressbar.ui-progressbar-indeterminate {\n  background: #8ec5fc; }\n.ui-progressbar.ui-progressbar-indeterminate .ui-progressbar-value {\n  border: 0 none;\n  background-color: #186ba0; }\n.ui-widget-header .ui-button,\n.ui-widget-content .ui-button,\n.ui-widget.ui-button,\n.ui-button {\n  border: 1px solid #2399e5;\n  color: #ffffff;\n  background: #2399e5;\n  -webkit-transition: background-color 0.2s;\n  transition: background-color 0.2s; }\n.ui-widget-header .ui-button:enabled:hover,\n.ui-widget-header .ui-button:focus,\n.ui-widget-content .ui-button:enabled:hover,\n.ui-widget-content .ui-button:focus,\n.ui-widget.ui-button:enabled:hover,\n.ui-widget.ui-button:focus,\n.ui-button:enabled:hover,\n.ui-button:focus {\n  border: 1px solid #1f89ce;\n  background: #1f89ce;\n  outline: 0 none;\n  color: #ffffff; }\n.ui-widget-header .ui-button:enabled:active,\n.ui-widget-content .ui-button:enabled:active,\n.ui-widget.ui-button:enabled:active,\n.ui-button:enabled:active {\n  border: 1px solid #156090;\n  background: #186ba0;\n  color: #ffffff; }\n.ui-fileupload-choose:not(.ui-state-disabled):hover,\n.ui-fileupload-choose.ui-state-focus {\n  border: 1px solid #1f89ce;\n  background: #1f89ce;\n  outline: 0 none;\n  color: #ffffff; }\n.ui-fileupload-choose:not(.ui-state-disabled):active {\n  border: 1px solid #156090;\n  background: #186ba0;\n  color: #ffffff; }\n/* Checkbox and Radio */\n.ui-chkbox-box.ui-state-active,\n.ui-radiobutton-box.ui-state-active {\n  border: 1px solid #156090;\n  background: #186ba0;\n  color: #ffffff; }\n.ui-chkbox-box.ui-state-focus,\n.ui-radiobutton-box.ui-state-focus {\n  -webkit-box-shadow: 0px 0px 5px #1f89ce;\n  box-shadow: 0px 0px 5px #1f89ce; }\n.ui-chkbox-box.ui-state-focus.ui-state-active {\n  background: #186ba0; }\n/* Inputs */\n.ui-inputtext {\n  background: #ffffff;\n  color: #222222;\n  -webkit-transition: 0.2s;\n  transition: 0.2s; }\n.ui-inputtext.ui-state-focus,\n.ui-inputtext:focus {\n  -webkit-box-shadow: 0px 0px 5px #1f89ce;\n  box-shadow: 0px 0px 5px #1f89ce; }\n/* InputSwitch */\n.ui-inputswitch-on {\n  background: #186ba0 !important;\n  color: #ffffff !important; }\n.ui-paginator .ui-paginator-page.ui-state-active {\n  background: #186ba0;\n  color: #ffffff;\n  border-color: #156090; }\n/* DataTable  */\n.ui-datatable th.ui-state-default {\n  background: #ebedf0;\n  border-color: #d9d9d9; }\n.ui-datatable th.ui-sortable-column:not(.ui-state-active):hover {\n  background: #d3d5d8;\n  border-color: #d9d9d9; }\n.ui-datatable th.ui-state-active {\n  background: #186ba0;\n  color: #ffffff; }\n.ui-datatable tbody > tr.ui-widget-content {\n  border-color: #d9d9d9; }\n.ui-datatable tbody > tr.ui-widget-content.ui-datatable-odd {\n  background-color: #fafafb; }\n.ui-datatable tbody > tr.ui-widget-content.ui-state-highlight {\n  background-color: #186ba0;\n  color: #ffffff; }\n.ui-datatable tfoot td.ui-state-default {\n  background: #ebedf0;\n  border-color: #d9d9d9; }\n/* TurboTable */\n.ui-table .ui-table-thead > tr > th,\n.ui-table .ui-table-tfoot > tr > td {\n  background-color: #ebedf0;\n  border-color: #d9d9d9; }\n.ui-table .ui-sortable-column:not(.ui-state-highlight):hover {\n  background-color: #d3d5d8;\n  border-color: #d9d9d9; }\n.ui-table .ui-table-tbody > tr:nth-child(even) {\n  background-color: #fafafb; }\n.ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight {\n  background-color: #186ba0;\n  color: #ffffff; }\n.ui-table .ui-table-tbody > tr:nth-child(even).ui-contextmenu-selected {\n  background-color: #3ca1e2;\n  color: #ffffff; }\n/* TurboTable */\n.ui-treetable .ui-treetable-thead > tr > th,\n.ui-treetable .ui-treetable-tfoot > tr > td {\n  background-color: #ebedf0;\n  border-color: #d9d9d9; }\n.ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {\n  background-color: #d3d5d8;\n  border-color: #d9d9d9; }\n/* Panel */\n.ui-panel.ui-widget {\n  padding: 0; }\n.ui-panel.ui-widget .ui-panel-titlebar.ui-corner-all {\n  -moz-border-radius-bottom-left: 0;\n  border-bottom-left-radius: 0;\n  -moz-border-radius-bottom-right: 0;\n  border-bottom-right-radius: 0; }\n.ui-panel.ui-widget .ui-panel-titlebar {\n  border-width: 0 0 1px 0; }\n.ui-panel.ui-widget .ui-panel-titlebar-icon span {\n  position: relative;\n  top: 1px; }\n/* TreeTable */\n.ui-treetable th.ui-state-default {\n  background: #ebedf0;\n  border-color: #d9d9d9; }\n/* ButtonSet */\n.ui-togglebutton.ui-button.ui-state-default,\n.ui-selectbutton .ui-button.ui-state-default {\n  border: 1px solid #d6d6d6;\n  background: #ffffff;\n  font-weight: normal;\n  color: #555555; }\n.ui-togglebutton.ui-button.ui-state-hover,\n.ui-togglebutton.ui-button.ui-state-focus,\n.ui-selectbutton .ui-button.ui-state-hover,\n.ui-selectbutton .ui-button.ui-state-focus,\n.ui-selectbutton .ui-button:focus {\n  border: 1px solid #c0c0c0;\n  background: #eeeeee;\n  font-weight: normal;\n  color: #212121; }\n.ui-togglebutton.ui-button.ui-state-focus,\n.ui-selectbutton .ui-button.ui-state-focus.ui-state-active,\n.ui-selectbutton .ui-button.ui-state-active:focus {\n  -webkit-box-shadow: 0px 0px 5px #1f89ce;\n  box-shadow: 0px 0px 5px #1f89ce; }\n.ui-togglebutton.ui-button.ui-state-active,\n.ui-selectbutton .ui-button.ui-state-active {\n  border: 1px solid #156090;\n  background: #186ba0;\n  color: #ffffff; }\n.ui-multiselect .ui-multiselect-label {\n  background-color: #ffffff; }\n.ui-dropdown.ui-state-focus,\n.ui-multiselect.ui-state-focus {\n  -webkit-box-shadow: 0px 0px 5px #1f89ce;\n  box-shadow: 0px 0px 5px #1f89ce; }\n/* Growl */\n.ui-growl-item-container.ui-state-highlight.ui-growl-message-info {\n  background-color: #2196f3;\n  border-color: #2196f3; }\n.ui-growl-item-container.ui-state-highlight.ui-growl-message-error {\n  background-color: #f44336;\n  border-color: #f44336; }\n.ui-growl-item-container.ui-state-highlight.ui-growl-message-warn {\n  background-color: #ffb300;\n  border-color: #ffb300; }\n.ui-growl-item-container.ui-state-highlight.ui-growl-message-success {\n  background-color: #4caf50;\n  border-color: #4caf50; }\n/* TabMenu */\n.ui-tabmenu {\n  border: 0 none; }\n.ui-tabmenu .ui-tabmenu-nav {\n  background: none; }\n.ui-tabmenu .ui-tabmenu-nav > li.ui-state-default {\n  background: #f6f7f9; }\n.ui-tabmenu .ui-tabmenu-nav > li.ui-state-active {\n  background: #ffffff;\n  font-weight: normal;\n  color: #555555; }\n.ui-tabmenu\n.ui-tabmenu-nav\n> li:not(.ui-state-active):not(.ui-state-disabled):hover {\n  background: #ededf0; }\n/* Menus */\n.ui-menu,\n.ui-menubar,\n.ui-menubar .ui-submenu-list,\n.ui-tieredmenu,\n.ui-tieredmenu .ui-submenu-list,\n.ui-slidemenu,\n.ui-slidemenu .ui-submenu-list,\n.ui-contextmenu,\n.ui-contextmenu .ui-submenu-list,\n.ui-megamenu {\n  color: #1b1d1f;\n  background: #f6f7f9 0 0 repeat-x;\n  /* Old browsers */\n  /* FF3.6+ */\n  /* Chrome,Safari4+ */\n  /* Chrome10+,Safari5.1+ */\n  /* Opera11.10+ */\n  /* IE10+ */\n  background: -webkit-gradient(linear, left top, left bottom, from(#f6f7f9), to(#ebedf0));\n  background: linear-gradient(to bottom, #f6f7f9 0%, #ebedf0 100%);\n  /* W3C */ }\n.ui-menu .ui-menuitem > .ui-menuitem-link:hover,\n.ui-menubar .ui-menuitem > .ui-menuitem-link:hover,\n.ui-tieredmenu .ui-menuitem > .ui-menuitem-link:hover,\n.ui-slidemenu .ui-menuitem > .ui-menuitem-link:hover,\n.ui-contextmenu .ui-menuitem > .ui-menuitem-link:hover,\n.ui-megamenu .ui-menuitem > .ui-menuitem-link:hover {\n  background-color: #a6a6a6;\n  color: #ffffff; }\n.ui-menu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,\n.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,\n.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,\n.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,\n.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link,\n.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {\n  background-color: #a6a6a6;\n  color: #ffffff; }\n/* PanelMenu */\n.ui-panelmenu .ui-panelmenu-header.ui-state-active,\n.ui-panelmenu .ui-panelmenu-header.ui-state-active a {\n  border-color: #156090;\n  background: #186ba0;\n  color: #ffffff; }\n/* DatePicker */\n.ui-datepicker.ui-widget {\n  padding: 0; }\n.ui-datepicker.ui-widget .ui-datepicker-header {\n  border-radius: 0px;\n  border-top: 0 none;\n  border-left: 0 none;\n  border-right: 0 none; }\n.ui-datepicker.ui-widget .ui-datepicker-header a:hover {\n  border-width: 1px; }\n.ui-datepicker.ui-widget .ui-datepicker-calendar {\n  margin: 0; }\n.ui-datepicker.ui-widget .ui-datepicker-calendar thead th {\n  background-color: #f6f8fa;\n  padding: 8px; }\n.ui-datepicker.ui-widget .ui-datepicker-calendar td {\n  border-bottom: 1px solid rgba(213, 213, 213, 0.5);\n  padding: 0; }\n.ui-datepicker.ui-widget .ui-datepicker-calendar td a {\n  border: 0 none;\n  text-align: center;\n  padding: 8px; }\n.ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-highlight {\n  background-color: #d6d6d6;\n  color: #212121; }\n.ui-datepicker.ui-widget .ui-datepicker-calendar td a.ui-state-active {\n  background-color: #186ba0;\n  color: #ffffff; }\n.ui-datepicker.ui-widget .ui-datepicker-calendar tr:last-child td {\n  border-bottom: 0 none; }\n.ui-datepicker.ui-widget .ui-timepicker {\n  border-bottom: 0 none;\n  border-left: 0 none;\n  border-right: 0 none;\n  border-radius: 0; }\n.ui-datepicker.ui-widget.ui-datepicker-timeonly .ui-timepicker {\n  border-top: 0 none; }\n/* Steps */\n.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link {\n  color: #ffffff; }\n/* Dialog */\n.ui-dialog.ui-widget .ui-dialog-titlebar {\n  padding: 1em 1.5em; }\n.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {\n  font-size: 1.25em; }\n.ui-dialog.ui-widget .ui-dialog-content {\n  padding: 1em 1.5em; }\n/* Schedule */\n.fc .fc-button-group .ui-state-active {\n  border: 1px solid #156090;\n  background: #186ba0;\n  color: #ffffff; }\n:host /deep/ .noUi-handle {\n  background-color: #102434 !important;\n  right: -17px;\n  width: 24px;\n  height: 28px;\n  left: auto;\n  top: -6px;\n  border: none; }\n:host /deep/ .noUi-handle:hover {\n    cursor: pointer; }\n:host /deep/ .noUi-handle::after {\n  content: "";\n  display: block;\n  position: absolute;\n  height: 14px;\n  width: 2px;\n  background: #e8e7e6;\n  left: 15px;\n  top: 6px; }\n:host /deep/ .noUi-handle::before {\n  content: "";\n  display: block;\n  position: absolute;\n  height: 14px;\n  width: 2px;\n  background: #e8e7e6;\n  left: 8px;\n  top: 6px; }\n:host /deep/ .noUi-connect {\n  background: #5a9acd; }\n:host /deep/ .noUi-target {\n  background: #f5f5f5; }\n.star-cb-group {\n  /* remove inline-block whitespace */\n  font-size: 0;\n  /* flip the order so we can use the + and ~ combinators */\n  unicode-bidi: bidi-override;\n  direction: rtl;\n  /* the hidden clearer */ }\n.star-cb-group * {\n    font-size: 35px; }\n.star-cb-group > input {\n    display: none; }\n.star-cb-group > input + label {\n      /* only enough room for the star */\n      display: inline-block;\n      overflow: hidden;\n      width: 28px;\n      white-space: nowrap;\n      cursor: pointer;\n      line-height: 35px;\n      margin-left: 2px; }\n.star-cb-group > input + label:before {\n        display: inline-block;\n        content: "\u2606";\n        color: #888; }\n.star-cb-group > input:checked ~ label:before,\n    .star-cb-group > input + label:hover ~ label:before,\n    .star-cb-group > input + label:hover:before {\n      content: "\u2605";\n      color: #5a9acd;\n      text-shadow: 0 0 1px #333; }\n.star-cb-group > .star-cb-clear + label {\n    width: 30px; }\n.star-cb-group > .star-cb-clear + label:before {\n    width: 30px; }\n.star-cb-group:hover > input + label:before {\n    content: "\u2606";\n    color: #888;\n    text-shadow: none; }\n.star-cb-group:hover > input + label:hover ~ label:before,\n  .star-cb-group:hover > input + label:hover:before {\n    content: "\u2605";\n    color: #5a9acd;\n    text-shadow: 0 0 1px #333; }\n@media only screen and (max-width: 768px) {\n  .star-cb-group * {\n    font-size: 24px; }\n  .star-cb-group > input {\n    display: none; }\n    .star-cb-group > input + label {\n      width: 22px; } }\n:host /deep/ p-calendar .ui-calendar-button {\n  right: 0 !important;\n  width: 34px !important;\n  background: #5a9acd;\n  color: white;\n  border: 0; }\n:host /deep/ p-calendar .ui-calendar-button:hover {\n    cursor: pointer; }\n:host /deep/ p-calendar input {\n  cursor: pointer !important; }\n:host /deep/ p-calendar .pi-chevron-left, :host /deep/ p-calendar .pi-chevron-right {\n  top: 0;\n  height: 1em;\n  margin-top: -.25em; }\n:host /deep/ p-calendar .pi-chevron-left:before {\n  /* content: "\\e900"; */\n  content: "\\25C0";\n  font-size: 24px !important; }\n:host /deep/ p-calendar .pi-chevron-right:before {\n  /* content: "\\e901"; */\n  content: "\\25BA";\n  font-size: 24px !important;\n  top: 0;\n  height: 1em; }\n:host /deep/ p-calendar .ui-datepicker .ui-datepicker-next span {\n  margin-left: -.75em; }\n@font-face {\n  font-family: "soap-icons";\n  src: url(\'soap-icons.eot\');\n  src: url(\'soap-icons.eot#iefix\') format("embedded-opentype"), url(\'soap-icons.woff\') format("woff"), url(\'soap-icons.ttf\') format("truetype"), url(\'soap-icons.svg#soap-icons\') format("svg");\n  font-weight: normal;\n  font-style: normal; }\n[class^="soap-icon"] {\n  vertical-align: baseline; }\n[class^="soap-icon"]:before {\n  font-family: "soap-icons";\n  font-style: normal;\n  font-weight: normal;\n  display: inline-block;\n  text-decoration: inherit;\n  text-align: center;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1em; }\n.soap-icon-fireplace:before {\n  content: "\\e800"; }\n.soap-icon-television:before {\n  content: "\\e801"; }\n.soap-icon-fridge:before {\n  content: "\\e802"; }\n.soap-icon-aircon:before {\n  content: "\\e803"; }\n.soap-icon-breakfast:before {\n  content: "\\e809"; }\n.soap-icon-clock:before {\n  content: "\\e858"; }\n.soap-icon-coffee:before {\n  content: "\\e80a"; }\n.soap-icon-conference:before {\n  content: "\\e80f"; }\n.soap-icon-winebar:before {\n  content: "\\e813"; }\n.soap-icon-wifi:before {\n  content: "\\e816"; }\n.soap-icon-fitnessfacility:before {\n  content: "\\e81d"; }\n.soap-icon-phone:before {\n  content: "\\e81f"; }\n.soap-icon-letter:before {\n  content: "\\e85e"; }\n.soap-icon-securevault:before {\n  content: "\\e823"; }\n.soap-icon-pickanddrop:before {\n  content: "\\e829"; }\n.soap-icon-entertainment:before {\n  content: "\\e853"; }\n.soap-icon-parking:before {\n  content: "\\e85b"; }\n.soap-icon-departure:before {\n  content: "\\e85d"; }\n.soap-icon-search:before {\n  content: "\\e862"; }\n.soap-icon-star:before {\n  content: "\\e877"; }\n.soap-icon-arrow-right {\n  content: "\\e880"; }\n.soap-icon-close:before {\n  content: "\\e890"; }\n.soap-icon-check:before {\n  content: "\\e892"; }\n.soap-icon-handicapaccessiable:before {\n  content: "\\e891"; }\n.soap-icon-swimming:before {\n  content: "\\e89a"; }\n.soap-icon-smoking:before {\n  content: "\\e89e"; }\n.soap-icon-playplace:before {\n  content: "\\e89f"; }\n.soap-icon-doorman:before {\n  content: "\\e8a4"; }\n.soap-icon-elevator:before {\n  content: "\\e8a6"; }\n.soap-icon-tub:before {\n  content: "\\e8a9"; }\n.soap-icon-pets:before {\n  content: "\\e8b8"; }\n.soap-icon-user:before {\n  content: \'\\e8b7\'; }\n.soap-icon-list:before {\n  content: \'\\e86c\'; }\n.soap-icon-savings:before {\n  content: \'\\e80c\'; }\n.soap-icon-features:before {\n  content: \'\\e894\'; }\n.soap-icon-notice:before {\n  content: \'\\e8bb\'; }\n.soap-icon-fork:before {\n  content: \'\\e819\'; }\n.soap-icon-heart:before {\n  content: \'\\e876\'; }\n.soap-icon-calendar:before {\n  content: \'\\e864\'; }\n.soap-icon-family:before {\n  content: \'\\e8b9\'; }\n.ui-slider {\n  position: relative;\n  text-align: left; }\n.ui-slider.ui-slider-horizontal {\n  height: 10px; }\n.ui-slider.ui-slider-horizontal .ui-slider-range {\n  height: 100%; }\n.ui-slider.ui-slider-horizontal .ui-slider-handle {\n  margin-left: -10px;\n  top: -5px; }\n.ui-slider.ui-widget-content {\n  border-radius: 5px 5px 5px 5px;\n  background: #f5f5f5; }\n.ui-slider .ui-slider-range {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  border: none;\n  background: #70b3fc;\n  border-radius: 5px 5px 5px 5px; }\n.ui-slider .ui-slider-handle {\n  cursor: default;\n  position: absolute;\n  z-index: 2;\n  width: 20px;\n  height: 20px;\n  border-radius: 50% 50% 50% 50%;\n  background: #2d3e52;\n  border: 2px solid #fff; }\n.selector {\n  position: relative;\n  min-width: 60px;\n  line-height: 0; }\n.selector select {\n    position: absolute;\n    z-index: 1;\n    filter: alpha(opacity=0);\n    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";\n    -moz-opacity: 0;\n    -khtml-opacity: 0;\n    opacity: 0;\n    width: 100%;\n    -webkit-appearance: menulist-button;\n    line-height: 30px; }\n.selector select:focus + span {\n      outline: none;\n      border: 1px solid #70b3fc;\n      -webkit-box-shadow: 0 0 8px #01b7f299;\n      box-shadow: 0 0 8px #70b3fc; }\n.selector span.custom-select {\n    display: inline-block;\n    line-height: 32px;\n    padding: 0 10px;\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    white-space: nowrap; }\n.selector span.custom-select::before {\n      position: absolute;\n      right: 0;\n      top: 0;\n      content: \'\';\n      background: #5a9acd;\n      width: 34px;\n      height: 100%; }\n.selector span.custom-select::after {\n      position: absolute;\n      right: 10px;\n      top: 12px;\n      border-top: 10px solid #fff;\n      border-left: 6px solid transparent;\n      border-right: 6px solid transparent;\n      content: ""; }\n.checkbox,\n.radio {\n  position: relative;\n  margin-top: 0;\n  line-height: 20px; }\n.checkbox::before,\n  .radio::before {\n    display: block;\n    content: "";\n    position: absolute;\n    left: 0;\n    top: 3px;\n    width: 14px;\n    height: 14px;\n    z-index: 0;\n    font-family: "soap-icons";\n    line-height: 12px;\n    text-align: center; }\n.checkbox .checked::before,\n  .radio .checked::before {\n    border-color: #7ab3fb;\n    color: #fff;\n    background: #7ab3fb;\n    content: "\\e8ba"; }\nselect, .custom-select {\n  height: 34px;\n  padding: 8px 0 8px 8px; }\ninput.input-text, select, textarea, span.custom-select {\n  background: #f5f5f5;\n  border: none;\n  line-height: normal; }\n.full-width {\n  width: 100% !important; }\n.fa {\n  display: inline-block;\n  font-family: FontAwesome;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale; }\na {\n  text-decoration: none;\n  color: inherit; }\na:hover,\na:focus {\n  color: #7ab3fb;\n  text-decoration: none; }\na:focus {\n  outline: none; }\np {\n  font-size: 1.0833em;\n  line-height: 1.6666;\n  margin-bottom: 15px; }\nul {\n  list-style: none;\n  margin: 0; }\n.full-width {\n  width: 100% !important; }\n.table-wrapper {\n  display: table; }\n.table-wrapper .table-cell {\n  display: table-cell;\n  vertical-align: top;\n  float: none !important; }\n.box-title {\n  margin-bottom: 0;\n  line-height: 1em; }\n.box-title small {\n  font-size: 10px;\n  color: #838383;\n  text-transform: uppercase;\n  display: block;\n  margin-top: 4px; }\ninput.input-text, textarea.input-text {\n  background: #f5f5f5;\n  border: none;\n  line-height: normal; }\ninput.input-text, textarea.input-text {\n  padding-left: 15px;\n  padding-right: 15px;\n  height: 34px; }\nform label {\n  text-transform: uppercase;\n  display: block;\n  margin-bottom: 5px;\n  font-weight: normal;\n  font-size: 0.9167em; }\nform .form-group {\n  margin-bottom: 15px; }\n.panel-content form label {\n  font-size: 0.8333em;\n  margin-bottom: 3px; }\n.box-title,\n.title,\n.price,\nbutton,\na.button,\ndl,\nlabel,\nul.tabs a,\n.icon-box.filter-panel {\n  letter-spacing: 0.04em; }\nbutton,\na.button {\n  border: none;\n  color: #fff;\n  cursor: pointer;\n  padding: 0 15px;\n  white-space: nowrap; }\nbutton.btn-medium {\n  padding: 0 32px;\n  height: 34px;\n  line-height: 34px;\n  font-size: 1em; }\na.button.btn-small {\n  height: 28px;\n  padding: 0 24px;\n  line-height: 28px;\n  font-size: 0.9167em; }\na.button.btn-mini {\n  height: 19px;\n  padding: 0 20px;\n  font-size: 0.8333em;\n  line-height: 19px; }\nbutton.full-width,\na.button.full-width {\n  padding-left: 0;\n  padding-right: 0; }\nbutton {\n  font-size: 0.9167em;\n  font-weight: bold;\n  background: #102434;\n  height: 34px;\n  line-height: 34px; }\nbutton:hover {\n  background: #102434; }\n.TOTAL_PRICE_COLOR {\n  color: #319b4c !important; }\n.TOTAL_PRICE_COLOR * {\n    color: #319b4c !important; }\na.button {\n  display: inline-block;\n  background: #fff;\n  font-size: 0.8333em;\n  line-height: 1.8333em;\n  white-space: nowrap;\n  text-align: center; }\na.button:hover {\n  background: #102434; }\na.button.btn-mini {\n  padding-left: 10px;\n  padding-right: 10px; }\na.button.btn-small,\na.button.full-width {\n  font-weight: bold; }\nul.check-square {\n  line-height: 2em;\n  font-size: 1em; }\nul.check-square li.active,\nul.check-square li.active:before {\n  color: #7ab3fb; }\nul.check-square {\n  list-style: none;\n  padding: 0; }\nul.check-square li:before {\n  font-family: "FontAwesome"; }\nul.check-square li:before {\n  font-family: "soap-icons";\n  content: "\\e8ba";\n  background: #fff;\n  color: #fff;\n  padding: 1px 4px 0;\n  margin-right: 10px;\n  font-size: 12px; }\nul.check-square li.active {\n  background: #7ab3fb;\n  color: #fff; }\nul.check-square li.active > a {\n  color: #fff; }\nul.check-square li.active:before {\n  background: #fff;\n  color: #977ac9; }\n.toggle-container {\n  background: #fff; }\n.toggle-container .panel {\n  margin-bottom: 0;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  border-radius: 0 0 0 0;\n  border: none;\n  border-bottom: 2px solid #f5f5f5;\n  position: relative; }\n.toggle-container .panel:last-child {\n  border: none; }\n.toggle-container .panel .panel-title {\n  padding: 0;\n  font-size: 1.1667em;\n  position: relative; }\n.toggle-container .panel .panel-title a {\n  white-space: normal;\n  display: block;\n  padding: 15px; }\n.toggle-container .panel h4.panel-title {\n  font-size: 1.3333em; }\n.toggle-container .panel.filter-panel .panel-title > a {\n  line-height: 24px; }\n.toggle-container .panel.filter-panel .panel-title > a:before {\n  display: block;\n  content: "\\f068";\n  font-family: FontAwesome;\n  margin-right: 16px;\n  line-height: 24px;\n  font-size: 10px;\n  float: left;\n  width: 24px;\n  height: 24px;\n  text-align: center;\n  background: #f5f5f5;\n  border-radius: 50% 50% 50% 50%; }\n.toggle-container .panel.filter-panel .panel-title > a.collapsed:before {\n  content: "\\f067";\n  color: #fff;\n  background: #7ab3fb; }\n.toggle-container .panel.filter-panel .panel-content {\n  padding: 10px 15px 15px 55px; }\n.toggle-container .panel.filter-panel.arrow-right .panel-title {\n  position: relative; }\n.toggle-container .panel.filter-panel.arrow-right .panel-title > a {\n  padding-right: 36px; }\n.toggle-container .panel.filter-panel.arrow-right .panel-title > a:before {\n  float: none;\n  position: absolute;\n  right: 0;\n  height: 16px;\n  line-height: 17px;\n  width: 16px;\n  font-size: 9px;\n  border: none;\n  margin-top: -8px;\n  top: 50%; }\n.toggle-container .panel.filter-panel.arrow-right .panel-content {\n  padding: 10px 15px; }\n.filters-container.toggle-container {\n  background: none; }\n.filters-container.toggle-container .panel.filter-panel {\n  border: none;\n  margin-bottom: 4px;\n  background: #fff; }\n.filters-container.toggle-container .panel.filter-panel .panel-title {\n  padding-left: 5px; }\n.filters-container.toggle-container .panel.filter-panel .panel-content {\n  padding: 10px 20px 20px; }\n.filters-container ul.filters-option {\n  margin-bottom: 10px; }\n.filters-container ul.filters-option li {\n  margin-bottom: 1px;\n  background: #f5f5f5;\n  padding: 0 15px; }\n.filters-container ul.filters-option li a {\n  color: inherit;\n  display: block;\n  padding: 8px 0;\n  text-transform: uppercase;\n  font-size: 11px; }\n.filters-container ul.filters-option li small {\n  float: right; }\n.filters-container ul.filters-option li:before {\n  float: left;\n  width: 15px;\n  height: 16px;\n  display: block;\n  line-height: 14px;\n  text-align: center;\n  margin-top: 12px; }\n.filters-container ul.filters-option li:after {\n  display: table;\n  clear: both;\n  content: ""; }\n.filters-container ul.filters-option li.active {\n  background: #7ab3fb; }\n.filters-container ul.filters-option li.active a {\n  color: #fff; }\n.filters-container #rating {\n  font-size: 24px; }\n.filters-container #rating,\n.editable-rating {\n  display: inline-block; }\n.filters-container #rating.ui-widget-content,\n.editable-rating.ui-widget-content {\n  background: none;\n  border-radius: 0 0 0 0; }\n.filters-container #rating.ui-slider-horizontal,\n.editable-rating.ui-slider-horizontal {\n  height: auto; }\n.filters-container #rating.ui-slider-horizontal .ui-slider-handle,\n.editable-rating.ui-slider-horizontal .ui-slider-handle {\n  margin: 0;\n  width: 0;\n  height: 0;\n  padding: 0;\n  top: 0;\n  visibility: hidden; }\n@media screen and (-webkit-min-device-pixel-ratio: 0) {\n  ::i-block-chrome {\n    margin-right: -19px; } }\n.SECONDARY_COLOR {\n  color: #5a9acd; }\n.TERTIARY_COLOR {\n  color: #319b4c; }\n.QUATERNARY_COLOR {\n  color: #daa520; }\n.calendarInput .input-group {\n  width: 100%; }\n.calendarInput input {\n  border-radius: 0;\n  border: 0;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  background: whitesmoke;\n  width: calc(100% - 34px) !important;\n  display: inline-block;\n  float: left; }\n.calendarInput .input-group-append {\n  display: inline-block;\n  border-radius: 0;\n  width: 34px; }\n.calendarInput .calendarBtn {\n  border-radius: 0;\n  height: 34px;\n  display: inline-block;\n  width: 34px;\n  padding: 0;\n  font-size: 16px; }\n.LINK_COLOR {\n  color: #327ab7; }\n.LINK_COLOR:hover {\n    cursor: pointer; }\n'},"5xMp":function(n,e){n.exports='<!DOCTYPE html>\r\n<html lang="en">\r\n    <head>\r\n        <meta charset="utf-8">\r\n        <meta http-equiv="X-UA-Compatible" content="IE=edge">\r\n        <meta name="viewport" content="width=device-width, initial-scale=1">\r\n        <title>Booking Engine</title>\r\n        \x3c!-- jQuery --\x3e\r\n        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"><\/script>\r\n        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"  integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30=" crossorigin="anonymous"><\/script>\r\n        \r\n        \x3c!-- Font Awesome --\x3e\r\n        <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"><\/script>\r\n\r\n        \x3c!-- Bootstrap --\x3e\r\n        \x3c!-- <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"> --\x3e\r\n        <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"><\/script>\r\n        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"><\/script>\r\n        \x3c!-- <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCtOGmuKc4DNwoT8a9LP7ZhngwgKFPLnhA"><\/script> --\x3e\r\n        \x3c!-- Custom assets --\x3e\r\n        \x3c!-- <link rel="stylesheet" type="text/css" href="../assets/primeicons/primeicons.css" />\r\n        <link rel="stylesheet" type="text/css" href="../assets/primeng/resources/themes/omega/theme.css" />\r\n        <link rel="stylesheet" type="text/css" href="../assets/primeng/resources/primeng.min.css" /> --\x3e\r\n        <script src="main.js"><\/script>\r\n    </head>\r\n\r\n    \x3c!-- Giving bodies class names to help separate css, as all css is compiled into one file --\x3e\r\n    <body  class="pageHome" [ngClass]="globals.siteTheme">\r\n        \x3c!-- <navbar></navbar> --\x3e\r\n        \x3c!-- <div class="sidenavContainer">\r\n            <div class="sidenav sidenavLeft" #sidenav mode="side" *ngIf="globals.sidebarDisplay.left">\r\n                <div class="sidebarForms">\r\n                        <h4>SEARCH</h4>\r\n                        <div class="form-group">\r\n                          <label for="locationInput">Location</label>\r\n                          <input (change)="updateFilters()" type="text" name="location" [(ngModel)]="globals.filter.location" class="form-control" id="locationInput" placeholder="Location">\r\n                        </div>\r\n                        <div class="form-group">\r\n                          <label for="propertyInput">Property Name</label>\r\n                          <input (change)="updateFilters()" type="text" name="property" [(ngModel)]="globals.filter.property" class="form-control" id="locationInput" placeholder="Property Name">\r\n                        </div>\r\n\r\n                        <ng-template #customDay let-date="date" let-currentMonth="currentMonth" let-selected="selected" let-disabled="disabled" let-focused="focused">\r\n                        <span class="custom-day" [class.weekend]="isWeekend(date)" [class.focused]="focused"\r\n                                [class.bg-primary]="selected" [class.hidden]="date.month !== currentMonth" [class.text-muted]="disabled">\r\n                            {{ date.day }}\r\n                        </span>\r\n                        </ng-template>\r\n                        <div class="form-group">\r\n                            <label for="checkinInput">Check-in Date</label>\r\n                            <div class="input-group">\r\n                                <input (change)="updateFilters()" class="form-control" placeholder="yyyy-mm-dd"\r\n                                    name="checkin" [(ngModel)]="globals.filter.checkinDate" ngbDatepicker [dayTemplate]="customDay" [markDisabled]="isDisabled" #dci="ngbDatepicker">\r\n                                <div class="input-group-addon" style="padding: 0;">\r\n                                    <button style="padding: 2px 11px; background: none;"class="btn btn-outline-secondary" (click)="dci.toggle()" type="button">\r\n                                            <span class="glyphicon glyphicon-th"></span>\r\n                                    </button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class="form-group">\r\n                            <label for="checkoutInput">Check-out Date</label>\r\n                            <div class="input-group">\r\n                                <input (change)="updateFilters()" class="form-control" placeholder="yyyy-mm-dd"\r\n                                    name="checkout" [(ngModel)]="globals.filter.checkoutDate" [dayTemplate]="customDay" ngbDatepicker [markDisabled]="isDisabled" #dco="ngbDatepicker">\r\n                                    <div class="input-group-addon" style="padding: 0;">\r\n                                            <button style="padding: 2px 11px; background: none;"class="btn btn-outline-secondary" (click)="dco.toggle()" type="button">\r\n                                                    <span class="glyphicon glyphicon-th"></span>\r\n                                            </button>\r\n                                        </div>\r\n                            </div>\r\n                        </div>\r\n                        <ng-template #t let-date="date" let-focused="focused">\r\n                            <span class="custom-day"\r\n                                    [class.focused]="focused"\r\n                                    [class.range]="isFrom(date) || isTo(date) || isInside(date) || isHovered(date)"\r\n                                    [class.faded]="isHovered(date) || isInside(date)"\r\n                                    (mouseenter)="hoveredDate = date"\r\n                                    (mouseleave)="hoveredDate = null">\r\n                                {{ date.day }}\r\n                            </span>\r\n                        </ng-template>\r\n                        <div class="form-group">\r\n                            <label for="sel1">Adults:</label>\r\n                            <select (change)="updateFilters()" name="adults" [(ngModel)]="globals.filter.adults" class="form-control" id="sel1">\r\n                                <option>1</option>\r\n                                <option>2</option>\r\n                                <option>3</option>\r\n                                <option>3+</option>\r\n                            </select>\r\n                        </div>    \r\n                        <div class="form-group">\r\n                            <label for="sel1">Children:</label>\r\n                            <select (change)="updateFilters()" name="children" [(ngModel)]="globals.filter.children" class="form-control" id="sel1">\r\n                                <option>0</option>\r\n                                <option>1</option>\r\n                                <option>2</option>\r\n                                <option>3</option>\r\n                                <option>3+</option>\r\n                            </select>\r\n                        </div>\r\n                        <h4>SORT BY</h4>\r\n                        <div class="form-group">\r\n                                <h4>Total Cost:</h4>\r\n                                <section>\r\n                                    <div class="form-check">\r\n                                        <input [(ngModel)]="globals.filter.maxTotalCost.threeHundred" (change)="updateFilters()" class="form-check-input" type="checkbox" value="1" id="threeHundred" name="threeHundred">\r\n                                        <label class="form-check-label" for="starRating1.threeHundred">Less than $300</label>\r\n                                    </div>\r\n                                    <div class="form-check">\r\n                                        <input [(ngModel)]="globals.filter.maxTotalCost.fiveHundred" (change)="updateFilters()" class="form-check-input" type="checkbox" value="2" id="fiveHundred" name="fiveHundred">\r\n                                        <label class="form-check-label" for="fiveHundred">$300 - $499</label>\r\n                                    </div>\r\n                                    <div class="form-check">\r\n                                        <input [(ngModel)]="globals.filter.maxTotalCost.eightHundred" (change)="updateFilters()" class="form-check-input" type="checkbox" value="3" id="eightHundred" name="eightHundred">\r\n                                        <label class="form-check-label" for="eightHundred">$500 - $799</label>\r\n                                    </div>\r\n                                    <div class="form-check">\r\n                                        <input [(ngModel)]="globals.filter.maxTotalCost.twelveHundred" (change)="updateFilters()" class="form-check-input" type="checkbox" value="4" id="twelveHundred" name="twelveHundred">\r\n                                        <label class="form-check-label" for="twelveHundred">$800 - $1199</label>\r\n                                    </div>\r\n                                    <div class="form-check">\r\n                                        <input [(ngModel)]="globals.filter.maxTotalCost.twelveHundredPlus" (change)="updateFilters()" class="form-check-input" type="checkbox" value="5" id="twelveHundredPlus" name="twelveHundredPlus">\r\n                                        <label class="form-check-label" for="twelveHundredPlus">$1200+</label>\r\n                                    </div>\r\n                                </section>\r\n                            </div>                        \r\n                        <div class="form-group">\r\n                            <h4>Star Rating:</h4>\r\n                            <section>\r\n                                <div class="form-check">\r\n                                    <input [(ngModel)]="globals.filter.starRating.one" (change)="updateFilters()" class="form-check-input" type="checkbox" value="1" id="starRating1" name="starRating1">\r\n                                    <label class="form-check-label" for="starRating1">1 star</label>\r\n                                </div>\r\n                                <div class="form-check">\r\n                                    <input [(ngModel)]="globals.filter.starRating.two" (change)="updateFilters()" class="form-check-input" type="checkbox" value="2" id="starRating2" name="starRating2">\r\n                                    <label class="form-check-label" for="starRating2">2 stars</label>\r\n                                </div>\r\n                                <div class="form-check">\r\n                                    <input [(ngModel)]="globals.filter.starRating.three" (change)="updateFilters()" class="form-check-input" type="checkbox" value="3" id="starRating3" name="starRating3">\r\n                                    <label class="form-check-label" for="starRating3">3 stars</label>\r\n                                </div>\r\n                                <div class="form-check">\r\n                                    <input [(ngModel)]="globals.filter.starRating.four" (change)="updateFilters()" class="form-check-input" type="checkbox" value="4" id="starRating4" name="starRating4">\r\n                                    <label class="form-check-label" for="starRating4">4 stars</label>\r\n                                </div>\r\n                                <div class="form-check">\r\n                                    <input [(ngModel)]="globals.filter.starRating.five" (change)="updateFilters()" class="form-check-input" type="checkbox" value="5" id="starRating5" name="starRating5">\r\n                                    <label class="form-check-label" for="starRating5">5 stars</label>\r\n                                </div>\r\n                                <div class="form-check">\r\n                                    <input [(ngModel)]="globals.filter.starRating.six" (change)="updateFilters()" class="form-check-input" type="checkbox" value="6" id="starRating6" name="starRating6">\r\n                                    <label class="form-check-label" for="starRating6">6 stars</label>\r\n                                </div>\r\n                            </section>\r\n                        </div>\r\n                        <div class="form-group">\r\n                            <label for="distance">Distance:</label>\r\n                            <select name="distance" [(ngModel)]="globals.filter.distance" (change)="updateFilters()" class="form-control" id="distance">\r\n                                <option value="5"><5km</option>\r\n                                <option value="15">5km-15km</option>\r\n                                <option value="25">15km-25km</option>\r\n                                <option value="50">25km-50km</option>\r\n                            </select>\r\n                        </div>\r\n                        <h4>FILTER BY</h4>\r\n                        <section>\r\n                            <div class="form-check">\r\n                                <input [(ngModel)]="globals.filter.amenities.apartment" (change)="updateFilters()" class="form-check-input" type="checkbox" value="" id="apartmentCheck" name="apartmentCheck">\r\n                                <label class="form-check-label" for="apartmentCheck">\r\n                                    Apartment\r\n                                </label>\r\n                            </div>\r\n                            <div class="form-check">\r\n                                <input [(ngModel)]="globals.filter.amenities.hotel" (change)="updateFilters()" class="form-check-input" type="checkbox" value="" id="hotelCheck" name="hotelCheck">\r\n                                <label class="form-check-label" for="hotelCheck">\r\n                                    Hotel\r\n                                </label>\r\n                            </div>\r\n                            <div class="form-check">\r\n                                <input [(ngModel)]="globals.filter.amenities.breakfast" (change)="updateFilters()" class="form-check-input" type="checkbox" value="" id="breakfastCheck" name="breakfastCheck">\r\n                                <label class="form-check-label" for="breakfastCheck">\r\n                                    Breakfast\r\n                                </label>\r\n                            </div>\r\n                            <div class="form-check">\r\n                                <input [(ngModel)]="globals.filter.amenities.smoking" (change)="updateFilters()" class="form-check-input" type="checkbox" value="" id="smokingCheck" name="smokingCheck">\r\n                                <label class="form-check-label" for="smokingCheck">\r\n                                    Smoking\r\n                                </label>\r\n                            </div>\r\n                            <div class="form-check">\r\n                                <input [(ngModel)]="globals.filter.amenities.wifi" (change)="updateFilters()" class="form-check-input" type="checkbox" value="" id="wifiCheck" name="wifiCheck">\r\n                                <label class="form-check-label" for="wifiCheck">\r\n                                    Wifi\r\n                                </label>\r\n                            </div>\r\n                            <div class="form-check">\r\n                                <input [(ngModel)]="globals.filter.amenities.parking" (change)="updateFilters()" class="form-check-input" type="checkbox" value="" id="parkingCheck" name="parkingCheck">\r\n                                <label class="form-check-label" for="parkingCheck">\r\n                                    Parking\r\n                                </label>\r\n                            </div>\r\n                        </section>\r\n                        <button class="btn btn-primary btn-block" (click)="loadHotels(globals.filter)" color="accent">Find Hotels</button>\r\n                </div>\r\n            </div>\r\n            <div class="sidenavContent" [ngClass]="{\'closed\': !globals.sidebarDisplay.left, \'open\': !!globals.sidebarDisplay.left}">\r\n                    <div id="wrapper" class="sidebarPageWrapper">\r\n                        <div id="page-content-wrapper">\r\n                            <div class="page-content">\r\n                                <div class="container-fluid" style="padding: 0;">\r\n                                    <div class="mainBody"> --\x3e\r\n                                        <router-outlet></router-outlet>\r\n                                    \x3c!-- </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        <div color="primary" class="bottomFilterToggleBtn hidden-sm hidden-md hidden-lg fixedFooter" *ngIf="router.url.indexOf(\'/review\') < 0 && router.url.indexOf(\'/reserve\') < 0">\r\n            <a (click)="sidebarToggle()" class="btn btn-primary btn-block toggle" color="primary">\r\n                <span *ngIf="!!globals.sidebarDisplay.left">HIDE FILTERS</span>\r\n                <span *ngIf="!globals.sidebarDisplay.left">SHOW FILTERS</span>\r\n            </a>\r\n        </div> --\x3e\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </body>\r\n</html>\r\n'},"7iwS":function(n,e){n.exports=""},HcJU:function(n,e){n.exports='body {\n  color: #fff;\n  font-family: \'Lato\', sans-serif;\n  font-size: 24px; }\n\n@-webkit-keyframes flicker {\n  0% {\n    background: transparent; }\n  50% {\n    background: #fff; }\n  100% {\n    background: transparent; } }\n\n@keyframes flicker {\n  0% {\n    background: transparent; }\n  50% {\n    background: #fff; }\n  100% {\n    background: transparent; } }\n\n@-webkit-keyframes neon {\n  0% {\n    text-shadow: none; }\n  50% {\n    text-shadow: rgba(255, 255, 255, 0.8) 0 0 8px; }\n  100% {\n    text-shadow: none; } }\n\n@keyframes neon {\n  0% {\n    text-shadow: none; }\n  50% {\n    text-shadow: rgba(255, 255, 255, 0.8) 0 0 8px; }\n  100% {\n    text-shadow: none; } }\n\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n\n.loader {\n  background: #444;\n  border-radius: 4px;\n  -webkit-box-shadow: #2b2a2a 0 0 20px inset;\n          box-shadow: #2b2a2a 0 0 20px inset;\n  height: 9.5em;\n  margin: 100px auto;\n  padding: .5em;\n  position: relative;\n  width: 5.5em; }\n\n.loader .hotel-sign {\n    -webkit-animation: neon 3s infinite ease;\n            animation: neon 3s infinite ease;\n    background: #5a9acd;\n    border-radius: 4px;\n    -webkit-box-shadow: #2b2a2a 0 0 10px inset;\n            box-shadow: #2b2a2a 0 0 10px inset;\n    color: #fff;\n    content: \' \';\n    font-family: sans-serif;\n    font-weight: 700;\n    padding: .25em .27em;\n    position: absolute;\n    right: -1.5em;\n    text-align: center;\n    width: 1.3em; }\n\n.loader .hotel-sign span {\n      line-height: 1; }\n\n.loader .window {\n    -webkit-animation: flicker 1s infinite ease;\n            animation: flicker 1s infinite ease;\n    background: #fff;\n    border-radius: 2px;\n    float: left;\n    height: 1em;\n    margin: 0 .5em .5em 0;\n    width: .5em; }\n\n.loader .window:nth-of-type(5n) {\n      margin: 0 .5em; }\n\n.loader .window:nth-child(1) {\n      -webkit-animation-delay: 1.86s;\n              animation-delay: 1.86s;\n      -webkit-animation-duration: 2.22s;\n              animation-duration: 2.22s; }\n\n.loader .window:nth-child(2) {\n      -webkit-animation-delay: 0.79s;\n              animation-delay: 0.79s;\n      -webkit-animation-duration: 1.93s;\n              animation-duration: 1.93s; }\n\n.loader .window:nth-child(3) {\n      -webkit-animation-delay: 0.01s;\n              animation-delay: 0.01s;\n      -webkit-animation-duration: 3.45s;\n              animation-duration: 3.45s; }\n\n.loader .window:nth-child(4) {\n      -webkit-animation-delay: 0.78s;\n              animation-delay: 0.78s;\n      -webkit-animation-duration: 1.91s;\n              animation-duration: 1.91s; }\n\n.loader .window:nth-child(5) {\n      -webkit-animation-delay: 0.33s;\n              animation-delay: 0.33s;\n      -webkit-animation-duration: 3.15s;\n              animation-duration: 3.15s; }\n\n.loader .window:nth-child(6) {\n      -webkit-animation-delay: 1.51s;\n              animation-delay: 1.51s;\n      -webkit-animation-duration: 2.54s;\n              animation-duration: 2.54s; }\n\n.loader .window:nth-child(7) {\n      -webkit-animation-delay: 1.17s;\n              animation-delay: 1.17s;\n      -webkit-animation-duration: 2.11s;\n              animation-duration: 2.11s; }\n\n.loader .window:nth-child(8) {\n      -webkit-animation-delay: 0.05s;\n              animation-delay: 0.05s;\n      -webkit-animation-duration: 2.87s;\n              animation-duration: 2.87s; }\n\n.loader .window:nth-child(9) {\n      -webkit-animation-delay: 0.69s;\n              animation-delay: 0.69s;\n      -webkit-animation-duration: 3.79s;\n              animation-duration: 3.79s; }\n\n.loader .window:nth-child(10) {\n      -webkit-animation-delay: 0.77s;\n              animation-delay: 0.77s;\n      -webkit-animation-duration: 2.86s;\n              animation-duration: 2.86s; }\n\n.loader .window:nth-child(11) {\n      -webkit-animation-delay: 0.14s;\n              animation-delay: 0.14s;\n      -webkit-animation-duration: 1.54s;\n              animation-duration: 1.54s; }\n\n.loader .window:nth-child(12) {\n      -webkit-animation-delay: 0.04s;\n              animation-delay: 0.04s;\n      -webkit-animation-duration: 2.47s;\n              animation-duration: 2.47s; }\n\n.loader .window:nth-child(13) {\n      -webkit-animation-delay: 0.91s;\n              animation-delay: 0.91s;\n      -webkit-animation-duration: 3.65s;\n              animation-duration: 3.65s; }\n\n.loader .window:nth-child(14) {\n      -webkit-animation-delay: 1s;\n              animation-delay: 1s;\n      -webkit-animation-duration: 1.71s;\n              animation-duration: 1.71s; }\n\n.loader .window:nth-child(15) {\n      -webkit-animation-delay: 1.29s;\n              animation-delay: 1.29s;\n      -webkit-animation-duration: 2.54s;\n              animation-duration: 2.54s; }\n\n.loader .window:nth-child(16) {\n      -webkit-animation-delay: 1.84s;\n              animation-delay: 1.84s;\n      -webkit-animation-duration: 2.39s;\n              animation-duration: 2.39s; }\n\n.loader .window:nth-child(17) {\n      -webkit-animation-delay: 1.55s;\n              animation-delay: 1.55s;\n      -webkit-animation-duration: 1.54s;\n              animation-duration: 1.54s; }\n\n.loader .window:nth-child(18) {\n      -webkit-animation-delay: 1.89s;\n              animation-delay: 1.89s;\n      -webkit-animation-duration: 3.51s;\n              animation-duration: 3.51s; }\n\n.loader .window:nth-child(19) {\n      -webkit-animation-delay: 0.28s;\n              animation-delay: 0.28s;\n      -webkit-animation-duration: 3.1s;\n              animation-duration: 3.1s; }\n\n.loader .window:nth-child(20) {\n      -webkit-animation-delay: 1.18s;\n              animation-delay: 1.18s;\n      -webkit-animation-duration: 2.47s;\n              animation-duration: 2.47s; }\n\n.loader .window:nth-child(21) {\n      -webkit-animation-delay: 0.86s;\n              animation-delay: 0.86s;\n      -webkit-animation-duration: 2.61s;\n              animation-duration: 2.61s; }\n\n.loader .window:nth-child(22) {\n      -webkit-animation-delay: 0.84s;\n              animation-delay: 0.84s;\n      -webkit-animation-duration: 3.83s;\n              animation-duration: 3.83s; }\n\n.loader .window:nth-child(23) {\n      -webkit-animation-delay: 0.95s;\n              animation-delay: 0.95s;\n      -webkit-animation-duration: 3.96s;\n              animation-duration: 3.96s; }\n\n.loader .window:nth-child(24) {\n      -webkit-animation-delay: 0.17s;\n              animation-delay: 0.17s;\n      -webkit-animation-duration: 2.92s;\n              animation-duration: 2.92s; }\n\n.loader .window:nth-child(25) {\n      -webkit-animation-delay: 0.02s;\n              animation-delay: 0.02s;\n      -webkit-animation-duration: 2.5s;\n              animation-duration: 2.5s; }\n\n.loader .window:nth-child(26) {\n      -webkit-animation-delay: 1.11s;\n              animation-delay: 1.11s;\n      -webkit-animation-duration: 3.57s;\n              animation-duration: 3.57s; }\n\n.loader .window:nth-child(27) {\n      -webkit-animation-delay: 1.1s;\n              animation-delay: 1.1s;\n      -webkit-animation-duration: 2.63s;\n              animation-duration: 2.63s; }\n\n.loader .window:nth-child(28) {\n      -webkit-animation-delay: 1.19s;\n              animation-delay: 1.19s;\n      -webkit-animation-duration: 3.33s;\n              animation-duration: 3.33s; }\n\n.loader .window:nth-child(29) {\n      -webkit-animation-delay: 1.68s;\n              animation-delay: 1.68s;\n      -webkit-animation-duration: 2.43s;\n              animation-duration: 2.43s; }\n\n.loader .window:nth-child(30) {\n      -webkit-animation-delay: 1.05s;\n              animation-delay: 1.05s;\n      -webkit-animation-duration: 3.66s;\n              animation-duration: 3.66s; }\n\n.loader .window:nth-child(31) {\n      -webkit-animation-delay: 0.29s;\n              animation-delay: 0.29s;\n      -webkit-animation-duration: 3.7s;\n              animation-duration: 3.7s; }\n\n.loader .window:nth-child(32) {\n      -webkit-animation-delay: 0.29s;\n              animation-delay: 0.29s;\n      -webkit-animation-duration: 2.21s;\n              animation-duration: 2.21s; }\n\n.loader .window:nth-child(33) {\n      -webkit-animation-delay: 1.2s;\n              animation-delay: 1.2s;\n      -webkit-animation-duration: 1.52s;\n              animation-duration: 1.52s; }\n\n.loader .window:nth-child(34) {\n      -webkit-animation-delay: 1.34s;\n              animation-delay: 1.34s;\n      -webkit-animation-duration: 1.98s;\n              animation-duration: 1.98s; }\n\n.loader .window:nth-child(35) {\n      -webkit-animation-delay: 1.88s;\n              animation-delay: 1.88s;\n      -webkit-animation-duration: 2.59s;\n              animation-duration: 2.59s; }\n\n.loader .window:nth-child(36) {\n      -webkit-animation-delay: 1.88s;\n              animation-delay: 1.88s;\n      -webkit-animation-duration: 1.3s;\n              animation-duration: 1.3s; }\n\n.loader .door {\n    background: #fff;\n    border-top-left-radius: 3px;\n    border-top-right-radius: 3px;\n    bottom: 0;\n    height: 1.5em;\n    left: 50%;\n    margin-left: -.5em;\n    position: absolute;\n    width: 1em; }\n\n@font-face {\n  font-family: "soap-icons";\n  src: url(\'soap-icons.eot\');\n  src: url(\'soap-icons.eot#iefix\') format("embedded-opentype"), url(\'soap-icons.woff\') format("woff"), url(\'soap-icons.ttf\') format("truetype"), url(\'soap-icons.svg#soap-icons\') format("svg");\n  font-weight: normal;\n  font-style: normal; }\n\n[class^="soap-icon"] {\n  vertical-align: baseline; }\n\n[class^="soap-icon"]:before {\n  font-family: "soap-icons";\n  font-style: normal;\n  font-weight: normal;\n  display: inline-block;\n  text-decoration: inherit;\n  text-align: center;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1em; }\n\n.soap-icon-fireplace:before {\n  content: "\\e800"; }\n\n.soap-icon-television:before {\n  content: "\\e801"; }\n\n.soap-icon-fridge:before {\n  content: "\\e802"; }\n\n.soap-icon-aircon:before {\n  content: "\\e803"; }\n\n.soap-icon-breakfast:before {\n  content: "\\e809"; }\n\n.soap-icon-clock:before {\n  content: "\\e858"; }\n\n.soap-icon-coffee:before {\n  content: "\\e80a"; }\n\n.soap-icon-conference:before {\n  content: "\\e80f"; }\n\n.soap-icon-winebar:before {\n  content: "\\e813"; }\n\n.soap-icon-wifi:before {\n  content: "\\e816"; }\n\n.soap-icon-fitnessfacility:before {\n  content: "\\e81d"; }\n\n.soap-icon-phone:before {\n  content: "\\e81f"; }\n\n.soap-icon-letter:before {\n  content: "\\e85e"; }\n\n.soap-icon-securevault:before {\n  content: "\\e823"; }\n\n.soap-icon-pickanddrop:before {\n  content: "\\e829"; }\n\n.soap-icon-entertainment:before {\n  content: "\\e853"; }\n\n.soap-icon-parking:before {\n  content: "\\e85b"; }\n\n.soap-icon-departure:before {\n  content: "\\e85d"; }\n\n.soap-icon-search:before {\n  content: "\\e862"; }\n\n.soap-icon-star:before {\n  content: "\\e877"; }\n\n.soap-icon-arrow-right {\n  content: "\\e880"; }\n\n.soap-icon-close:before {\n  content: "\\e890"; }\n\n.soap-icon-check:before {\n  content: "\\e892"; }\n\n.soap-icon-handicapaccessiable:before {\n  content: "\\e891"; }\n\n.soap-icon-swimming:before {\n  content: "\\e89a"; }\n\n.soap-icon-smoking:before {\n  content: "\\e89e"; }\n\n.soap-icon-playplace:before {\n  content: "\\e89f"; }\n\n.soap-icon-doorman:before {\n  content: "\\e8a4"; }\n\n.soap-icon-elevator:before {\n  content: "\\e8a6"; }\n\n.soap-icon-tub:before {\n  content: "\\e8a9"; }\n\n.soap-icon-pets:before {\n  content: "\\e8b8"; }\n\n.soap-icon-user:before {\n  content: \'\\e8b7\'; }\n\n.soap-icon-list:before {\n  content: \'\\e86c\'; }\n\n.soap-icon-savings:before {\n  content: \'\\e80c\'; }\n\n.soap-icon-features:before {\n  content: \'\\e894\'; }\n\n.soap-icon-notice:before {\n  content: \'\\e8bb\'; }\n\n.soap-icon-fork:before {\n  content: \'\\e819\'; }\n\n.soap-icon-heart:before {\n  content: \'\\e876\'; }\n\n.soap-icon-calendar:before {\n  content: \'\\e864\'; }\n\n.soap-icon-family:before {\n  content: \'\\e8b9\'; }\n\na.button:hover {\n  background: #102434; }\n\na:hover:not(.button), a:focus:not(.button) {\n  color: #7ab3fb; }\n\n.link-text {\n  color: #7ab3fb; }\n\n.toggle-container {\n  background: #fff; }\n\n.toggle-container.complete {\n    border-left: 4px solid #102434; }\n\n.toggle-container.incomplete {\n    border-left: 4px solid #5a9acd; }\n\n.toggle-container.panel {\n    border-bottom: 2px solid #fff; }\n\n.toggle-container.panel.filter-panel .panel-title > a::before {\n      background: #fff; }\n\n.toggle-container.panel.filter-panel .panel-title > a.collapsed::before {\n      background: #7ab3fb;\n      color: #fff; }\n\nul.check-square li.active {\n  background: #7ab3fb;\n  color: #fff; }\n\nul.check-square li.active::before {\n    background: #fff;\n    color: #333; }\n\nul.check-square li.active a {\n    color: #fff; }\n\nul.check-square li::before {\n  background: #d9d9d9;\n  color: #fff; }\n\n.blue-color {\n  color: #7ab3fb; }\n\n.obe-page-wrapper {\n  background-color: #f5f5f5;\n  color: #838383; }\n\nsection.content {\n  background: #f5f5f5; }\n\n.box-title small {\n  color: #838383; }\n\ninput.input-text,\ntextarea.input-text {\n  background: #f5f5f5; }\n\ninput.input-text:focus,\n  textarea.input-text:focus {\n    border: 1px solid #70b3fc;\n    -webkit-box-shadow: 0 0 8px #01b7f299;\n            box-shadow: 0 0 8px #01b7f299; }\n\nlabel.required::after {\n  color: #ec3937; }\n\n.form-invalid input.ng-dirty {\n  border: 1px solid #ec3937;\n  color: #ec3937; }\n\n.form-invalid input.ng-dirty + .form-required-block {\n    color: #ec3937; }\n\n.form-invalid input.ng-dirty + .form-error-block {\n    color: #ec3937; }\n\n.form-invalid select.ng-dirty {\n  border: 1px solid #ec3937;\n  color: #ec3937; }\n\n.heading-panel {\n  background-color: #fff; }\n\n.icon-box.filter-panel {\n  background: #fff; }\n\n.icon-box.filter-panel > i {\n    background: #977ac9;\n    color: #fff; }\n\nbutton {\n  background: #102434;\n  color: #fff; }\n\nbutton:hover {\n    background: #0a1721; }\n\n.five-stars-container {\n  color: #fff; }\n\n.five-stars-container .five-stars {\n    background: #fff; }\n\n.five-stars-container .five-stars::before {\n      color: #7ab3fb; }\n\n.five-stars-container.editable-rating .ui-slider-range {\n    background: #fff; }\n\n.five-stars-container.editable-rating .ui-slider-range::before {\n      color: #7ab3fb; }\n\n.rates-table {\n  border-color: #dcdcdc; }\n\n.rates-table th {\n    background-color: #ddd;\n    color: #111; }\n\n.rates-table th.weekend {\n      background-color: #dedede;\n      color: #111; }\n\n.rates-table td.weekend {\n    background-color: #ccc;\n    color: #111; }\n\n.price {\n  color: #9bcf4c; }\n\n.price small {\n    color: #838383; }\n\n.title {\n  color: #033573; }\n\n.your-booking th {\n  background: #599acc;\n  border-bottom: 0 !important;\n  color: #fff; }\n\n.tab-container ul.tabs li a {\n  background: #d9d9d9;\n  color: #333; }\n\n.tab-container ul.tabs li.active > a {\n  background: #102434;\n  color: #fff; }\n\n.tab-container ul.tabs li:hover > a {\n  background: #fff;\n  color: #7ab3fb; }\n\n.tab-container ul.tabs li.close-button a {\n  background: #ec3937;\n  color: #fff; }\n\n.tab-container ul.tabs li.close-button a:hover {\n    cursor: pointer;\n    background: #d22f2d; }\n\n.tab-container .tab-content {\n  background: #fff; }\n\n.hotel-listing .box {\n  background: #fff; }\n\n.hotel-listing .five-stars-container {\n  color: #fff; }\n\n.hotel-listing.hotel .details > * > *:first-child {\n  border-right: 1px solid #f5f5f5; }\n\n.filters-container.toggle-container .panel.filter-panel {\n  background: #fff; }\n\n.filters-container ul.filters-option li {\n  background: #f5f5f5; }\n\n.filters-container ul.filters-option li:hover {\n    cursor: pointer;\n    background: #5a9acd;\n    color: #fff; }\n\n.filters-container ul.filters-option li.active {\n    background: #5a9acd; }\n\n.filters-container ul.filters-option li.active a {\n      color: #fff; }\n\n.hotel-about-description .intro {\n  background: #f5f5f5; }\n\n.hotel-about-description .intro.table-wrapper .table-cell {\n    background: #fff; }\n\n.hotel-about-description .features label {\n  border-right: 1px solid #f5f5f5;\n  color: #7ab3fb; }\n\n*[id^="hotel-availability"] .room-list > article {\n  border-bottom: 1px solid #f5f5f5; }\n\n*[id^="hotel-amenities"] .amenities.filter-panel li .icon-box {\n  background: #f5f5f5; }\n\n.ui-slider.ui-widget-content {\n  background: #f5f5f5; }\n\n.ui-slider .ui-slider-range {\n  background: #7ab3fb; }\n\n.ui-slider .ui-slider-handle {\n  background: #033573; }\n\n.datepicker-wrap::after {\n  background: #977ac9;\n  color: #fff; }\n\n.stand-out-features .feat {\n  color: #7ab3fb; }\n\n@media only screen and (max-width: 768px) {\n  .hotel-tabs li.active {\n    background: #102434;\n    color: #fff; }\n  .hotel-tabs .close-button {\n    background: #ec3937;\n    color: #fff; } }\n\n.hours-timer {\n  color: #7ab3fb; }\n\n.office-hours {\n  color: #333; }\n\n.contact-line {\n  color: #7ab3fb; }\n\n.contact-icon {\n  color: #9bcf4c; }\n\n.total-cost {\n  color: #9bcf4c; }\n\n.heading-text {\n  color: #3089f9; }\n\n.mainmap__infowindow .iw-hotel-info h4 {\n  color: darkslateblue; }\n\n.mainmap__infowindow .iw-hotel-info i {\n  color: goldenrod; }\n\n.card {\n  background: #fff; }\n\n.sorter-card {\n  background: #fff; }\n\n.mainmap_icon_content {\n  background-color: #2f4f4f;\n  border: 1px solid #fff;\n  color: #fff; }\n\n.mainmap_icon_content:hover {\n    background-color: #008000; }\n\n.mainmap__infowindow_info h4 {\n  color: #483d8b; }\n\n.mainmap__infowindow_info i {\n  color: #daa520; }\n\n.mainmap_icon_nose::before, .mainmap_icon_nose::after {\n  border: 6px solid #2f4f4f;\n  border-color: #2f4f4f transparent transparent; }\n\n.matrix .matrix-dates .matrix-empty {\n  border-right: 1px solid #164b61; }\n\n.matrix .matrix-dates .matrix-date-single {\n  background: #f1f8ff;\n  border-right: 1px solid #164b61;\n  border-top: 1px solid #164b61;\n  color: #333; }\n\n.matrix .matrix-hotel-group .matrix-hotel .matrix-hotel-name {\n  background: #1f6494;\n  border-bottom: 1px solid #164b61;\n  border-right: 1px solid #164b61;\n  border-top: 1px solid #164b61;\n  color: #fff; }\n\n.matrix .matrix-hotel-group .matrix-hotel .matrix-hotel-day {\n  background: #357ba0;\n  border-bottom: 1px solid #164b61;\n  border-right: 1px solid #164b61;\n  border-top: 1px solid #164b61;\n  color: #fff; }\n\n.matrix .matrix-hotel-group .matrix-hotel .matrix-hotel-total {\n  border-bottom: 1px solid #164b61;\n  border-right: 1px solid #164b61;\n  border-top: 1px solid #164b61; }\n\n.matrix .matrix-hotel-group .maxtrix-room-ratetype-bar {\n  background: #eee;\n  border-bottom: 1px solid #164b61;\n  border-left: 2px solid #164b61;\n  border-right: 1px solid #164b61;\n  color: #222;\n  text-transform: uppercase; }\n\n.matrix .matrix-hotel-group .matrix-room .matrix-room-name {\n  background: #7d98a5;\n  border-bottom: 1px solid #164b61;\n  border-left: 2px solid #164b61;\n  border-right: 1px solid #164b61;\n  color: #fff; }\n\n.matrix .matrix-hotel-group .matrix-room .matrix-room-day {\n  background: #85b83a;\n  border-bottom: 1px solid #698c35;\n  border-right: 1px solid #698c35;\n  color: #fff; }\n\n.matrix .matrix-hotel-group .matrix-room .matrix-room-total {\n  background: #fff;\n  border-bottom: 1px solid #164b61;\n  border-right: 1px solid #164b61;\n  color: #222; }\n\n.matrix .matrix-hotel-group .matrix-room .matrix-room-total button {\n    background: #85b83a;\n    color: #fff; }\n\n.matrix .matrix-hotel-group .matrix-room .sold-out {\n  background: #ccc;\n  color: #111; }\n\n.text-primary {\n  color: #9bcf4c; }\n\n.text-secondary {\n  color: #7ab3fb; }\n\n.text-tertiary {\n  color: #7ab3fb; }\n\n.text-quaternary {\n  color: #977ac9; }\n\n.text-neutral {\n  color: #efefef; }\n\n.bg-primary {\n  background-color: #102434;\n  color: #fff; }\n\n.bg-secondary {\n  background-color: #5a9acd;\n  color: #222; }\n\n.bg-tertiary {\n  background-color: #7ab3fb;\n  color: #fff; }\n\n.bg-quaternary {\n  background-color: #977ac9;\n  color: #fff; }\n\n.bg-neutral {\n  background-color: #efefef;\n  color: #838383; }\n\n.btn-primary {\n  background-color: #102434;\n  color: #fff; }\n\n.btn-primary:hover {\n    background-color: black; }\n\n.checkbox::before,\n.radio::before {\n  border: 1px solid #f5f5f5; }\n\n.checkbox.checked::before,\n.radio.checked::before {\n  background: #7ab3fb;\n  border-color: #7ab3fb;\n  border: 0;\n  color: #fff; }\n\nselect,\ntextarea {\n  background: #f5f5f5; }\n\ninput.input-text {\n  background: #f5f5f5; }\n\nspan.custom-select {\n  background: #f5f5f5; }\n\n.noUi-handle {\n  background-color: #98ce44 !important; }\n\n.noUi-handle::after {\n  background: #e8e7e6; }\n\n.noUi-handle::before {\n  background: #e8e7e6; }\n\n.noUi-connect {\n  background: #5a9acd; }\n\n.noUi-target {\n  background: #f5f5f5; }\n\n.star-cb-group > input + label:before {\n  color: #f2ab07; }\n\n.star-cb-group > input:checked ~ label:before,\n.star-cb-group > input + label:hover ~ label:before,\n.star-cb-group > input + label:hover:before {\n  color: #f2ab07;\n  text-shadow: 0 0 1px #333; }\n\n.star-cb-group:hover > input + label:hover ~ label:before,\n.star-cb-group:hover > input + label:hover:before {\n  color: #f2ab07;\n  text-shadow: 0 0 1px #333; }\n\np-calendar .ui-calendar-button {\n  background: #5a9acd !important;\n  color: white !important; }\n\nbutton:disabled {\n  background: #cacaca; }\n\nbutton:disabled:hover {\n    background: #cacaca; }\n\n.ui-datepicker {\n  display: block !important; }\n\nspan.custom-select {\n  display: inline-block;\n  line-height: 32px;\n  padding: 0 10px;\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap; }\n\nspan.custom-select::before {\n    position: absolute;\n    right: 0;\n    top: 0;\n    content: "";\n    background: #5a9acd;\n    width: 24px;\n    height: 100%; }\n\nspan.custom-select::after {\n    position: absolute;\n    right: 9px;\n    top: 15px;\n    border-top: 5px solid #fff;\n    border-left: 3px solid transparent;\n    border-right: 3px solid transparent;\n    content: ""; }\n\n.RATE_ICON_BG.btn-default:hover, .RATE_ICON_BG.btn-default:focus, .LEGEND_ICON_BG.btn-default:hover, .LEGEND_ICON_BG.btn-default:focus, .LOW_PRICE_ICON_BG.btn-default:hover, .LOW_PRICE_ICON_BG.btn-default:focus, .POLICY_ICON_BG.btn-default:hover, .POLICY_ICON_BG.btn-default:focus {\n  background: #fff;\n  background-color: #fff; }\n\n.RATE_ICON_BG.btn-success:hover, .RATE_ICON_BG.btn-success:focus, .LEGEND_ICON_BG.btn-success:hover, .LEGEND_ICON_BG.btn-success:focus, .LOW_PRICE_ICON_BG.btn-success:hover, .LOW_PRICE_ICON_BG.btn-success:focus, .POLICY_ICON_BG.btn-success:hover, .POLICY_ICON_BG.btn-success:focus {\n  background: #5cb85c;\n  background-color: #5cb85c; }\n\n.RATE_ICON_BG.btn-danger:hover, .RATE_ICON_BG.btn-danger:focus, .LEGEND_ICON_BG.btn-danger:hover, .LEGEND_ICON_BG.btn-danger:focus, .LOW_PRICE_ICON_BG.btn-danger:hover, .LOW_PRICE_ICON_BG.btn-danger:focus, .POLICY_ICON_BG.btn-danger:hover, .POLICY_ICON_BG.btn-danger:focus {\n  background: #d9534f;\n  background-color: #d9534f; }\n\n.soap-icon-close {\n  font-size: 28px !important;\n  margin-left: -6px !important; }\n\n.SECONDARY_BUTTON_BG {\n  background: #5a9acd;\n  color: #fff; }\n\n.SECONDARY_BUTTON_BG:hover {\n    background: #5a9acd;\n    color: #fff; }\n\n:host /deep/ nouislider .noUi-connect,\nnouislider .noUi-connect {\n  background: #337ab7; }\n\n:host /deep/ nouislider .noUi-handle,\nnouislider .noUi-handle {\n  background: #102434;\n  background-color: #102434; }\n\n:host /deep/ nouislider .noUi-handle::before,\nnouislider .noUi-handle::before {\n  background: #FFFFFF;\n  background-color: #FFFFFF; }\n\n:host /deep/ nouislider .noUi-handle::after\nnouislider .noUi-handle::after {\n  background: #FFFFFF;\n  background-color: #FFFFFF; }\n\n:host /deep/ p-calendar button,\np-calendar button {\n  background: #337ab7;\n  color: #ffffff; }\n\n:host /deep/ p-calendar .ui-calendar input,\np-calendar .ui-calendar input {\n  background: #f5f5f5;\n  color: #999999; }\n\n:host /deep/ p-calendar .ui-datepicker-header,\np-calendar .ui-datepicker-header {\n  background: #337ab7;\n  color: #ffffff; }\n\n:host /deep/ p-calendar .ui-datepicker,\np-calendar .ui-datepicker,\n:host /deep/ p-calendar .ui-datepicker-calendar,\np-calendar .ui-datepicker-calendar,\n:host /deep/ p-calendar a.ui-state-default,\np-calendar a.ui-state-default {\n  background: #ffffff;\n  color: #333333;\n  text-align: center; }\n\n:host /deep/ p-calendar .ui-datepicker-current-day,\np-calendar .ui-datepicker-current-day,\n:host /deep/ p-calendar .ui-datepicker-today,\np-calendar .ui-datepicker-today,\n:host /deep/ p-calendar a.ui-state-default:hover,\np-calendar a.ui-state-default:hover {\n  background: #102434;\n  color: #FFFFFF; }\n\n:host /deep/ p-calendar .ui-datepicker-prev,\np-calendar .ui-datepicker-prev,\n:host /deep/ p-calendar .ui-datepicker-next,\np-calendar .ui-datepicker-next {\n  color: #ffffff;\n  margin-right: 8px; }\n\n.hotel-sign {\n  background: #5a9acd; }\n\n.day-rate-inner {\n  white-space: nowrap; }\n\n.nopadding {\n  margin: 0;\n  padding: 0; }\n\n.large-checkbox {\n  border-radius: 5px;\n  border: 2px solid #555; }\n\n.ehc-cont {\n  display: table; }\n\n.ehc-cont .ehc-col {\n    display: table-cell;\n    float: none;\n    vertical-align: top; }\n\n.search-container {\n  border-style: solid;\n  border-right-style: solid;\n  border-color: #5a9acd;\n  border-width: 5px;\n  padding: 0px; }\n\n.search-container-right {\n  border-right-style: solid;\n  border-color: #5a9acd;\n  border-width: 5px;\n  padding: 10px; }\n\n#daterangeSelector:focus, #daterangeSelectorCheckIn:focus, #daterangeModalSelector:focus, #daterangeModalSelectorCheckIn:focus {\n  outline: none;\n  box-shadow: none;\n  -webkit-box-shadow: none; }\n\n@media only screen and (max-width: 767px) {\n  .search-container {\n    border-style: hidden;\n    border-right-style: hidden;\n    border-color: transparent;\n    border-width: 0px; } }\n\n@media only screen and (max-width: 767px) {\n  .search-container-right {\n    border-right-style: hidden;\n    border-color: transparent;\n    border-width: 0px; } }\n\n@media (min-width: 768px) {\n  .modal-dialog {\n    margin: 30px auto; } }\n\nth,\ntd {\n  padding: 2px 8px; }\n\noption {\n  background-color: #fff; }\n\n.selector {\n  line-height: 0;\n  min-width: 60px;\n  position: relative; }\n\n.selector span.custom-select {\n    display: inline-block;\n    line-height: 32px;\n    overflow: hidden;\n    padding: 0 10px;\n    position: relative;\n    white-space: nowrap;\n    width: 100%; }\n\n.selector span.custom-select::before {\n      content: "";\n      height: 100%;\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: 24px; }\n\n.selector span.custom-select::after {\n      border-left: 3px solid transparent;\n      border-right: 3px solid transparent;\n      content: "";\n      position: absolute;\n      right: 9px;\n      top: 15px; }\n\n.selector select {\n    filter: alpha(opacity=0);\n    line-height: 30px;\n    opacity: 0;\n    position: absolute;\n    width: 100%;\n    z-index: 1; }\n\n.selector select:focus + span {\n      outline: none; }\n\nselect,\n.custom-select {\n  height: 34px;\n  padding: 8px 0 8px 8px; }\n\n.checkbox::before,\n.radio::before {\n  content: "";\n  display: block;\n  font-family: "soap-icons";\n  height: 18px;\n  width: 18px;\n  left: 0;\n  line-height: 12px;\n  position: absolute;\n  text-align: center;\n  top: -1px;\n  z-index: 0;\n  border: 2px solid #ccc !important; }\n\n.checkbox.checked::before,\n.radio.checked::before {\n  content: "\\e8ba"; }\n\nselect,\ntextarea {\n  border: 0;\n  line-height: normal; }\n\ninput .input-text {\n  border: 0;\n  line-height: normal; }\n\nspan .custom-select {\n  border: 0;\n  line-height: normal; }\n\n.full-width {\n  width: 100%; }\n\n.hotel-table-body {\n  border-top: 0; }\n\n.hotel-table-body .hotel-table-body-row {\n    padding: 0; }\n\n.hotel-table-body .hotel-table-body-row .hotel-table-body-descript-cell {\n      padding: 0; }\n\n.hotel-table-body .hotel-table-body-row .hotel-table-body-descript-cell .room-type-name {\n        font-size: 18px;\n        margin-top: 0; }\n\n.hotel-table-subheader {\n  border-bottom: 2px solid;\n  border-top: 2px solid;\n  height: 40px;\n  padding: 9px 8px; }\n\n.loading-background {\n  font-size: 2vw;\n  height: 100%;\n  position: fixed;\n  text-align: center;\n  width: calc(100% - 30px);\n  z-index: 1032;\n  background: rgba(0, 0, 0, 0.76) !important;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh; }\n\n.hotelcard_rates {\n  overflow-x: auto; }\n\n@media screen and (max-width: 991px) {\n  .mob-room-icon {\n    margin-right: 4px; }\n    .mob-room-icon.group-end {\n      margin-right: 12px; }\n  .room-type-name {\n    font-size: 14pt;\n    font-weight: bold; }\n  .ehc-col-mob {\n    display: block;\n    float: left;\n    width: 100%; }\n  .ehc-cont-mob {\n    display: block; } }\n\n.fa {\n  display: inline-block;\n  font-family: FontAwesome;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1; }\n\n.pull-right {\n  float: right; }\n\n.pull-left {\n  float: left; }\n\n.fa-map-marker::before {\n  content: "\\f041"; }\n\n.fa-credit-card::before {\n  content: "\\f09d"; }\n\n.fa-users::before {\n  content: "\\f0c0"; }\n\nimg {\n  border: 0; }\n\na {\n  color: inherit;\n  text-decoration: none; }\n\na.button {\n    border: 0;\n    cursor: pointer;\n    display: inline-block;\n    font-size: 0.8333em;\n    letter-spacing: 0.04em;\n    line-height: 1.8333em;\n    padding: 0 15px;\n    text-align: center;\n    white-space: nowrap; }\n\na.button.btn-small {\n      font-size: 0.9167em;\n      height: 28px;\n      line-height: 28px;\n      padding: 0 24px; }\n\na.button.btn-mini {\n      font-size: 0.8333em;\n      height: 19px;\n      line-height: 19px;\n      padding: 0 20px;\n      padding-left: 10px;\n      padding-right: 10px; }\n\na.button.full-width {\n      padding-left: 0;\n      padding-right: 0; }\n\na.button.btn-small, a.button.full-width {\n      font-weight: bold; }\n\na:hover:not(.button), a:focus:not(.button) {\n    text-decoration: none; }\n\na:focus {\n    outline: none; }\n\np {\n  font-size: 1.0833em;\n  line-height: 1.6666;\n  margin-bottom: 15px; }\n\n.toggle-container.panel {\n  border: 0;\n  border-radius: 0;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  margin-bottom: 0;\n  position: relative; }\n\n.toggle-container.panel:last-child {\n    border: 0; }\n\n.toggle-container.panel .panel-title {\n    font-size: 1.1667em;\n    padding: 0;\n    position: relative; }\n\n.toggle-container.panel .panel-title a {\n      display: block;\n      padding: 15px;\n      white-space: normal; }\n\n.toggle-container.panel h4.panel-title {\n    font-size: 1.3333em; }\n\n.toggle-container.panel h4.panel-title > a {\n      line-height: 24px; }\n\n.toggle-container.panel.filter-panel .panel-title > a::before {\n    border-radius: 50%;\n    content: "\\f068";\n    display: block;\n    float: left;\n    font-family: FontAwesome;\n    font-size: 10px;\n    height: 24px;\n    line-height: 24px;\n    margin-right: 16px;\n    text-align: center;\n    width: 24px; }\n\n.toggle-container.panel.filter-panel .panel-title > a.collapsed::before {\n    content: "\\f067"; }\n\n.toggle-container.panel.filter-panel .panel-content {\n    padding: 10px 15px 15px 55px; }\n\n.toggle-container.panel.filter-panel.arrow-right .panel-title {\n    position: relative; }\n\n.toggle-container.panel.filter-panel.arrow-right .panel-title > a {\n      padding-right: 36px; }\n\n.toggle-container.panel.filter-panel.arrow-right .panel-title > a::before {\n        border: 0;\n        float: none;\n        font-size: 9px;\n        height: 16px;\n        line-height: 17px;\n        margin-top: -8px;\n        position: absolute;\n        right: 0;\n        top: 50%;\n        width: 16px; }\n\n.toggle-container.panel.filter-panel.arrow-right .panel-content {\n    padding: 10px 15px; }\n\nh2,\nh4 {\n  font-weight: normal;\n  margin: 0 0 15px; }\n\nh2 {\n  font-size: 1.6667em;\n  line-height: 1.25em; }\n\nh4 {\n  font-size: 1.3333em;\n  line-height: 1.25em; }\n\nul {\n  list-style: none;\n  margin: 0; }\n\nul.tabs a {\n    letter-spacing: 0.04em; }\n\nul.check-square {\n    font-size: 1em;\n    line-height: 2em;\n    list-style: none;\n    padding: 0; }\n\nul.check-square li::before {\n      content: "\\e8ba";\n      font-family: "soap-icons";\n      font-size: 12px;\n      margin-right: 10px;\n      padding: 1px 4px 0; }\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0; }\n\narticle,\nfigure,\nsection {\n  display: block; }\n\n.clearer {\n  clear: both;\n  margin: 0;\n  padding: 0; }\n\n.uppercase {\n  text-transform: uppercase; }\n\n.visible-sms {\n  display: none; }\n\nfigure a {\n  background-size: cover !important;\n  height: 180px; }\n\n.obe-page-wrapper {\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 9pt;\n  overflow: visible;\n  overflow-x: hidden;\n  position: relative;\n  max-width: 1200px;\n  margin: 0 auto; }\n\nsection.content {\n  min-height: 400px;\n  padding-top: 30px;\n  text-align: left; }\n\nsection.content::after {\n    clear: both;\n    content: "";\n    display: table; }\n\n@media only screen and (max-width: 768px) {\n  section.content {\n    padding-top: 60px !important; } }\n\n.box {\n  margin-bottom: 30px; }\n\narticle {\n  margin-bottom: 20px; }\n\narticle .rates {\n    overflow-x: auto; }\n\narticle .box-title .title {\n    margin-bottom: 5px; }\n\narticle .box-title .description {\n    margin-bottom: 0; }\n\n.main {\n  margin-bottom: 40px; }\n\n.table-wrapper {\n  display: table; }\n\n.table-wrapper .table-cell {\n    display: table-cell;\n    float: none;\n    vertical-align: top; }\n\n.box-title {\n  line-height: 1em;\n  margin-bottom: 0; }\n\n.box-title small {\n    display: block;\n    font-size: 10px;\n    margin-top: 4px;\n    text-transform: uppercase; }\n\ninput.input-text,\ntextarea.input-text {\n  border: 1px solid transparent;\n  cursor: text;\n  height: 34px;\n  line-height: normal;\n  padding-left: 15px;\n  padding-right: 15px;\n  -webkit-transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;\n  transition: border-color 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s;\n  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;\n  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s; }\n\ninput.input-text:focus,\n  textarea.input-text:focus {\n    outline: none; }\n\ninput.input-text::-webkit-input-placeholder,\n  textarea.input-text::-webkit-input-placeholder {\n    font-style: italic; }\n\ninput.input-text::-ms-input-placeholder,\n  textarea.input-text::-ms-input-placeholder {\n    font-style: italic; }\n\ninput.input-text::placeholder,\n  textarea.input-text::placeholder {\n    font-style: italic; }\n\nform label {\n  display: block;\n  font-size: 0.9167em;\n  font-weight: normal;\n  margin-bottom: 5px;\n  text-transform: uppercase; }\n\nform .form-group {\n  margin-bottom: 15px; }\n\n.form-valid .form-error-block,\n.form-valid .form-required-block {\n  display: none; }\n\n.form-valid input .form-error-block,\n.form-valid input .form-required-block,\n.form-valid select .form-error-block,\n.form-valid select .form-required-block {\n  display: none; }\n\nlabel.required::after {\n  content: " *";\n  font-size: 12px; }\n\n.form-invalid input.ng-dirty + .form-required-block {\n  font-weight: bold;\n  margin-top: 6px; }\n\n.form-invalid input.ng-dirty + .form-error-block {\n  font-weight: bold;\n  margin-top: 6px; }\n\n.ng-pristine + .form-required-block,\n.ng-pristine + .form-error-block {\n  display: none; }\n\nselect + .form-required-block {\n  margin-top: 14px; }\n\n.panel-content form label {\n  font-size: 0.8333em;\n  margin-bottom: 3px; }\n\n.heading-panel {\n  border: 0;\n  border-radius: 0;\n  margin-bottom: 15px;\n  padding: 15px; }\n\n.box-title,\n.title,\n.price,\nbutton,\ndl,\nlabel {\n  letter-spacing: 0.04em; }\n\n.icon-box {\n  text-transform: uppercase; }\n\n.icon-box.filter-panel {\n    font-size: 0.9167em;\n    height: 42px;\n    letter-spacing: 0.04em;\n    line-height: 42px; }\n\n.icon-box.filter-panel > i {\n      display: block;\n      float: left;\n      font-size: 2em;\n      line-height: 42px;\n      margin-right: 15px;\n      width: 42px; }\n\n.icon-box > i {\n    text-align: center; }\n\nbutton {\n  border: 0;\n  cursor: pointer;\n  font-size: 0.9167em;\n  font-weight: bold;\n  height: 34px;\n  line-height: 34px;\n  padding: 0 15px;\n  white-space: nowrap; }\n\nbutton.btn-medium {\n    font-size: 1em;\n    height: 34px;\n    line-height: 34px;\n    padding: 0 32px; }\n\nbutton.full-width {\n    padding-left: 0;\n    padding-right: 0; }\n\n.hover-effect {\n  background: none;\n  display: block;\n  overflow: hidden;\n  position: relative; }\n\n.hover-effect img {\n    display: block;\n    position: relative;\n    -webkit-transition: background 0.4s ease-out, padding 0.4s ease-out, width 0.4s ease-out, height 0.4s ease-out;\n    transition: background 0.4s ease-out, padding 0.4s ease-out, width 0.4s ease-out, height 0.4s ease-out; }\n\n.hover-effect:hover {\n    cursor: default; }\n\n.five-stars-container {\n  cursor: default;\n  display: inline-block;\n  font-family: "Glyphicons Halflings";\n  font-size: 14px;\n  line-height: 1.2em;\n  position: relative;\n  text-align: left;\n  white-space: nowrap; }\n\n.five-stars-container .five-stars {\n    display: block;\n    overflow: hidden;\n    padding-left: 1px;\n    position: relative; }\n\n.five-stars-container .five-stars::before {\n      content: "\\e006\\e006\\e006\\e006\\e006"; }\n\n.five-stars-container.editable-rating .ui-slider-range {\n    display: block;\n    overflow: hidden;\n    padding-left: 1px;\n    position: relative; }\n\n.five-stars-container.editable-rating .ui-slider-range::before {\n      content: "\\e006\\e006\\e006\\e006\\e006"; }\n\n.five-stars-container::before {\n    content: "\\e006\\e006\\e006\\e006\\e006";\n    display: block;\n    left: 1px;\n    position: absolute;\n    top: 0;\n    z-index: 0; }\n\n.rates-table {\n  border-style: solid;\n  border-width: 1px; }\n\n.rates-table th {\n    text-align: left; }\n\n.rates-table td {\n    text-align: center; }\n\n.rates-table th,\n  .rates-table td {\n    padding: 4px; }\n\n.price {\n  display: block;\n  float: right;\n  font-size: 1em;\n  font-weight: bold;\n  line-height: 1;\n  text-align: right;\n  text-transform: uppercase; }\n\n.price small {\n    display: block;\n    font-size: 0.5em; }\n\n.tab-pane [class^="col-"],\n.tab-pane [class*=" col-"] {\n  padding-left: 10px;\n  padding-right: 10px; }\n\n.tab-pane {\n  width: 100% !important;\n  overflow-x: auto !important; }\n\n.tab-pane .row {\n    margin-left: -10px;\n    margin-right: -10px;\n    margin-top: 0; }\n\n.soap-icon-notice {\n  font-size: 14px; }\n\n.tab-container ul.tabs {\n  margin: 0;\n  padding: 0; }\n\n.tab-container ul.tabs li {\n    float: left;\n    padding-right: 4px; }\n\n.tab-container ul.tabs li:last-child {\n      padding-right: 0; }\n\n.tab-container ul.tabs li a {\n      display: block;\n      font-size: 1em;\n      font-weight: bold;\n      height: 40px;\n      line-height: 40px;\n      padding: 0 20px;\n      text-decoration: none;\n      text-transform: uppercase;\n      white-space: nowrap; }\n\n.tab-container ul.tabs li.close-button a {\n      width: 30px; }\n\n.tab-container ul.tabs::after {\n    clear: both;\n    content: "";\n    display: table; }\n\n.tab-container .tab-content .tab-pane {\n  line-height: 1.7em;\n  padding: 20px; }\n\n.tab-container .tab-content .tab-pane .row {\n    margin-bottom: 15px; }\n\n.tab-container .tab-content .tab-pane::after {\n    clear: both;\n    content: "";\n    display: table; }\n\n.tab-container .tab-pane > .hotel-listing .details {\n  padding-right: 0; }\n\n.hotel-description {\n  font-size: 13px; }\n\n.hotel-listing .box > * {\n  padding: 0; }\n\n.hotel-listing .box::after {\n  clear: both;\n  content: "";\n  display: table; }\n\n.hotel-listing .five-stars-container {\n  line-height: 1em; }\n\n.hotel-listing .price {\n  float: none;\n  text-align: center; }\n\n.hotel-listing.hotel figure img {\n  height: auto;\n  width: 100%; }\n\n.hotel-listing.hotel .box-title {\n  float: left;\n  margin: 0; }\n\n.hotel-listing.hotel .box-title i {\n    font-size: 15px; }\n\n.hotel-listing.hotel .details {\n  display: table;\n  padding: 15px 0 15px 20px; }\n\n.hotel-listing.hotel .details > * {\n    display: table-row; }\n\n.hotel-listing.hotel .details > * > * {\n      display: table-cell;\n      text-align: right;\n      vertical-align: middle; }\n\n.hotel-listing.hotel .details > * > *:first-child {\n        padding-left: 0;\n        padding-right: 15px;\n        text-align: left;\n        border-right: none; }\n\n.hotel-listing.hotel .button {\n  margin-top: 8px; }\n\n.hotel .rates {\n  margin-bottom: 0;\n  margin-top: 15px; }\n\n.table {\n  margin-bottom: 0; }\n\n.filters-container.toggle-container {\n  background: none; }\n\n.filters-container.toggle-container .panel.filter-panel {\n    border: 0;\n    margin-bottom: 4px; }\n\n.filters-container.toggle-container .panel.filter-panel .panel-title {\n      padding-left: 5px; }\n\n.filters-container.toggle-container .panel.filter-panel .panel-content {\n      padding: 10px 20px 20px; }\n\n.filters-container ul.filters-option {\n  margin-bottom: 10px; }\n\n.filters-container ul.filters-option li {\n    margin-bottom: 1px;\n    padding: 0 15px; }\n\n.filters-container ul.filters-option li a {\n      color: inherit;\n      display: block;\n      font-size: 11px;\n      padding: 8px 0;\n      text-transform: uppercase; }\n\n.filters-container ul.filters-option li small {\n      float: right; }\n\n.filters-container ul.filters-option li::before {\n      display: block;\n      float: left;\n      height: 16px;\n      line-height: 14px;\n      margin-top: 12px;\n      text-align: center;\n      width: 15px; }\n\n.filters-container ul.filters-option li::after {\n      clear: both;\n      content: "";\n      display: table; }\n\n.hotel-about-description .intro.table-wrapper {\n  border-collapse: separate;\n  border-spacing: 15px;\n  padding: 0;\n  table-layout: fixed; }\n\n.hotel-about-description .intro.table-wrapper > * {\n    border-collapse: collapse; }\n\n.hotel-about-description .intro.table-wrapper .table-cell:first-child {\n    margin-bottom: 15px; }\n\n.hotel-about-description .intro.table-wrapper .table-cell:last-child {\n    padding-left: 0;\n    padding-right: 0; }\n\n.hotel-about-description .features {\n  font-size: 0.8333em;\n  padding: 25px 20px;\n  text-transform: uppercase; }\n\n.hotel-about-description .features li {\n    line-height: 2em; }\n\n.hotel-about-description .features label {\n    margin: 0;\n    margin-right: 20px;\n    white-space: nowrap;\n    width: 110px; }\n\n.hotel-about-description .long-description {\n  margin-top: 25px;\n  padding: 0 15px; }\n\n*[id^="hotel-features"] {\n  margin-bottom: 30px;\n  margin-top: 30px; }\n\n*[id^="hotel-availability"] {\n  padding-top: 10px !important; }\n\n*[id^="hotel-availability"] .room-list > article {\n    margin: 20px 0 0;\n    padding-bottom: 20px; }\n\n*[id^="hotel-availability"] .room-list > article:last-child {\n      border-bottom: 0; }\n\n*[id^="hotel-availability"] .room-list .box .price-section,\n  *[id^="hotel-availability"] .room-list .box .action-section {\n    padding-right: 0; }\n\n*[id^="hotel-availability"] .room-list .box .price-section {\n    border-bottom: 0; }\n\n*[id^="hotel-availability"] .room-list .box .action-section {\n    vertical-align: top; }\n\n*[id^="hotel-availability"] .room-list .box .action-section a.button {\n      padding: 0 20px; }\n\n*[id^="hotel-amenities"] .amenities li {\n  padding: 0; }\n\n*[id^="hotel-amenities"] .amenities.filter-panel {\n  margin-bottom: 1px; }\n\n*[id^="hotel-amenities"] .room-list .details {\n  padding-bottom: 0;\n  padding-top: 0; }\n\n*[id^="hotel-amenities"] .room-list .box-title .title {\n  margin-bottom: 3px; }\n\n*[id^="hotel-amenities"] .room-list .box-title dl {\n  margin: 0; }\n\n*[id^="hotel-amenities"] .room-list .box-title dl::after {\n    clear: both;\n    content: "";\n    display: table; }\n\n*[id^="hotel-amenities"] .room-list .box-title dd {\n  float: left;\n  font-size: 0.8333em;\n  text-transform: uppercase; }\n\n.ui-slider {\n  position: relative;\n  text-align: left; }\n\n.ui-slider.ui-slider-horizontal {\n    height: 10px; }\n\n.ui-slider.ui-slider-horizontal .ui-slider-range {\n      height: 100%; }\n\n.ui-slider.ui-slider-horizontal .ui-slider-handle {\n      margin-left: -10px;\n      top: -5px; }\n\n.ui-slider.ui-widget-content {\n    border-radius: 5px; }\n\n.ui-slider .ui-slider-range {\n    border: 0;\n    border-radius: 5px;\n    display: block;\n    position: absolute;\n    z-index: 1; }\n\n.ui-slider .ui-slider-handle {\n    border-radius: 50%;\n    cursor: default;\n    height: 20px;\n    position: absolute;\n    width: 20px;\n    z-index: 2; }\n\n.filters-container .rating,\n.editable-rating .rating {\n  font-size: 24px; }\n\n.filters-container .rating.ui-widget-content,\n  .editable-rating .rating.ui-widget-content {\n    background: none;\n    border-radius: 0; }\n\n.filters-container .rating.ui-slider-horizontal,\n  .editable-rating .rating.ui-slider-horizontal {\n    height: auto; }\n\n.filters-container .rating.ui-slider-horizontal .ui-slider-handle,\n    .editable-rating .rating.ui-slider-horizontal .ui-slider-handle {\n      height: 0;\n      margin: 0;\n      padding: 0;\n      top: 0;\n      visibility: hidden;\n      width: 0; }\n\n.datepicker-wrap {\n  position: relative; }\n\n.datepicker-wrap:hover {\n    cursor: pointer; }\n\n.datepicker-wrap::after {\n    bottom: 0;\n    content: "\\e86a";\n    display: block;\n    font-family: "soap-icons";\n    font-size: 25px;\n    height: 100%;\n    line-height: 34px;\n    pointer-events: none;\n    position: absolute;\n    right: 0;\n    text-align: center;\n    top: 0;\n    width: 30px; }\n\n.stand-out-features {\n  list-style: none; }\n\n.stand-out-features li {\n    display: inline;\n    min-height: 45px; }\n\n.stand-out-features li div {\n      display: table-cell;\n      height: 45px;\n      vertical-align: top; }\n\n.stand-out-features .feat {\n    font-size: 16pt;\n    margin-right: 10px; }\n\n.stand-out-features .dist {\n    width: 70px;\n    font-size: 20pt;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    text-align: center;\n    line-height: 10px; }\n\n.stand-out-features .dist span {\n    font-size: 9pt; }\n\n.back-to-top {\n  bottom: 15px;\n  margin: auto;\n  position: fixed; }\n\n.hotel-pricing {\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n  margin-top: 10px;\n  width: 100% !important; }\n\n.hotel-pricing li {\n  padding: 0px !important; }\n\n.hotel-pricing .box-shaded,\n.box-shaded {\n  margin-right: 5px;\n  margin-top: 5px;\n  padding: 15px 10px;\n  background-color: #f8f8fc;\n  border-radius: 6px;\n  color: #aeb0bc;\n  text-align: left; }\n\n.hotel-pricing li .price-from {\n  color: #999;\n  font-size: 1.6em;\n  min-height: 34px; }\n\n.hotel-pricing li .price-from-total {\n  color: #319b4c;\n  font-size: 1.6em; }\n\n.hotel-pricing li .price-from span {\n  font-size: 0.6em; }\n\n.hotel-pricing li .view-more {\n  float: right;\n  height: 44px;\n  padding-left: 8px;\n  padding-right: 8px; }\n\n@media only screen and (max-width: 768px) {\n  .hotel-tabs li a {\n    height: 30px;\n    line-height: 30px;\n    padding: 0 5px;\n    text-align: center; }\n  .hotel-tabs .close-button a {\n    width: 30px; } }\n\n.hours-timer {\n  font-size: 24px;\n  text-align: center; }\n\n.contact-line {\n  font-size: 16px; }\n\n.contact-icon {\n  font-size: 16px; }\n\n.total-cost.large {\n  font-size: 28px;\n  text-align: right; }\n\n.total-cost.small {\n  font-size: 16px;\n  text-align: right; }\n\n.btn-primary:hover {\n  text-decoration: none; }\n\n.filter-nav {\n  margin-bottom: 0; }\n\n.filter-nav .filter-nav__header {\n    padding-right: 5px; }\n\n.mainmap {\n  height: 600px;\n  width: 100%; }\n\n.mainmap__infowindow .iw-hotel-info i {\n  margin-right: 2px; }\n\n.mainmap__infowindow .iw-hotel-info p {\n  margin-top: 12px; }\n\n.hotelcard__amenities {\n  text-align: right; }\n\n.hotelcard__stars {\n  margin-right: 2px; }\n\n.no-margin {\n  margin: 0; }\n\n.no-padding {\n  padding: 0 !important; }\n\n.no-padding-bottom {\n  padding-bottom: 0; }\n\n.no-padding-top {\n  padding-top: 0; }\n\n.no-padding-right {\n  padding-right: 0; }\n\n.no-padding-left {\n  padding-left: 0; }\n\n.no-margin-bottom {\n  margin-bottom: 0; }\n\n.no-margin-top {\n  margin-top: 0 !important; }\n\n.no-margin-right {\n  margin-right: 0; }\n\n.no-margin-left {\n  margin-left: 0; }\n\n.margin-15 {\n  margin: 15px; }\n\n.padding-10 {\n  padding: 10px !important; }\n\n.padding-15 {\n  padding: 15px; }\n\n.padding-15-bottom {\n  padding-bottom: 15px; }\n\n.padding-15-top {\n  padding-top: 15px; }\n\n.padding-15-right {\n  padding-right: 15px; }\n\n.padding-15-left {\n  padding-left: 15px; }\n\n.padding-7 {\n  padding: 7px; }\n\n.padding-7-bottom {\n  padding-bottom: 7px; }\n\n.padding-7-top {\n  padding-top: 7px; }\n\n.padding-7-right {\n  padding-right: 7px; }\n\n.padding-7-left {\n  padding-left: 7px; }\n\n.margin-10-top {\n  margin-top: 10px; }\n\n.margin-10-bottom {\n  margin-bottom: 10px; }\n\n.margin-15-bottom {\n  margin-bottom: 15px; }\n\n.margin-15-top {\n  margin-top: 15px; }\n\n.margin-15-right {\n  margin-right: 15px; }\n\n.margin-15-left {\n  margin-left: 15px; }\n\n.formcheck {\n  font-size: 24px; }\n\n.matrix-table {\n  display: block;\n  width: 100%; }\n\n.matrix .col-xs-3,\n.matrix .col-xs-9 {\n  padding: 0; }\n\n.matrix .matrix-row {\n  clear: both;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex; }\n\n.matrix .matrix-cell {\n  line-height: 32px;\n  padding: 5px; }\n\n.matrix .matrix-cell:not(.col-xs-3) {\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-preferred-size: 100%;\n        flex-basis: 100%;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    float: left;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    text-align: center; }\n\n.matrix button.matrix-room-total {\n  border-radius: 0;\n  height: 100%;\n  padding: 5px;\n  width: 100%; }\n\n.matrix .col-xs-9 {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex; }\n\n.matrix .matrix-dates .matrix-cell {\n  line-height: initial; }\n\n.matrix .matrix-dates .matrix-empty {\n  font-weight: normal; }\n\n.matrix .matrix-dates .matrix-date-single {\n  font-weight: normal; }\n\n.matrix .matrix-date-single.matrix-hotel-group-total.matrix-cell {\n  -ms-flex-preferred-size: 350%;\n      flex-basis: 350%; }\n\n.matrix .matrix-hotel-group-total {\n  -ms-flex-preferred-size: 350%;\n      flex-basis: 350%; }\n\n.matrix .matrix-hotel-group {\n  margin-bottom: 2px; }\n\n.matrix .matrix-hotel-group * {\n    border: 0; }\n\n.matrix .matrix-hotel-group .matrix-hotel:hover {\n    cursor: pointer; }\n\n.matrix .matrix-hotel-group .matrix-hotel .matrix-hotel-name {\n    font-weight: bold; }\n\n.matrix .matrix-hotel-group .matrix-hotel .matrix-hotel-day {\n    font-weight: bold; }\n\n.matrix .matrix-hotel-group .matrix-hotel .matrix-hotel-total {\n    -ms-flex-preferred-size: 350%;\n        flex-basis: 350%; }\n\n.matrix .matrix-hotel-group .maxtrix-room-ratetype-bar {\n    padding: 5px 15px;\n    text-transform: uppercase; }\n\n.matrix .matrix-hotel-group .matrix-room .matrix-room-name {\n    font-weight: bold;\n    padding-left: 15px; }\n\n.matrix .matrix-hotel-group .matrix-room .matrix-room-day {\n    font-weight: normal; }\n\n.matrix .matrix-hotel-group .matrix-room .matrix-room-total {\n    -ms-flex-preferred-size: 350%;\n        flex-basis: 350%; }\n\n.matrix .matrix-hotel-group .matrix-room .matrix-room-total button {\n      width: 100%; }\n\n.sorter-card {\n  padding: 0 20px;\n  padding-top: 15px; }\n\n.sorter-card .sorter-card__results {\n    font-size: 1.2em;\n    margin-top: 7px;\n    padding-bottom: 15px; }\n\n.sorter-card li {\n    float: left;\n    padding: 15px 5px; }\n\n.sorter-card--mobile {\n  padding-left: 15px;\n  padding-right: 15px; }\n\n.sorter-card--mobile .sorter-card--mobile__results {\n    font-size: 1.2em;\n    line-height: 2.6em; }\n\n.mainmap_icon_content {\n  border-radius: 5px;\n  font-size: 14px;\n  min-width: 30px;\n  padding: 5px;\n  text-align: center;\n  width: 100%; }\n\n.mainmap_icon_content .font-12 {\n  font-size: 12px; }\n\n.mainmap__infowindow_photo {\n  background-position: 50% 50%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  float: left;\n  height: 150px;\n  width: 150px; }\n\n.mainmap__infowindow_info {\n  float: right;\n  padding: 10px;\n  text-align: left;\n  width: 275px; }\n\n.mainmap__infowindow_info h4 {\n    margin-top: 0; }\n\n.mainmap_icon_nose::before, .mainmap_icon_nose::after {\n  border-width: 6px 6px 0;\n  content: "";\n  height: 0;\n  left: 50%;\n  margin-left: -6px;\n  position: absolute;\n  width: 0; }\n\n.cardholder-field {\n  text-transform: uppercase; }\n\n.hotel-listing-box {\n  margin-bottom: 20px;\n  padding-bottom: 10px; }\n\n.hotel-listing-box dd {\n    line-height: 18pt; }\n\n.hotel-listing-box dd i {\n      font-size: 12px;\n      vertical-align: middle; }\n\n.btn-grey {\n  background-color: #d8d8d8;\n  color: #fff; }\n\n.img-rounded {\n  height: 60px; }\n\n.rating-block {\n  background-color: white;\n  border: 1px solid #efefef;\n  padding: 15px 15px 20px 15px;\n  border-radius: 3px;\n  margin: 0 20px 20px 20px; }\n\n.padding-margin-20 {\n  padding-bottom: 20px !important;\n  margin-top: 20px !important;\n  margin-bottom: 20px !important; }\n\n.line-break {\n  border-bottom: 1px solid #eeeeee; }\n\n.review-block {\n  background-color: #fafafa;\n  border: 1px solid #efefef;\n  padding: 15px;\n  border-radius: 3px;\n  margin-bottom: 15px; }\n\n.review-block-name {\n  font-size: 12px;\n  margin: 10px 0; }\n\n.review-block-date {\n  font-size: 12px; }\n\n.review-block-rate {\n  font-size: 13px;\n  margin-bottom: 15px; }\n\n.review-block-rate- > i {\n  font-size: 20px; }\n\n.review-block-title {\n  font-size: 15px;\n  font-weight: 700;\n  margin-bottom: 10px; }\n\n.review-block-description {\n  font-size: 13px; }\n\n.progress-bar-success {\n  background-color: #fdb715 !important; }\n\n.summary-block {\n  border-bottom: 1px solid #eeeeee;\n  margin-bottom: 20px; }\n\n.noHover {\n  pointer-events: none; }\n\n.view-more {\n  height: 40px; }\n\n.button-delete {\n  background-color: #d9534f !important; }\n\n.soap-icon-color {\n  color: #333; }\n\n.MATRIX_HEADER_BG {\n  background: #779fbf !important;\n  color: #fff; }\n\n.SECONDARY_COLOR {\n  color: #5a9acd; }\n\n.TERTIARY_COLOR {\n  color: #319b4c; }\n\n.QUATERNARY_COLOR {\n  color: #daa520; }\n\n.AMENITY_LIST_ITEM_BG {\n  background: #daa520;\n  color: #000; }\n\n.window {\n  width: 20px !important;\n  height: 40px !important;\n  margin: 0 10px 10px 0 !important; }\n\n.window:nth-of-type(6n) {\n  margin-right: 0 !important; }\n\n.loading__loader {\n  height: 380px !important;\n  width: 190px !important;\n  padding: 10px !important;\n  margin-top: calc(50vh - 190px) !important;\n  margin-left: calc(50% - 120px) !important; }\n\n.hotel-sign {\n  height: 310px !important;\n  width: 50px !important;\n  right: -60px !important; }\n\n.loading__door {\n  width: 40px !important;\n  height: 60px !important; }\n\n.loading-background {\n  font-size: 40px !important; }\n\n.rooms-left {\n  font-size: 10px;\n  color: #d9534f; }\n\ntooltip-content {\n  display: inline !important; }\n\n.no-image a {\n  background-size: 150px !important; }\n\n.step {\n  width: 35px;\n  height: 35px;\n  background: #102434;\n  display: block;\n  line-height: 34px;\n  color: #fff;\n  border-radius: 50%;\n  font-weight: 700;\n  font-family: sans-serif;\n  font-size: 18px; }\n\n.expand-button {\n  border-radius: 0;\n  background-color: #fff;\n  border: 1px solid #102434;\n  color: #102434;\n  outline: none; }\n\n.expand-button:focus {\n    outline: none; }\n\n.expand-button:hover {\n    color: #fff; }\n\n.circle {\n  width: 190px;\n  height: 190px;\n  border: 10px inset #102434;\n  display: block;\n  position: fixed;\n  top: 20%;\n  left: 50%;\n  margin-left: -100px;\n  margin-top: -100px;\n  border-radius: 200px;\n  -webkit-animation: rotate 5s infinite linear;\n  animation: rotate 5s infinite linear;\n  -webkit-box-shadow: 0 0 5px rgba(16, 36, 52, 0.1);\n          box-shadow: 0 0 5px rgba(16, 36, 52, 0.1); }\n\n.circle-small {\n  width: 150px;\n  height: 150px;\n  border: 6px outset #102434;\n  display: block;\n  position: fixed;\n  top: 20%;\n  left: 50%;\n  margin-left: -81px;\n  margin-top: -81px;\n  border-radius: 156px;\n  -webkit-animation: rotate-rev 3s infinite linear;\n  animation: rotate-rev 3s infinite linear;\n  -webkit-box-shadow: 0 0 5px rgba(16, 36, 52, 0.1);\n          box-shadow: 0 0 5px rgba(16, 36, 52, 0.1); }\n\n.circle-big {\n  width: 210px;\n  height: 210px;\n  border: 4px dotted #102434;\n  display: block;\n  position: fixed;\n  top: 20%;\n  left: 50%;\n  margin-left: -109px;\n  margin-top: -109px;\n  border-radius: 214px;\n  -webkit-animation: rotate-rev 10s infinite linear;\n  animation: rotate-rev 10s infinite linear; }\n\n.circle-inner {\n  width: 80px;\n  height: 80px;\n  background-color: #102434;\n  display: block;\n  position: fixed;\n  top: 20%;\n  left: 50%;\n  margin-left: -45px;\n  margin-top: -45px;\n  border-radius: 80px;\n  -webkit-animation: pulse 1.5s infinite ease-in;\n  animation: pulse 1.5s infinite ease-in;\n  opacity: 1;\n  -webkit-box-shadow: 0 0 5px rgba(16, 36, 52, 0.1);\n          box-shadow: 0 0 5px rgba(16, 36, 52, 0.1); }\n\n.circle-inner-inner {\n  width: 100px;\n  height: 100px;\n  background-color: #1c3f5b;\n  display: block;\n  position: fixed;\n  top: 20%;\n  left: 50%;\n  margin-left: -55px;\n  margin-top: -55px;\n  border-radius: 100px;\n  -webkit-animation: pulse 1.5s infinite ease-in;\n  animation: pulse 1.5s infinite ease-in;\n  -webkit-box-shadow: 0 0 5px #1c3f00;\n          box-shadow: 0 0 5px #1c3f00; }\n\n/*==============ANIMATIONS=================*/\n\n/*==============ROTATE=====================*/\n\n@-webkit-keyframes rotate {\n  0% {\n    -webkit-transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg); } }\n\n@keyframes rotate {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg); } }\n\n/*==============ROTATE-REV=================*/\n\n@-webkit-keyframes rotate-rev {\n  0% {\n    -webkit-transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(-360deg); } }\n\n@keyframes rotate-rev {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg); }\n  100% {\n    -webkit-transform: rotate(-360deg);\n            transform: rotate(-360deg); } }\n\n/*==============PULSE======================*/\n\n@-webkit-keyframes pulse {\n  0% {\n    -webkit-transform: scale(0.1);\n    opacity: 0.2; }\n  50% {\n    -webkit-transform: scale(1);\n    opacity: 0.8; }\n  100% {\n    -webkit-transform: scale(0.1);\n    opacity: 0.2; } }\n\n@keyframes pulse {\n  0% {\n    -webkit-transform: scale(0.1);\n            transform: scale(0.1);\n    opacity: 0.2; }\n  50% {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n    opacity: 0.8; }\n  100% {\n    -webkit-transform: scale(0.1);\n            transform: scale(0.1);\n    opacity: 0.2; } }\n\n.selector span.custom-select {\n  padding: 0 15px; }\n\n.text-right {\n  text-align: right !important; }\n\n.mobile-box-shaded {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 10px;\n  padding: 10px 0;\n  background-color: #f8f8fc;\n  text-align: center !important; }\n\n.change-date a:hover {\n  color: #102434 !important; }\n\n.ribbon-breakfast {\n  position: absolute;\n  margin-top: 10px;\n  left: 5px;\n  width: auto;\n  height: auto;\n  padding: 8px 16px !important;\n  color: #fff !important;\n  background: #077812 !important;\n  border-radius: 3px 6px 6px 0;\n  -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4);\n  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4);\n  z-index: 20; }\n\n.ribbon-breakfast:before {\n  content: \'\';\n  position: absolute;\n  left: 0;\n  bottom: -10px;\n  width: 0;\n  height: 0;\n  border: 5px solid #077812;\n  border-bottom-color: transparent;\n  border-left-color: transparent;\n  z-index: -1; }\n\n.ribbon-breakfast .add-tag-content, .ribbon-traverlers .add-tag-content {\n  position: static;\n  width: auto;\n  font-size: 11px;\n  line-height: 18px;\n  font-weight: 400; }\n\n.ribbon-traverlers {\n  position: absolute;\n  margin-top: 10px;\n  left: 5px;\n  width: auto;\n  height: auto;\n  padding: 8px 16px !important;\n  color: #fff !important;\n  background: #003580 !important;\n  border-radius: 3px 6px 6px 0;\n  -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4);\n  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4);\n  z-index: 20; }\n\n.ribbon-traverlers:before {\n  content: \'\';\n  position: absolute;\n  left: 0;\n  bottom: -10px;\n  width: 0;\n  height: 0;\n  border: 5px solid #003580;\n  border-bottom-color: transparent;\n  border-left-color: transparent;\n  z-index: -1; }\n'},"Ib+Z":function(n,e){n.exports='<div style="height: calc(100vh - 50px);\r\noverflow-y: scroll;\r\nmargin-top: 50px;"><h2>\r\n  Thanks for booking accommodation. Please check your associated email for a receipt and information.\r\n</h2>\r\n</div>'},Jnfr:function(n,e){function t(n){return Promise.resolve().then(function(){throw new Error("Cannot find module '"+n+"'.")})}t.keys=function(){return[]},t.resolve=t,n.exports=t,t.id="Jnfr"},M94H:function(n,e){n.exports='<div class="banner" *ngIf="globals.activePage != \'no-event\'">\r\n  <img src="{{__evironment.venueBanner}}/{{globals.venueEventCode}}/banner.png" alt="Top Banner" />\r\n</div>\r\n<app-home></app-home>'},QM4e:function(n,e){n.exports=""},U564:function(n,e){n.exports='<div class="toggle-container filters-container">\r\n  <div class="panel filter-panel arrow-right BLOCK_BG BLOCK_COLOR" *ngIf="globals.booking.roomReserves.length">\r\n    <h4 class="panel-title" style="margin-bottom: 0;">\r\n      <a data-toggle="collapse" href="#shopping-cart-panel-{{viewType}}" class="LINK_COLOR MINIMISER">Your Booking</a>\r\n    </h4>\r\n    <div id="shopping-cart-panel-{{viewType}}" class="panel-collapse collapse in" style="padding: 15px;">\r\n      <div *ngFor="let booking of globals.booking.roomReserves">\r\n        <div class="row">\r\n          <div class="col-xs-5">\r\n            <img src="{{booking.property.photo ? (booking.property.photo.path ? booking.property.photo.path : \'https://obe-admin-test.ozaccom.com.au/obe/images/no_image.jpg\') : \'https://obe-admin-test.ozaccom.com.au/obe/images/no_image.jpg\'}}" style="width: 100%;" alt="{{booking.property.photo ? (booking.property.photo.description ? booking.property.photo.description : \'\') : \'\'}}">\r\n          </div>\r\n          <div class="col-xs-7" style="padding-left: 0;">\r\n            <strong>{{booking.property.name}}</strong>\r\n            <br /> {{booking.room.name}}\r\n          </div>\r\n        </div>\r\n        <div class="row">\r\n          <div class="col-xs-12">\r\n            <div class="row">\r\n              <div class="col-xs-4" style="text-align: right; padding-right: 0; padding-top: 1em;">\r\n                <span class="SECONDARY_COLOR">Check-in</span>\r\n                <br /> {{globals.formatSummaryDate(booking.room.rate.plan[0].date, \'in\')}}\r\n              </div>\r\n              <div class="col-xs-4" style="text-align: center;">\r\n                <i class="soap-icon-clock QUATERNARY_COLOR" style="font-size: 24px"></i>\r\n                <br /> {{booking.room.rate.plan.length}} Night<span *ngIf="booking.room.rate.plan.length > 1">s</span>\r\n              </div>\r\n              <div class="col-xs-4" style="text-align: left; padding-left: 0; padding-top: 1em;">\r\n                <span class="SECONDARY_COLOR">Check-out</span>\r\n                <br /> {{globals.formatSummaryDate(booking.room.rate.plan[booking.room.rate.plan.length-1].date, \'out\')}}\r\n              </div>\r\n            </div>\r\n\r\n            <p style="font-size: 16px; text-align: right;" class="TOTAL_PRICE_COLOR">\r\n              <strong>{{globals.siteCurrency.symbol_native}}{{ (booking.room.rate.totalCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}} <span *ngIf="globals.getSurcharges(booking.room)">(inc.\r\n                  {{globals.siteCurrency.symbol_native}}{{ (globals.getSurcharges(booking.room) * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}} surcharge)</span></strong>\r\n            </p>\r\n            <p>\r\n              <span style="font-style: italic;" *ngIf="booking.room.primaryGuest.firstName && booking.room.primaryGuest.lastName">{{booking.room.primaryGuest.firstName}}\r\n                {{booking.room.primaryGuest.lastName}}</span>\r\n              <span style="font-style: italic;" *ngFor="let guest of booking.room.additionalGuests">\r\n                <span *ngIf="guest.firstName && guest.lastName">, {{guest.firstName}} {{guest.lastName}}</span>\r\n              </span>\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <hr class="BLOCK_DIVIDER_COLOR" style="margin: 10px 0;">\r\n      </div>\r\n      <div>\r\n        <button class="full-width PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR" (click)="globals.switchPage(\'review\')" color="warn">COMPLETE\r\n          BOOKING</button>\r\n        <hr class="BLOCK_DIVIDER_COLOR" style="margin: 0;">\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class="panel filter-panel arrow-right BLOCK_BG BLOCK_COLOR">\r\n    <h4 class="panel-title">\r\n      <a data-toggle="collapse" href="#property-filter-{{viewType}}" class="LINK_COLOR MINIMISER">Filters</a>\r\n    </h4>\r\n\r\n    <div id="property-filter-{{viewType}}" class="panel-collapse collapse in">\r\n      <div class="panel-content">\r\n\r\n        <div class="form-group">\r\n          <label>Property Name</label>\r\n          <input type="text" (change)="updateFilters(false)" [(ngModel)]="globals.filter.property" name="property_name"\r\n            class="input-text full-width INPUT_BG INPUT_COLOR" placeholder="Property Name" />\r\n        </div>\r\n\r\n        <div class="form-group" style="margin-right: 8px;">\r\n          <label>Nightly Rate ( {{ (globals.filter.price_ranges[0] * globals.siteCurrency.exchange_rate) | number : \'1.0-0\'}}, {{ (globals.filter.price_ranges[1] * globals.siteCurrency.exchange_rate) | number : \'1.0-0\'}} )</label>\r\n          <nouislider [config]="getNightRateConfig()" [(ngModel)]="globals.filter.price_ranges" (change)="updateFilters(false)"></nouislider>\r\n        </div>\r\n\r\n        <div class="form-group" style="margin-right: 8px;">\r\n          <label>Distance to Venue ( {{globals.filter.distance | number:0.0}}km )</label>\r\n          <nouislider [config]="getDistanceFromVenueConfig()" [(ngModel)]="globals.filter.distance" (change)="updateFilters(false)"></nouislider>\r\n        </div>\r\n\r\n        <div class="form-group" style="margin-bottom:0;">\r\n          <label>Star Rating</label>\r\n          <div>\r\n            <span class="star-cb-group STAR_FILTER">\r\n              <input type="radio" id="rating-5-{{viewType}}" name="rating" value="5" (click)="changeStarRating($event.target.value)" /><label\r\n                for="rating-5-{{viewType}}">5</label>\r\n              <input type="radio" id="rating-4-{{viewType}}" name="rating" value="4" (click)="changeStarRating($event.target.value)" /><label\r\n                for="rating-4-{{viewType}}">4</label>\r\n              <input type="radio" id="rating-3-{{viewType}}" name="rating" value="3" (click)="changeStarRating($event.target.value)" /><label\r\n                for="rating-3-{{viewType}}">3</label>\r\n              <input type="radio" id="rating-2-{{viewType}}" name="rating" value="2" (click)="changeStarRating($event.target.value)" /><label\r\n                for="rating-2-{{viewType}}">2</label>\r\n              <input type="radio" id="rating-1-{{viewType}}" name="rating" value="1" (click)="changeStarRating($event.target.value)" /><label\r\n                for="rating-1-{{viewType}}">1</label>\r\n            </span>\r\n            <a class="btn-small LINK_COLOR" (click)="changeStarRating(0)" style="float: right;font-size: 14px;height: 24px;margin-top: 6px;line-height: 24px; font-weight: bold">Clear</a>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="form-group">\r\n          <label>Accommodation Type</label>\r\n          <div>\r\n            <ul class="check-square filters-option">\r\n              <li *ngFor="let accomType of globals.accomTypes|slice:0:show let i=index" class="FILTER_SELECT_BG FILTER_SELECT_COLOR"\r\n                [ngClass]="{\'active\': globals.filter.accomType[accomType.name]}" (click)="toggleAccomTypeFilter(accomType)">\r\n                <a>\r\n                  {{accomType[\'name\']}}\r\n                  <small>{{accomType[\'count\']}}</small>\r\n                </a>\r\n                <div *ngIf="i==(show-1) && show < globals.accomTypes.length" (click)="show = show + 5"><a class="button btn-mini PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR">MORE</a></div>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="form-group">\r\n          <label>Amenities</label>\r\n          <div>\r\n            <ul class="check-square filters-option">\r\n              <li *ngFor="let amenity of globals.amenityTypes|slice:0:show let i=index" class="FILTER_SELECT_BG FILTER_SELECT_COLOR"\r\n                [ngClass]="{\'active\': globals.filter.amenities[amenity.name]}" (click)="toggleAmenityFilter(amenity)">\r\n                <a>\r\n                  {{getAmenitiesName(amenity.name)}} <small> {{(amenity.count)}}</small>\r\n                </a>\r\n                <button *ngIf="i==(show-1) && show < globals.amenityTypes.length" (click)="showMore(amenity)" class="btn-medium uppercase full-width PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR">MORE</button>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n'},X3Yz:function(n,e,t){var o={"./af":"Mp8+","./af.js":"Mp8+","./ar":"p8XK","./ar-dz":"fiOp","./ar-dz.js":"fiOp","./ar-kw":"11+o","./ar-kw.js":"11+o","./ar-ly":"ovG4","./ar-ly.js":"ovG4","./ar-ma":"+/B3","./ar-ma.js":"+/B3","./ar-sa":"lMQy","./ar-sa.js":"lMQy","./ar-tn":"r2X3","./ar-tn.js":"r2X3","./ar.js":"p8XK","./az":"u6lh","./az.js":"u6lh","./be":"UzMX","./be.js":"UzMX","./bg":"3OIN","./bg.js":"3OIN","./bm":"oLpr","./bm.js":"oLpr","./bn":"5rer","./bn.js":"5rer","./bo":"T5HQ","./bo.js":"T5HQ","./br":"2GjP","./br.js":"2GjP","./bs":"px4x","./bs.js":"px4x","./ca":"1RMs","./ca.js":"1RMs","./cs":"JxLs","./cs.js":"JxLs","./cv":"IBFM","./cv.js":"IBFM","./cy":"aNQh","./cy.js":"aNQh","./da":"z61/","./da.js":"z61/","./de":"kOtL","./de-at":"0dwP","./de-at.js":"0dwP","./de-ch":"SFbs","./de-ch.js":"SFbs","./de.js":"kOtL","./dv":"p2Sz","./dv.js":"p2Sz","./el":"+AWW","./el.js":"+AWW","./en-au":"gb+T","./en-au.js":"gb+T","./en-ca":"t4nx","./en-ca.js":"t4nx","./en-gb":"1MxJ","./en-gb.js":"1MxJ","./en-ie":"02bU","./en-ie.js":"02bU","./en-il":"Nhpl","./en-il.js":"Nhpl","./en-nz":"573O","./en-nz.js":"573O","./eo":"u+cB","./eo.js":"u+cB","./es":"NBs8","./es-do":"YLts","./es-do.js":"YLts","./es-us":"hLzU","./es-us.js":"hLzU","./es.js":"NBs8","./et":"J6kt","./et.js":"J6kt","./eu":"VROD","./eu.js":"VROD","./fa":"EUax","./fa.js":"EUax","./fi":"s2k6","./fi.js":"s2k6","./fo":"HftL","./fo.js":"HftL","./fr":"Bf2B","./fr-ca":"L6V9","./fr-ca.js":"L6V9","./fr-ch":"v+My","./fr-ch.js":"v+My","./fr.js":"Bf2B","./fy":"KgBk","./fy.js":"KgBk","./gd":"3VOD","./gd.js":"3VOD","./gl":"zfl8","./gl.js":"zfl8","./gom-latn":"HJAW","./gom-latn.js":"HJAW","./gu":"5vpl","./gu.js":"5vpl","./he":"2U2T","./he.js":"2U2T","./hi":"rfrb","./hi.js":"rfrb","./hr":"Ya7T","./hr.js":"Ya7T","./hu":"N39F","./hu.js":"N39F","./hy-am":"R/zK","./hy-am.js":"R/zK","./id":"nJ0a","./id.js":"nJ0a","./is":"6iQl","./is.js":"6iQl","./it":"Ux72","./it.js":"Ux72","./ja":"RiX0","./ja.js":"RiX0","./jv":"ScW3","./jv.js":"ScW3","./ka":"Kggf","./ka.js":"Kggf","./kk":"jzUP","./kk.js":"jzUP","./km":"gWvx","./km.js":"gWvx","./kn":"rEit","./kn.js":"rEit","./ko":"WZuH","./ko.js":"WZuH","./ky":"RXsr","./ky.js":"RXsr","./lb":"ckBe","./lb.js":"ckBe","./lo":"4yue","./lo.js":"4yue","./lt":"CqY/","./lt.js":"CqY/","./lv":"URVA","./lv.js":"URVA","./me":"+2mG","./me.js":"+2mG","./mi":"X10d","./mi.js":"X10d","./mk":"3xFm","./mk.js":"3xFm","./ml":"JtZ0","./ml.js":"JtZ0","./mn":"Qmks","./mn.js":"Qmks","./mr":"R8Se","./mr.js":"R8Se","./ms":"RniE","./ms-my":"jE6J","./ms-my.js":"jE6J","./ms.js":"RniE","./mt":"bN5a","./mt.js":"bN5a","./my":"hJCF","./my.js":"hJCF","./nb":"RkX8","./nb.js":"RkX8","./ne":"1Jvr","./ne.js":"1Jvr","./nl":"FaNd","./nl-be":"o30G","./nl-be.js":"o30G","./nl.js":"FaNd","./nn":"GpUr","./nn.js":"GpUr","./pa-in":"vSAo","./pa-in.js":"vSAo","./pl":"k1dK","./pl.js":"k1dK","./pt":"JqPY","./pt-br":"IVI2","./pt-br.js":"IVI2","./pt.js":"JqPY","./ro":"jedd","./ro.js":"jedd","./ru":"/cj+","./ru.js":"/cj+","./sd":"U5Cv","./sd.js":"U5Cv","./se":"QIBx","./se.js":"QIBx","./si":"3m2W","./si.js":"3m2W","./sk":"E8B9","./sk.js":"E8B9","./sl":"IQSj","./sl.js":"IQSj","./sq":"RRmB","./sq.js":"RRmB","./sr":"4NdQ","./sr-cyrl":"mXr2","./sr-cyrl.js":"mXr2","./sr.js":"4NdQ","./ss":"+bco","./ss.js":"+bco","./sv":"TA+r","./sv.js":"TA+r","./sw":"pBPV","./sw.js":"pBPV","./ta":"RzFO","./ta.js":"RzFO","./te":"e4ku","./te.js":"e4ku","./tet":"I3En","./tet.js":"I3En","./tg":"XeUE","./tg.js":"XeUE","./th":"pxkb","./th.js":"pxkb","./tl-ph":"W6OO","./tl-ph.js":"W6OO","./tlh":"3M5H","./tlh.js":"3M5H","./tr":"Slj/","./tr.js":"Slj/","./tzl":"JW/f","./tzl.js":"JW/f","./tzm":"jACI","./tzm-latn":"X22S","./tzm-latn.js":"X22S","./tzm.js":"jACI","./ug-cn":"ZtJY","./ug-cn.js":"ZtJY","./uk":"rkdo","./uk.js":"rkdo","./ur":"v16l","./ur.js":"v16l","./uz":"Nx0t","./uz-latn":"6EtS","./uz-latn.js":"6EtS","./uz.js":"Nx0t","./vi":"4kKY","./vi.js":"4kKY","./x-pseudo":"ynHW","./x-pseudo.js":"ynHW","./yo":"7bQS","./yo.js":"7bQS","./zh-cn":"lF5J","./zh-cn.js":"lF5J","./zh-hk":"Ozbo","./zh-hk.js":"Ozbo","./zh-tw":"pnxA","./zh-tw.js":"pnxA"};function a(n){return t(r(n))}function r(n){var e=o[n];if(!(e+1))throw new Error("Cannot find module '"+n+"'.");return e}a.keys=function(){return Object.keys(o)},a.resolve=r,n.exports=a,a.id="X3Yz"},bVdo:function(n,e){n.exports="<p>\r\n  sort-by works!\r\n</p>\r\n"},ljLh:function(n,e){n.exports='<link *ngIf="themeCss" rel="stylesheet" [href]=\'sanitizer.bypassSecurityTrustResourceUrl(themeCss)\'>\r\n\x3c!--+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--\x3e\r\n\x3c!-- (window:resize)="setParentHeight()" --\x3e\r\n<div id="obe-page">\r\n\r\n  \x3c!-- <gallery [items]="testPhotos" thumbPosition="left"></gallery> --\x3e\r\n  <div class="hidden-12 col-md-12 nopadding">\r\n    <div id="obe-page-wrapper" class="obe-page-wrapper obe__page-wrapper" #obeView>\r\n      <nav *ngIf="globals.activePage == \'search\'"\r\n        class="hidden-sm hidden-md hidden-lg navbar navbar-default navbar-fixed-top filter-nav">\r\n        <div class="container-fluid">\r\n          <div class="navbar-header filter-nav__header">\r\n            <button type="button" class="navbar-toggle collapsed filter-nav__button" (click)="toggleMobileFilter()">\r\n              Filters\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </nav>\r\n\r\n      \x3c!-- START OF CONTENT SECTION --\x3e\r\n      <section id="content" class="PAGE_BG content">\r\n\r\n        \x3c!-- START OF HELP INSTRUCTION --\x3e\r\n        \x3c!--<div class="col-md-12" style="text-align: center; font-size: 15px; color: #838383;">\r\n          <p *ngIf="globals.appType != \'venue\'">Welcome to your online accommodation booking portal, powered and managed by Ozaccom+</p>\r\n          <p *ngIf="globals.appType == \'venue\'">Welcome to your accommodation booking portal, powered by Ozaccom+</p>\r\n        </div>--\x3e\r\n        <div class="col-md-12" style="text-align: center; margin-bottom:20px;" *ngIf="globals.activePage != \'no-event\'">\r\n          <button type="button" class="btn btn-xs text-center expand-button" style="margin-right:5px;"\r\n            data-toggle="modal" data-target="#howToBookModal">\r\n            How to Book\r\n          </button>\r\n          <button type="button" class="btn btn-xs text-center expand-button" style="margin-left:5px;"\r\n            data-toggle="modal" data-target="#howToBookMultipleModal">\r\n            How to Book Multiple Rooms\r\n          </button>\r\n        </div>\r\n        <div class="col-md-12" style="text-align: center; margin-bottom:20px;" *ngIf="globals.appType != \'venue\' && globals.activePage != \'no-event\'">\r\n          <p>For all enquiries please contact Ozaccom+ on 1800 814 611 (Australian Toll Free) or +61 7 3854 1611 or\r\n            email <a href="mailto:ozaccom@ozaccom.com.au">ozaccom@ozaccom.com.au</a></p>\r\n        </div>\r\n        \x3c!-- END OF HELP INSTRUCTION --\x3e\r\n\r\n        \x3c!-- START OF LOADING ANIMATION --\x3e\r\n        <div class="loading-background loading__background" [hidden]="!globals.hotelsLoading">\r\n          <div class="circle"></div>\r\n          <div class="circle-small"></div>\r\n          <div class="circle-big"></div>\r\n          <div class="circle-inner-inner"></div>\r\n          <div class="circle-inner"></div>\r\n        </div>\r\n        \x3c!-- END OF LOADING ANIMATION --\x3e\r\n\r\n        \x3c!-- START OF SEARCH PANEL --\x3e\r\n        <div class="col-xs-12 col-sm-12 col-md-12" style="margin-bottom: 15px;" *ngIf="globals.activePage == \'search\'">\r\n          <div class="clearfix card filter-panel arrow-right BLOCK_BG BLOCK_COLOR">\r\n            <div id="modify-search-panel-{{viewType}}" class="panel-collapse collapse in col-xs-12 search-container">\r\n              \x3c!-- <div class="panel-content no-padding-left" style="margin-top:12px;"> --\x3e\r\n              <form method="post">\r\n\r\n                <div class="col-sm-4 search-container-right">\r\n                  <label style="margin-bottom: 6px;">check in and check out</label>\r\n                  <div class="input-group col-xs-12 col-sm-12 col-md-12 col-lg-12">\r\n                    <input type="text" class="col-xs-5 col-md-5 col-lg-5 input-text date-range INPUT_BG INPUT_COLOR"\r\n                      id="daterangeSelectorCheckIn" name="daterangeSelectorCheckIn" ngxDaterangepickerMd [(ngModel)]="dateRangeCheckIn"\r\n                      [locale]="{applyLabel: \'Ok\', format: \'DD MMM YYYY\', separator: \' - \'}" [autoApply]="true"\r\n                      [minDate]="globals.minStartDate" [maxDate]="globals.maxEndDate"\r\n                      [singleDatePicker]="true" (change)="changeDate($event, \'checkin\', true)" autocomplete="off" />\r\n                    <label style="font-size: 18pt; background-color: #5a9acd; color: #fff; padding: 0 5px; margin-bottom: 0; margin-right: 10px;" for="daterangeSelectorCheckIn" class="soap-icon-calendar"></label>\r\n\r\n                    <input type="text" class="col-xs-5 col-md-5 col-lg-5 input-text date-range INPUT_BG INPUT_COLOR" \r\n                      id="daterangeSelector" name="daterangeSelector" ngxDaterangepickerMd [(ngModel)]="dateRangeCheckOut"\r\n                      [locale]="{applyLabel: \'Ok\', format: \'DD MMM YYYY\', separator: \' - \'}" [autoApply]="true"\r\n                      [minDate]="globals.minStartDate" [maxDate]="globals.maxEndDate"\r\n                      [singleDatePicker]="true" (change)="changeDate($event, \'checkout\', true)" autocomplete="off" />\r\n                    <label style="font-size: 18pt; background-color: #5a9acd; color: #fff; padding: 0 5px; margin-bottom: 0" for="daterangeSelector" class="soap-icon-calendar"></label>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-sm-2  search-container-right">\r\n                  <label style="margin-bottom: 6px;">Guest/s</label>\r\n                  <div id="adults-slider-{{viewType}}">\r\n                    <div class="input-group">\r\n                      <label class="col-xs-12 INPUT_COLOR"\r\n                        style="margin:0; background:#f5f5f5; text-transform: none; height: 34px; line-height: 34px; vertical-align: middle; font-size:12px;"\r\n                        [popover]="myPopover">\r\n                        {{globals.filter.adults}} {{globals.filter.adults > 1 ? \'Adults\' : \'Adult\'}},\r\n                        {{globals.filter.children}} {{globals.filter.children > 1 ? \'Children\' : \'Child\'}}\r\n                      </label>\r\n                      <div class="input-group-prepend" [popover]="myPopover">\r\n                        <span><i style="font-size: 16pt;" class="soap-icon-user"></i></span>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <popover-content #myPopover title="" placement="bottom" [animation]="true"\r\n                      [closeOnClickOutside]="true">\r\n                      <div>\r\n                        <div class="row">\r\n                          <div class=" col-xs-12">\r\n                            <div class="col-xs-5" style="line-height: 28px;">Adults</div>\r\n                            <div class="col-xs-2">\r\n                              <button\r\n                                class="circle-button circle-button--minus {{globals.filter.adults == 1 ? \'grey-background\' : \'\'}}"\r\n                                (click)="changeGuestNumber(\'Adult\', \'minus\')"><span\r\n                                  class="visuallyhidden">Remove</span></button>\r\n                            </div>\r\n                            <div class="col-xs-3" style="margin-left: -10px;"><label id="filter-adults"\r\n                                class="input-guest">{{globals.filter.adults}} </label></div>\r\n                            <div class="col-xs-2">\r\n                              <button class="circle-button circle-button--plus"\r\n                                (click)="changeGuestNumber(\'Adult\', \'add\')"><span\r\n                                  class="visuallyhidden">Add</span></button>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div class="row">\r\n                          <div class=" col-xs-12">\r\n                            <div class="col-xs-5" style="line-height: 28px;">Children</div>\r\n                            <div class="col-xs-2">\r\n                              <button\r\n                                class="circle-button circle-button--minus {{globals.filter.children == 0 ? \'grey-background\' : \'\'}}"\r\n                                (click)="changeGuestNumber(\'Children\', \'minus\')"><span\r\n                                  class="visuallyhidden">Remove</span></button>\r\n                            </div>\r\n                            <div class="col-xs-3" style="margin-left: -10px;"><label id="filter-adults"\r\n                                class="input-guest">{{globals.filter.children}} </label></div>\r\n                            <div class="col-xs-2">\r\n                              <button class="circle-button circle-button--plus"\r\n                                (click)="changeGuestNumber(\'Children\', \'add\')"><span\r\n                                  class="visuallyhidden">Add</span></button>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </popover-content>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-sm-2 search-container-right">\r\n                  <label style="margin-bottom: 6px;">Sort By</label>\r\n                  <div>\r\n                    <div class="selector">\r\n                      <select required class="full-width" name="sortby" [(ngModel)]="sortByMethod"\r\n                        (change)="changeSortBy($event.target.value)">\r\n                        <option>Popular</option>\r\n                        <option>Star Rating (high to low)</option>\r\n                        <option>Star Rating (low to high)</option>\r\n                        <option>Name (alphabetical A-Z)</option>\r\n                        <option>Name (alphabetical Z-A)</option>\r\n                        <option>Price (low to high)</option>\r\n                        <option>Price (high to low)</option>\r\n                        <option>Distance to Venue (high to low)</option>\r\n                        <option>Distance to Venue (low to high)</option>\r\n                      </select>\r\n                      <span class="INPUT_BG INPUT_SELECTOR_BG INPUT_SELECTOR_COLOR custom-select full-width">{{sortByMethod\r\n                            || "SORT BY"}}</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-sm-2 search-container-right">\r\n                  <label>\r\n                    Currency By \r\n                    <i style="font-size: 11pt; color: #069e2f; line-height: 10px;" class="soap-icon-notice" data-toggle="modal" data-target="#generalModal" (click)="generalModal(\'Currency\', \'Please note these \' + (showInCurrency.name || globals.siteCurrency.name) + \' prices are indicative based on today`s exchange rate\')"></i>\r\n                  </label>\r\n                  <div>\r\n                    <div class="selector">\r\n                      <select required class="full-width" name="sortby" [(ngModel)]="showInCurrency.name"\r\n                        (change)="changeCurrency($event.target.value)">\r\n                        <option *ngFor="let item of globals.selectItems.currencies" [value]="item.name" [ngStyle]="{\'display\': item.visible || globals.appType != \'venue\' ? \'block\' : \'none\'}">{{item.name}}\r\n                        </option>\r\n                      </select>\r\n                      <span\r\n                        class="INPUT_BG INPUT_SELECTOR_BG INPUT_SELECTOR_COLOR custom-select full-width">{{showInCurrency.name || globals.siteCurrency.name}}</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class="col-sm-2 form-group" style="margin-top: 20px; font-size: 90%">\r\n                  <button class="btn-medium uppercase full-width PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR"\r\n                    (click)="loadHotels(true, globals.filter)">search again</button>\r\n                </div>\r\n\r\n              </form>\r\n              \x3c!-- </div> --\x3e\r\n            </div>\r\n          </div>\r\n        </div>\r\n        \x3c!-- END OF SEARCH PANEL --\x3e\r\n\r\n        <section id="search-page" class="search-page" *ngIf="globals.activePage == \'search\'">\r\n          <div class="col-xs-12">\r\n            <div id="main" class="main">\r\n              <div class="row">\r\n\r\n                \x3c!-- START OF LEFT PANEL --\x3e\r\n                <div class="hidden-xs col-sm-4 col-md-3">\r\n                  <div *ngIf="hotels.length" class="hidden-xs card sorter-card BLOCK_BG BLOCK_COLOR"\r\n                    style="margin-bottom: 10px; padding: 25px; background-image: url(../assets/img/map-entry-background.png)">\r\n                    <button *ngIf="hotels.length && activeView==\'list\'" type="button"\r\n                      class="btn full-width btn-link btn-primary PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR"\r\n                      (click)="toggleActiveView()">\r\n                      <i class="fa fa-map-marker"></i> Show Map</button>\r\n                    <button *ngIf="hotels.length && activeView==\'map\'" type="button"\r\n                      class="btn full-width btn-link btn-primary PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR"\r\n                      (click)="toggleActiveView()">\r\n                      <i class="fa fa-map-marker"></i> Hide Map</button>\r\n                  </div>\r\n                  <div class="hidden-xs">\r\n                    <filter-mobile *ngIf="!globals.eventExpired" viewType="desktop"></filter-mobile>\r\n                  </div>\r\n                </div>\r\n                \x3c!-- END OF LEFT PANEL --\x3e\r\n\r\n                \x3c!-- START OF NO RESULT --\x3e\r\n                <div *ngIf="globals.eventExpired">\r\n                  <div class="clearfix card sorter-card BLOCK_BG BLOCK_COLOR">\r\n                    This event is in the past.\r\n                  </div>\r\n                </div>\r\n                \x3c!-- END OF NO RESULT --\x3e\r\n\r\n                \x3c!-- START OF MOBILE FILTER VIEW --\x3e\r\n                <div class="col-sm-8 col-md-9" *ngIf="!globals.eventExpired">\r\n                  <div class="hidden-sm hidden-md hidden-lg sorter-card--mobile card"\r\n                    [ngStyle]="{display: mobileFilter ? \'block\' : \'none\'}">\r\n\r\n                    <div *ngIf="hotels.length" class="card sorter-card BLOCK_BG BLOCK_COLOR"\r\n                      style="margin-bottom: 10px; padding: 25px; background-image: url(../assets/img/map-entry-background.png)">\r\n                      <button *ngIf="hotels.length && activeView==\'list\'" type="button"\r\n                        class="btn full-width btn-link btn-primary PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR"\r\n                        (click)="toggleActiveView()">\r\n                        <i class="fa fa-map-marker"></i> Show Map</button>\r\n                      <button *ngIf="hotels.length && activeView==\'map\'" type="button"\r\n                        class="btn full-width btn-link btn-primary PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR"\r\n                        (click)="toggleActiveView()">\r\n                        <i class="fa fa-map-marker"></i> Hide Map</button>\r\n                    </div>\r\n                    <div>\r\n                      <filter-mobile *ngIf="!globals.eventExpired" viewType="mobile"></filter-mobile>\r\n                    </div>\r\n\r\n                    \x3c!--<filter-mobile *ngIf="!globals.eventExpired" viewType="mobile"></filter-mobile>\r\n                    <div class="clearfix">\r\n                      <div class="row">\r\n                        <div class="col-xs-4">\r\n                          <button *ngIf="activeView==\'list\'" type="button" class="btn full-width btn-link btn-primary"\r\n                            (click)="toggleActiveView()">\r\n                            <i class="fa fa-map-marker"></i> Show Map\r\n                          </button>\r\n                          <button *ngIf="activeView==\'map\'" type="button" class="btn full-width btn-link btn-primary"\r\n                            (click)="toggleActiveView()">\r\n                            <i class="fa fa-map-marker"></i> Hide Map\r\n                          </button>\r\n                        </div>\r\n                      </div>\r\n                    </div>--\x3e\r\n                  </div>\r\n                  \x3c!-- END OF MOBILE FILTER VIEW --\x3e\r\n\r\n                  \x3c!-- START OF MAP VIEW --\x3e\r\n                  <div *ngIf="activeView==\'map\'" style="margin-bottom: 10px;">\r\n                    <div *ngIf="globals.eventInfo">\r\n                      <ngui-map class="mainmap" [options]="mapOptions" (mapReady$)="onMapReady($event)">\r\n                        <custom-marker *ngFor="let hotel of hotels; let i = index"\r\n                          [position]="[hotel.property.geoLocation.latitude, hotel.property.geoLocation.longitude]"\r\n                          (initialized$)="onCustomMarkerInit($event)" (click)="customClicked(hotel, i)">\r\n                          <div class="mainmap_icon">\r\n                            <div class="mainmap_icon_content">${{hotel.property.cheapestPrice}}</div>\r\n                            <div class="mainmap_icon_nose"></div>\r\n                          </div>\r\n                        </custom-marker>\r\n                        <custom-marker [position]="[globals.eventInfo.latitude, globals.eventInfo.longitude]"\r\n                          (initialized$)="onCustomEventMarkerInit($event)" (click)="customEventClicked()"\r\n                          *ngIf="globals.eventInfo.latitude && globals.eventInfo.longitude">\r\n                          <div class="mainmap_icon">\r\n                            <div class="mainmap_icon_content"><b>{{globals.eventInfo.name}}</b><span\r\n                                class="font-12"><br />{{globals.eventInfo.venue}}</span></div>\r\n                            <div class="mainmap_icon_nose"></div>\r\n                          </div>\r\n                        </custom-marker>\r\n                        <info-window *ngFor="let hotel of hotels" id="iw_{{hotel.property.id}}"\r\n                          class="mainmap_infowindow">\r\n                          <div *ngIf="marker.display" style="display:flex;">\r\n                            <div class="mainmap_infowindow_photo" style="width: 150px; margin-right: 10px;"\r\n                              [ngClass]="{\'no-image\': getHotelImg(hotel.property.images) == \'https://obe-admin-test.ozaccom.com.au/obe/images/no_image.jpg\'}"\r\n                              [ngStyle]="{\'background\': \'url(\' + getHotelImg(hotel.property.images) + \') no-repeat center\'}">\r\n                            </div>\r\n                            <div class="mainmap_infowindow_info">\r\n                              <h4>{{hotel.property.name}}</h4>\r\n                              <i *ngFor="let i of [1,2,3,4,5]"\r\n                                [ngClass]="getStarClass(i, hotel.property.starRating)"></i>\r\n                              <p>Rooms available from ${{hotel.property.cheapestPrice}} for\r\n                                {{globals.getHotelDateStr(getPlan(hotel))}}</p>\r\n                            </div>\r\n                          </div>\r\n                        </info-window>\r\n                        <info-window id="event_info_window" class="mainmap_infowindow">\r\n                          <div>\r\n                            <div class="mainmap_infowindow_photo">\r\n                            </div>\r\n                            <div class="mainmap_infowindow_info">\r\n                              <h4>{{globals.eventInfo.name}}</h4>\r\n                              <p>Address: {{globals.eventInfo.venue}}, {{globals.eventInfo.city}},\r\n                                {{globals.eventInfo.state}}</p>\r\n                            </div>\r\n                          </div>\r\n                        </info-window>\r\n                      </ngui-map>\r\n                    </div>\r\n                    <div *ngIf="!globals.eventInfo">\r\n                      No event info\r\n                    </div>\r\n                  </div>\r\n                  \x3c!-- END OF MAP VIEW --\x3e\r\n\r\n                  \x3c!-- START OF NO RECORDS MESSAGE --\x3e\r\n                  <div class="alert alert-info" *ngIf="!hotels.length && !globals.hotelsLoading && dataHasLoaded"\r\n                    style="margin-top: 15px;">\r\n                    There are no available rooms that match your search. Please adjust your filters or date range and\r\n                    try again.\r\n                  </div>\r\n                  \x3c!-- END OF NO RECORDS MESSAGE --\x3e\r\n\r\n                  \x3c!-- START OF SHOW GRID DETAILS VIEW --\x3e\r\n                  <div class="hotel-list hotel-listing hotel" *ngIf="matrixView">\r\n                    <div class="box">\r\n                      <div class="matrix matrix-table">\r\n                        <div class="matrix-dates matrix-row">\r\n                          <div class="matrix-empty matrix-cell col-xs-3"></div>\r\n                          <div class="col-xs-9" *ngIf="matrixData.dates">\r\n                            <div class="matrix-date-single matrix-cell" *ngFor="let date of matrixData.dates">\r\n                              <small>{{date.day}}</small>\r\n                              <br />{{date.date}}\r\n                              <br />\r\n                              <small>{{date.month}}</small>\r\n                            </div>\r\n                            <div class="matrix-date-single matrix-hotel-group-total matrix-cell">\r\n                              {{matrixData.dates.length}}\r\n                              <br />Night<span *ngIf="matrixData.dates.length > 1">s</span></div>\r\n                          </div>\r\n                        </div>\r\n                        <div class="matrix-hotel-group" *ngFor="let hotel of matrixData.hotels">\r\n                          <div class="matrix-hotel matrix-row" (click)="toggleHotelExpand(hotel)">\r\n                            <div class="matrix-hotel-name matrix-cell col-xs-3">{{hotel.name}}</div>\r\n                            <div class="col-xs-9">\r\n                              <div class="matrix-hotel-day matrix-cell" *ngFor="let price of hotel.cheapestRate">\r\n                                {{price}}</div>\r\n                              <div class="matrix-hotel-total matrix-cell">{{hotel.cheapestRateTotal}}</div>\r\n                            </div>\r\n                          </div>\r\n                          <div *ngIf="hotel.expand">\r\n                            <div class="maxtrix-room-ratetype-bar matrix-row" *ngIf="hotel.eventRates.length">Event\r\n                              Rates\r\n                              From\r\n                            </div>\r\n                            <div class="matrix-room matrix-row" *ngFor="let rate of hotel.eventRates">\r\n                              <div class="matrix-room-name matrix-cell col-xs-3">{{rate.name}}</div>\r\n                              <div class="col-xs-9">\r\n                                <div class="matrix-room-day matrix-cell" *ngFor="let price of rate.prices">{{price}}\r\n                                </div>\r\n                                <div class="matrix-room-total matrix-cell">\r\n                                  <button class="btn btn-xs PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR">Book for\r\n                                    {{globals.siteCurrency.symbol_native}}{{rate.totalCost}}</button>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div class="maxtrix-room-ratetype-bar matrix-row" *ngIf="hotel.altRates.length">Alternative\r\n                              Online\r\n                              Rates From</div>\r\n                            <div class="matrix-room matrix-row" *ngFor="let rate of hotel.altRates">\r\n                              <div class="matrix-room-name matrix-cell col-xs-3">{{rate.name}}</div>\r\n                              <div class="col-xs-9">\r\n                                <div class="matrix-room-day matrix-cell" *ngFor="let price of rate.prices">{{price}}\r\n                                </div>\r\n                                <div class="matrix-room-total matrix-cell">\r\n                                  <button class="btn btn-xs PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR">Book for\r\n                                    {{globals.siteCurrency.symbol_native}}{{rate.totalCost}}</button>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  \x3c!-- END OF SHOW GRID DETAILS VIEW --\x3e\r\n\r\n                  \x3c!-- START OF TABULAR MOBILE VIEW --\x3e\r\n                  <div *ngIf="!matrixView"\r\n                    class="col-xs-12 hidden-sm hidden-md hidden-lg no-padding-left no-padding-right">\r\n\r\n                    \x3c!-- START OF DETAILS VIEW --\x3e\r\n                    <div *ngFor="let hotel of hotels; let hotelIdx = index"\r\n                      class="col-xs-12 hotel-list hotel-listing hotel no-padding-left no-padding-right">\r\n\r\n                      \x3c!-- START OF PROPERTY HEADER --\x3e\r\n                      <article class="BLOCK_BG box">\r\n\r\n                        <figure class="col-xs-12" [id]="\'hotelPhoto_\'+hotel.property.id"\r\n                          [ngClass]="{\'no-image\': getHotelImg(hotel.property.images) == \'https://obe-admin-test.ozaccom.com.au/obe/images/no_image.jpg\'}">\r\n                          <a title="" class="hover-effect popup-gallery"\r\n                            [ngStyle]="{\'background\': \'url(\' + getHotelImg(hotel.property.images) + \') no-repeat center\'}"></a>\r\n                        </figure>\r\n\r\n                        \x3c!-- START OF PROPERTY DETAILS --\x3e\r\n                        <div class="details col-xs-12 hotelcard">\r\n\r\n                          \x3c!-- START OF HOTEL INFO --\x3e\r\n                          <div class="row col-xs-12 no-padding-right">\r\n\r\n                            <div class="col-xs-12 no-padding-left no-padding-right" style="padding-right: 0;">\r\n\r\n                              <div class="col-xs-8 BLOCK_DIVIDER_COLOR no-padding-left" style="border-right: 0;">\r\n                                <h4 class="box-title hotelcard__title BLOCK_COLOR">{{hotel.property.name}}\r\n                                  <small class="BLOCK_COLOR">\r\n                                    {{hotel.property.accomType}} in {{hotel.property.address.city}}\r\n                                  </small>\r\n                                  <div>\r\n                                    <i class="text-secondary hotelcard__stars STAR_COLOR" *ngFor="let i of [1,2,3,4,5]"\r\n                                      [ngClass]="getStarClass(i, hotel.property.starRating)"></i>\r\n                                  </div>\r\n                                </h4>\r\n                              </div>\r\n\r\n                              <div class="col-xs-4 no-padding-right">\r\n                                <div class="amenities hotelcard__amenities BLOCK_DIVIDER_COLOR" style="padding:0;">\r\n                                  <ul class="stand-out-features" style="padding-left:0;">\r\n                                    <li *ngIf="hotel.property.amenities.breakfast">\r\n                                      <div class="dist soap-icon text-secondary AMENITY_ICON_COLOR text-right"\r\n                                        style="width: 30px;">\r\n                                        <i style="font-size: 20pt;" class="soap-icon-breakfast" data-toggle="modal"\r\n                                          data-target="#generalModal"\r\n                                          (click)="generalModal(\'Breakfast\', \'With breakfast\')"></i>\r\n                                        \x3c!--<br>\r\n                                        <span style="font-size: 8pt;">Breakfast</span>--\x3e\r\n                                      </div>\r\n                                    </li>\r\n                                    <li>\r\n                                      <div class="dist soap-icon text-secondary AMENITY_ICON_COLOR text-right"\r\n                                        style="width: 30px;">\r\n                                        <i style="font-size: 20pt;" class="soap-icon-departure" data-toggle="modal"\r\n                                          data-target="#generalModal"\r\n                                          (click)="generalModal(\'Distance From Venue\',hotel.property.distanceFromVenue)"></i>\r\n                                        \x3c!--<br>\r\n                                        <span style="font-size: 8pt;">{{hotel.property.distanceFromVenue}}</span>--\x3e\r\n                                      </div>\r\n                                    </li>\r\n                                    <li *ngIf="hotel.property.amenities.wifi">\r\n                                      <div class="dist soap-icon text-secondary AMENITY_ICON_COLOR text-right"\r\n                                        style="width: 30px;">\r\n                                        <i style="font-size: 20pt;" class="soap-icon-wifi" data-toggle="modal"\r\n                                          data-target="#generalModal" (click)="generalModal(\'Wifi\', \'With wifi\')"></i>\r\n                                        \x3c!--<br>\r\n                                        <span style="font-size: 8pt;">WiFi</span>--\x3e\r\n                                      </div>\r\n                                    </li>\r\n                                  </ul>\r\n                                </div>\r\n                              </div>\r\n\r\n                            </div>\r\n\r\n                            \x3c!-- START OF HEADER COST DETAILS --\x3e\r\n                            <div class="row col-xs-12 mobile-box-shaded no-margin-top no-padding-top"\r\n                              *ngIf="hotel.property.showRateType == 0 || hotel.property.showRateType == 1">\r\n                              <div class="type">Event Rates from</div>\r\n                              <div class="price-from RATE_BOX_COLOR" *ngIf="hotel.property.cheapestRoomEventRateCost">\r\n                                <span>{{globals.siteCurrency.code}}</span>\r\n                                <b>{{globals.siteCurrency.symbol_native}}{{ (hotel.property.cheapestRoomEventRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</b>\r\n                              </div>\r\n                              <div class="price-from RATE_BOX_COLOR" *ngIf="!hotel.property.cheapestRoomEventRateCost && hotel.property.notAvailableEventRate == false">\r\n                                \x3c!--<b>Sold Out</b>--\x3e\r\n                                <a (click)="toggleShowLessBtn(hotel)"><div style="font-size: 9px; padding: 5px; background-color:#f7f7be;">It seems one or more of your dates is on request - click here to see which nights</div></a>\r\n                              </div>\r\n                              <div class="price-from RATE_BOX_COLOR" *ngIf="hotel.property.notAvailableEventRate == true">\r\n                                <b>Not Available</b>\r\n                              </div>\r\n                            </div>\r\n\r\n                            <div class="row col-xs-12 mobile-box-shaded"\r\n                              *ngIf="hotel.property.showRateType == 0 || hotel.property.showRateType == 2">\r\n                              <div class="type">{{globals.appType == \'venue\' ? \'Best Rates\' : \'Online Rates\'}} from\r\n                              </div>\r\n                              <div class="price-from RATE_BOX_COLOR" *ngIf="hotel.property.cheapestRoomLiveRateCost">\r\n                                <span>{{globals.siteCurrency.code}}</span>\r\n                                <b>{{globals.siteCurrency.symbol_native}}{{ (hotel.property.cheapestRoomLiveRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</b>\r\n                              </div>\r\n                              <div class="price-from RATE_BOX_COLOR" *ngIf="!hotel.property.cheapestRoomLiveRateCost && hotel.property.notAvailableOnlineRate == false">\r\n                                \x3c!--<b>Sold Out</b>--\x3e\r\n                                <a (click)="toggleShowLessBtn(hotel)"><div style="font-size: 9px; padding: 5px; background-color:#f7f7be;">It seems one or more of your dates is on request - click here to see which nights</div></a>\r\n                              </div>\r\n                              <div class="price-from RATE_BOX_COLOR" *ngIf="hotel.property.notAvailableOnlineRate == true">\r\n                                <b>Not Available</b>\r\n                              </div>\r\n                            </div>\r\n\r\n                            <div class="row col-xs-12 mobile-box-shaded">\r\n                              <div class="type">\r\n                                Total from\r\n                              </div>\r\n                              <div class="price-from price-from-total RATE_BOX_COLOR"\r\n                                *ngIf="hotel.property.cheapestPrice > 0">\r\n                                <span class="TOTAL_PRICE_COLOR">{{globals.siteCurrency.code}}</span>\r\n                                <b class="TOTAL_PRICE_COLOR"\r\n                                  *ngIf="hotel.property.cheapestPrice.toString().indexOf(\'.\') < 0">{{globals.siteCurrency.symbol_native}}{{ (hotel.property.cheapestPrice * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</b>\r\n                                <b class="TOTAL_PRICE_COLOR"\r\n                                  *ngIf="hotel.property.cheapestPrice.toString().indexOf(\'.\') >= 0">{{globals.siteCurrency.symbol_native}}{{ (hotel.property.cheapestPrice.toFixed(2) * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</b>\r\n                              </div>\r\n                              <div class="price-from price-from-total RATE_BOX_COLOR" *ngIf="hotel.property.cheapestPrice <= 0 && (hotel.property.notAvailableEventRate == false || hotel.property.notAvailableOnlineRate == false)">\r\n                                \x3c!--<b>Sold Out</b>--\x3e\r\n                                <a (click)="toggleShowLessBtn(hotel)"><div style="font-size: 9px; padding: 5px; background-color:#f7f7be; color: #999;">It seems one or more of your dates is on request - click here to see which nights</div></a>\r\n                              </div>\r\n                              <div class="price-from price-from-total RATE_BOX_COLOR" *ngIf="hotel.property.notAvailableEventRate == true && hotel.property.notAvailableOnlineRate == true">\r\n                                    <b>Not Available</b>\r\n                                  </div>\r\n                            </div>\r\n                            \x3c!-- END OF HEADER COST DETAILS --\x3e\r\n\r\n                          </div>\r\n                          \x3c!-- END OF HOTEL INFO --\x3e\r\n\r\n                        </div>\r\n                        \x3c!-- END OF PROPERTY DETAILS --\x3e\r\n\r\n                      </article>\r\n                      \x3c!-- END OF PROPERTY HEADER --\x3e\r\n\r\n                      \x3c!-- START OF ROOM DETAILS VIEW --\x3e\r\n                      <div id="hotel-features_{{hotelIdx}}" class="tab-container">\r\n\r\n                        \x3c!-- START OF ROOM TABULAR MENU --\x3e\r\n                        <ul class="tabs hotel-tabs">\r\n                          <li class="active">\r\n                            <a class=" CARD_TAB_BG CARD_TAB_COLOR hidden-md hidden-lg"\r\n                              style="padding: 5px; height: 30px; line-height: 20px; font-size: 11px;"\r\n                              href="#hotel-availability-mobile_{{hotelIdx}}" data-toggle="tab">Rates</a>\r\n                          </li>\r\n                          <li>\r\n                            <a class=" CARD_TAB_BG CARD_TAB_COLOR hidden-md hidden-lg"\r\n                              style="padding: 5px; height: 30px; line-height: 20px; font-size: 11px;"\r\n                              href="#hotel-description-mobile_{{hotelIdx}}" data-toggle="tab">About</a>\r\n                          </li>\r\n                          <li *ngIf="hotelHasAmenities(hotel)">\r\n                            <a class=" CARD_TAB_BG CARD_TAB_COLOR hidden-md hidden-lg"\r\n                              style="padding: 5px; height: 30px; line-height: 20px; font-size: 11px;"\r\n                              href="#hotel-amenities-mobile_{{hotelIdx}}" data-toggle="tab">Amenities</a>\r\n                          </li>\r\n                          <li *ngIf="hotel.property.review && hotel.property.review.reviews">\r\n                            <a class=" CARD_TAB_BG CARD_TAB_COLOR hidden-md hidden-lg"\r\n                              style="padding: 5px; height: 30px; line-height: 20px; font-size: 11px;"\r\n                              href="#hotel-reviews-mobile_{{hotelIdx}}" data-toggle="tab">Reviews</a>\r\n                          </li>\r\n                        </ul>\r\n                        \x3c!-- END OF ROOM TABULAR MENU --\x3e\r\n\r\n                        \x3c!-- START OF ROOM TABULAR CONTENTS --\x3e\r\n                        <div class="tab-content BLOCK_BG BLOCK_COLOR">\r\n\r\n                          \x3c!-- START OF ROOM RATES AVAILABILITY CONTENTS --\x3e\r\n                          <div class="tab-pane fade in active hotel-availability padding-10"\r\n                            id="hotel-availability-mobile_{{hotelIdx}}">\r\n\r\n                            <span class="align-middle">Rates are shown in <b>{{globals.siteCurrency.name}}\r\n                                ({{globals.siteCurrency.code}})</b> per room and <b>inclusive of tax</b> where applicable.</span>\r\n\r\n                            <button *ngIf="globals.appType != \'venue\'" (click)="toggleShowLessBtn(hotel)"\r\n                              class="btn btn-xs btn-primary text-center PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR margin-10-top margin-10-bottom"\r\n                              style="width: 100%;border-radius:0">\r\n                              {{ !hotel.showLessBtn ? \'Show All Rates & Book\' : \'Hide Rates\' }}\r\n                            </button>\r\n\r\n                            \x3c!-- SART OF BEST RATES GRID--\x3e\r\n                            <table class="table table-striped table-hover table-condensed"\r\n                              style="border-collapse:collapse;">\r\n                              <tbody class="collapse in accordian-body">\r\n                                <tr class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR"\r\n                                  *ngIf="globals.appType != \'venue\' && !hotel.showLessBtn">\r\n                                  <td><b>Best Rates:</b></td>\r\n                                  <td>&nbsp;</td>\r\n                                  <td style="text-align:center">Total </td>\r\n                                </tr>\r\n                                <tr class="MATRIX_CELL_BG MATRIX_CELL_COLOR"\r\n                                  *ngIf="globals.appType != \'venue\' && !hotel.showLessBtn && hotel.property.cheapestEventRate && hotel.property.cheapestEventRate.plan">\r\n                                  <td>\r\n                                    Event Rates from\r\n                                  </td>\r\n                                  <td class="day-rate">\r\n                                    <div class="day-rate-inner">\r\n                                      {{globals.formatShortDate(hotel.property.cheapestEventRate.plan[0].date, \'in\')}}\r\n                                      to\r\n                                      {{globals.formatShortDate(hotel.property.cheapestEventRate.plan[hotel.property.cheapestEventRate.plan.length-1].date, \'in\')}}\r\n                                    </div>\r\n                                  </td>\r\n                                  <td style="display: flex;">\r\n                                    <div class="day-rate-inner text-center" style="width: 100%">\r\n                                      {{globals.siteCurrency.symbol_native}}\r\n                                      {{(hotel.property.cheapestEventRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </div>\r\n                                  </td>\r\n                                </tr>\r\n                                <tr class="MATRIX_CELL_BG MATRIX_CELL_COLOR"\r\n                                  *ngIf="globals.appType != \'venue\' && !hotel.showLessBtn && hotel.property.cheapestLiveRate && hotel.property.cheapestLiveRate.plan">\r\n                                  <td>\r\n                                    Online Rates from\r\n                                  </td>\r\n                                  <td class="day-rate">\r\n                                    <div class="day-rate-inner">\r\n                                      {{globals.formatShortDate(hotel.property.cheapestLiveRate.plan[0].date, \'in\')}} to\r\n                                      {{globals.formatShortDate(hotel.property.cheapestLiveRate.plan[hotel.property.cheapestLiveRate.plan.length-1].date, \'in\')}}\r\n                                    </div>\r\n                                  </td>\r\n                                  <td style="display: flex;">\r\n                                    <div class="day-rate-inner text-center" style="width: 100%">\r\n                                      {{globals.siteCurrency.symbol_native}}\r\n                                      {{(hotel.property.cheapestLiveRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </div>\r\n                                  </td>\r\n                                </tr>\r\n                              </tbody>\r\n                            </table>\r\n                            \x3c!-- END OF BEST RATES GRID--\x3e\r\n\r\n                           \x3c!-- START OF EVENT RATE DETAILS --\x3e\r\n                            <div *ngIf="getEventRooms(hotel).length > 0 && hotel.showLessBtn">\r\n                              <div class="BLOCK_BG BLOCK_COLOR" style="text-align: center; border: 1px solid #d1d3d6; margin-top: 10px; border-radius: 2px;padding: 15px;" *ngFor="let room of getEventRooms(hotel)">\r\n                                <span><b>{{room.name}}</b></span>\r\n                                <br/>\r\n                                (Event Rates)\r\n                                <br/>\r\n\r\n                                <span *ngIf="room.description" class="btn-xs btn-default RATE_ICON_BG" style="display:inline-block;font-size:14px;" data-toggle="modal" data-target="#generalModal" (click)="generalModal(\'Room Description\', room.description)">\r\n                                  <i id="roomDescription{{room.code}}" class="soap-icon-list clearer RATE_ICON_COLOR"\r\n                                    aria-hidden="true"></i>\r\n                                </span>\r\n                                \r\n                                <span *ngIf="room.maxCapacity" class="btn-default btn-xs RATE_ICON_BG" style="display:inline-block;font-size:14px;" data-toggle="modal" data-target="#generalModal" (click)="generalModal(\'Room Capacity\', \'Maximum \' + room.maxCapacity + \' guests using existing bedding\')">\r\n                                  <i id="roomCapacity{{room.code}}" class="soap-icon-user clearer RATE_ICON_COLOR"\r\n                                    aria-hidden="true"></i>\r\n                                </span>\r\n\r\n                                <span *ngIf="room.name.toLowerCase().indexOf(\'breakfast\') > -1" class="btn-default btn-xs RATE_ICON_BG" style="display:inline-block;font-size:14px;" data-toggle="modal" data-target="#generalModal" (click)="generalModal(\'Breakfast6\', \'With breakfast\')">\r\n                                  <i class="soap-icon-breakfast clearer RATE_ICON_COLOR" aria-hidden="true"></i>\r\n                                </span>\r\n                                \r\n                                <span *ngIf="hotel.property.cheapestPrice == room.rates[0].totalCost" class="btn-success btn-xs LOW_PRICE_ICON_BG"\r\n                                  style="display:inline-block;font-size:14px;">\r\n                                  <i class="soap-icon-savings clearer LOW_PRICE_ICON_COLOR" aria-hidden="true"></i>\r\n                                </span>\r\n\r\n                                <span *ngIf="room.policies || hotel.property.onlineRateTerms" class="btn-xs btn-danger btn-default POLICY_ICON_BG"\r\n                                  style="display:inline-block;font-size:14px; height: 23px; margin: 5px 3px;"\r\n                                  data-toggle="modal" data-target="#generalModal" (click)="generalModal(\'Policy and Terms\', (room.policies ? \'Policy: \'+ room.policies + \' \' : \'\') + (hotel.property.eventRateTerms ? \'Terms: \'+ hotel.property.eventRateTerms : \'\'))">\r\n                                  <i class="soap-icon-notice POLICY_ICON_COLOR" aria-hidden="true"></i>\r\n                                </span>\r\n\r\n                                <table class="table table-striped table-hover table-condensed" style="border-collapse:collapse;">\r\n                                  <thead>\r\n                                    <tr>\r\n                                      <td class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR align-middle" style="vertical-align:middle;">\r\n                                        Date\r\n                                      </td>\r\n                                      <td class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR align-middle">\r\n                                        <div style="text-align: center;">\r\n                                          <div>Amount</div>\r\n                                          <div>{{formatdate(globals.filter.checkinDate)}} - {{formatdate(globals.filter.checkoutDate)}}</div>\r\n                                          <div>{{dateDiff(globals.filter.checkinDate, globals.filter.checkoutDate)}} night/s</div>\r\n                                          <div class="change-date" style="text-decoration: underline;"><a data-toggle="modal" data-target="#changeFilterModal" class="LINK_COLOR" (click)="scrollToTop()">Change Dates</a></div>\r\n                                        </div>\r\n                                      </td>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody class="collapse in accordian-body" id="demo1">\r\n                                    <tr *ngFor="let day of getRoomRates(room.rates)">\r\n                                      <td style="vertical-align:middle;">{{globals.formatSummaryDate(day.date, \'with-day\')}}</td>\r\n                                      \x3c!--<td>{{globals.siteCurrency.symbol_native}} {{(day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</td>--\x3e\r\n                                      <td>\r\n                                        <span *ngIf="day.amount != \'N/A\'">{{globals.siteCurrency.symbol_native}}</span>\r\n                                        {{(day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                        <div class="rooms-left"\r\n                                          *ngIf="day.amount != \'N/A\' && (day.available > 0 && day.available <= 5)">\r\n                                          ({{day.available}} {{day.available > 1 ? \'Rooms\' : \'Room\'}} Left)</div>\r\n                                        <span *ngIf="day.amount == \'N/A\'">N/A</span>\r\n                                      </td>\r\n                                    </tr>\r\n                                  </tbody>\r\n                                </table>\r\n                                <div >\r\n                                  <button (click)="reserveRate(hotel, room, room.rates[0])" *ngIf="allDaysAvailable(room.rates[0])"\r\n                                      class="btn btn-xs btn-primary text-center PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR" style="width: 100%; margin-top: 10px;">Book\r\n                                      {{globals.siteCurrency.symbol_native}}{{ (room.rates[0].totalCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</button>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            \x3c!-- END OF EVENT RATE DETAILS --\x3e\r\n\r\n                            \x3c!-- START OF ONLINE RATE DETAILS --\x3e\r\n                            <div\r\n                              *ngIf="getAltRooms(hotel, 0).length > 0 && (hotel.showLessBtn || globals.appType == \'venue\')">\r\n                              <div class="BLOCK_BG BLOCK_COLOR"\r\n                                style="text-align: center; border: 1px solid #d1d3d6; margin-top: 10px; border-radius: 2px;padding: 15px;"\r\n                                *ngFor="let room of getAltRooms(hotel, 0)">\r\n                                <span><b>{{room.name}}</b></span>\r\n                                <br/>\r\n                                <span>{{globals.appType == \'venue\' ? \'\' : \'(Online Rates)\'}}</span>\r\n                                <br/>\r\n\r\n                                <span *ngIf="room.description" class="btn-xs btn-default RATE_ICON_BG"\r\n                                  style="display:inline-block;font-size:14px;" data-toggle="modal"\r\n                                  data-target="#generalModal"\r\n                                  (click)="generalModal(\'Room Description\', room.description)">\r\n\r\n                                  <i id="roomDescription{{room.code}}" class="soap-icon-list clearer RATE_ICON_COLOR"\r\n                                    aria-hidden="true"></i>\r\n                                </span>\r\n\r\n                                <span *ngIf="room.maxCapacity" class="btn-default btn-xs RATE_ICON_BG"\r\n                                  style="display:inline-block;font-size:14px;" data-toggle="modal"\r\n                                  data-target="#generalModal"\r\n                                  (click)="generalModal(\'Room Capacity\', \'Maximum \' + room.maxCapacity + \' guests using existing bedding\')">\r\n                                  <i id="roomCapacity{{room.code}}" class="soap-icon-user clearer RATE_ICON_COLOR"\r\n                                    aria-hidden="true"></i>\r\n                                </span>\r\n\r\n                                <span *ngIf="room.name.toLowerCase().indexOf(\'breakfast\') > -1"\r\n                                  class="btn-default btn-xs RATE_ICON_BG" style="display:inline-block;font-size:14px;"\r\n                                  data-toggle="modal" data-target="#generalModal"\r\n                                  (click)="generalModal(\'Breakfast6\', \'With breakfast\')">\r\n                                  <i class="soap-icon-breakfast clearer RATE_ICON_COLOR" aria-hidden="true"></i>\r\n                                </span>\r\n\r\n                                <span *ngIf="hotel.property.cheapestPrice == room.rates[0].totalCost"\r\n                                  class="btn-success btn-xs LOW_PRICE_ICON_BG"\r\n                                  style="display:inline-block;font-size:14px;">\r\n                                  <i class="soap-icon-savings clearer LOW_PRICE_ICON_COLOR" aria-hidden="true"></i>\r\n                                </span>\r\n\r\n                                <span *ngIf="room.policies || hotel.property.onlineRateTerms"\r\n                                  class="btn-xs btn-danger btn-default POLICY_ICON_BG"\r\n                                  style="display:inline-block;font-size:14px; height: 23px; margin: 5px 3px;"\r\n                                  data-toggle="modal" data-target="#generalModal"\r\n                                  (click)="generalModal(\'Policy and Terms\', (room.policies ? \'Policy: \'+ room.policies + \' \' : \'\') + (hotel.property.onlineRateTerms ? \'Terms: \'+ hotel.property.onlineRateTerms : \'\'))">\r\n                                  <i class="soap-icon-notice POLICY_ICON_COLOR" aria-hidden="true"></i>\r\n                                </span>\r\n\r\n                                <table class="table table-striped table-hover table-condensed"\r\n                                  style="border-collapse:collapse;">\r\n                                  <thead>\r\n                                    <tr>\r\n                                      <td class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR align-middle" style="vertical-align:middle;">\r\n                                        Date\r\n                                      </td>\r\n                                      <td class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR align-middle">\r\n                                        <div style="text-align: center;">\r\n                                          <div>Amount</div>\r\n                                          <div>{{formatdate(globals.filter.checkinDate)}} - {{formatdate(globals.filter.checkoutDate)}}</div>\r\n                                          <div>{{dateDiff(globals.filter.checkinDate, globals.filter.checkoutDate)}} night/s</div>\r\n                                          <div class="change-date" style="text-decoration: underline;"><a data-toggle="modal" data-target="#changeFilterModal" class="LINK_COLOR" (click)="scrollToTop()">Change Dates</a></div>\r\n                                        </div>\r\n                                      </td>\r\n                                    </tr>\r\n                                  </thead>\r\n                                  <tbody class="collapse in accordian-body" id="demo1">\r\n                                    <tr *ngFor="let day of getRoomRates(room.rates)">\r\n                                      <td style="vertical-align:middle;">{{globals.formatSummaryDate(day.date, \'with-day\')}}</td>\r\n                                      \x3c!--<td>{{globals.siteCurrency.symbol_native}} {{(day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</td>--\x3e\r\n                                      <td>\r\n                                        <span *ngIf="day.amount != \'N/A\'">{{globals.siteCurrency.symbol_native}}</span>\r\n                                        {{(day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                        <div class="rooms-left"\r\n                                          *ngIf="day.amount != \'N/A\' && (day.available > 0 && day.available <= 5)">\r\n                                          ({{day.available}} {{day.available > 1 ? \'Rooms\' : \'Room\'}} Left)</div>\r\n                                        <span *ngIf="day.amount == \'N/A\'">N/A</span>\r\n                                      </td>\r\n                                    </tr>\r\n                                  </tbody>\r\n                                </table>\r\n                                <div>\r\n                                  <button (click)="reserveRate(hotel, room, room.rates[0])"\r\n                                    *ngIf="allDaysAvailable(room.rates[0])"\r\n                                    class="btn btn-xs btn-primary text-center PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR"\r\n                                    style="width: 100%; margin-top: 10px;">Book\r\n                                    {{globals.siteCurrency.symbol_native}}{{ (room.rates[0].totalCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</button>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            \x3c!-- END OF ONLINE RATE DETAILS --\x3e\r\n\r\n                          </div>\r\n                          \x3c!-- END OF ROOM RATES AVAILABILITY CONTENTS --\x3e\r\n\r\n                          \x3c!-- START OF ROOM ABOUT CONTENTS --\x3e\r\n                          <div class="tab-pane fade hotel-about-description" id="hotel-description-mobile_{{hotelIdx}}">\r\n                            <div class="intro table-wrapper full-width hidden-table-sms RATE_BOX_BG">\r\n                              <div class="col-sm-7 col-lg-7 features table-cell BLOCK_BG BLOCK_COLOR"\r\n                                style="padding: 10px;">\r\n                                <ul class="no-padding-left">\r\n                                  <li>\r\n                                    <label class="BLOCK_COLOR">Address:</label>{{hotel.property.address.addressLine1}}\r\n                                  </li>\r\n                                  <li>\r\n                                    <label class="BLOCK_COLOR">&nbsp;</label>{{hotel.property.address.city}}</li>\r\n                                  <li>\r\n                                    <label class="BLOCK_COLOR">&nbsp;</label>{{hotel.property.address.state}}\r\n                                    {{hotel.property.address.postCode}}</li>\r\n                                  <li *ngIf="hotel.property.checkInTime && hotel.property.checkInTime !== \'0:00\'">\r\n                                    <label class="BLOCK_COLOR">Check-in:</label>{{hotel.property.checkInTime}}</li>\r\n                                  <li *ngIf="hotel.property.checkOutTime && hotel.property.checkOutTime !== \'0:00\'">\r\n                                    <label class="BLOCK_COLOR">Check-out:</label>{{hotel.property.checkOutTime}}</li>\r\n\r\n                                  <li *ngIf="hotel.property.receptionHours">\r\n                                    <label class="BLOCK_COLOR">Reception Hours:</label>{{hotel.property.receptionHours}}\r\n                                  </li>\r\n                                </ul>\r\n                              </div>\r\n                              <div class=" col-sm-5 col-lg-5 table-cell">\r\n                                <div class="map" style="height: 250px">\r\n                                  <ngui-map scrollwheel="false" [options]="getMapOptions(hotel)" style="height: 250px"\r\n                                    *ngIf="hotel.property.geoLocation">\r\n                                    <marker\r\n                                      [position]="[hotel.property.geoLocation.latitude, hotel.property.geoLocation.longitude]">\r\n                                    </marker>\r\n                                  </ngui-map>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div class="long-description">\r\n                              <h2>About {{hotel.property.name}}</h2>\r\n                              <div class="col-xs-12 col-sm-7" style="padding-left: 0; padding-right: 0;">\r\n                                <p [innerHtml]="globals.replaceLineBreak(hotel.property.description)"></p>\r\n                              </div>\r\n                              <div class="col-xs-12 col-sm-5" style="padding-left: 0; padding-right: 0;">\r\n                                <ngx-gallery [options]="galleryOptions"\r\n                                  [images]="galleryImages[\'hotel_\' + hotel.property.id]"></ngx-gallery>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          \x3c!-- END OF ROOM ABOUT CONTENTS --\x3e\r\n\r\n                          \x3c!-- START OF ROOM AMENITIES CONTENTS --\x3e\r\n                          <div class="tab-pane fade hotel-amenities" id="hotel-amenities-mobile_{{hotelIdx}}">\r\n                            <h2>Amenities</h2>\r\n                            <ul class="amenities clearfix filter-panel"\r\n                              style="padding-inline-start: 20px; padding-inline-end: 20px;">\r\n                              <li *ngFor="let amenity of amenitiesList"\r\n                                [ngStyle]="{\'display\': hotelHasAmenity(amenity, hotel) ? \'block\' : \'none\'}"\r\n                                class="col-md-4 col-sm-6 col-xs-6">\r\n                                <div class="icon-box filter-panel AMENITY_LIST_ITEM_BG AMENITY_LIST_ITEM_COLOR">\r\n                                  <i [ngClass]="amenity.icon"></i>{{amenity.text}}\r\n                                </div>\r\n                              </li>\r\n                            </ul>\r\n                            <br />\r\n                          </div>\r\n                          \x3c!-- END OF ROOM AMENITIES CONTENTS --\x3e\r\n\r\n                          \x3c!-- START OF HOTEL REVIEWS --\x3e\r\n                          <div class="tab-pane fade hotel-about-description" id="hotel-reviews-mobile_{{hotelIdx}}">\r\n                            <div class="row" *ngIf="hotel.property.review && hotel.property.review.reviews">\r\n                              <div class="review-block RATE_BOX_BG RATE_BOX_COLOR">\r\n                                <div class="col-xs-12 summary-block clearer">\r\n                                  <div class="col-xs-6">\r\n                                    <div class="review-block BLOCK_BG BLOCK_COLOR">\r\n                                      <h4>Average user rating</h4>\r\n                                      <h2 class="bold padding-bottom-7" style="font-size: 3em;">\r\n                                        {{hotel.property.review.averageReviewRate}}\r\n                                        <small>/ 5</small></h2>\r\n                                      <button *ngFor="let i of [1,2,3,4,5]" type="button"\r\n                                        class="btn btn-sm noHover PRIMARY_BUTTON_COLOR"\r\n                                        [ngClass]="(hotel.property.review.averageReviewRate|number) >= i ? \'btn-primary PRIMARY_BG \' : \'btn-grey PRIMARY_BG_DISABLED\'"\r\n                                        aria-label="Left Align" style="margin-right:3px;">\r\n                                        <i class="soap-icon-star" aria-hidden="true" style="font-size: 20pt;"></i>\r\n                                      </button>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class="col-xs-6">\r\n                                    <div class="review-block col-sm-12 BLOCK_BG BLOCK_COLOR">\r\n                                      <h4>Rating Summary</h4>\r\n                                      <div class="clearer" *ngFor="let i of [5,4,3,2,1], let last = last"\r\n                                        [style.padding-bottom]="last === true ? \'15px\': \'0\'">\r\n                                        <div class="col-xs-2 no-padding-right"\r\n                                          style="line-height:1;padding-right: 0 !important;">\r\n                                          <div style="height:9px; margin:0;">{{i}} <i class="soap-icon-star STAR_COLOR"\r\n                                              aria-hidden="true" style="font-size:20px;"></i></div>\r\n                                        </div>\r\n                                        <div class="col-xs-8">\r\n                                          <div class="progress INPUT_BG" style="height:9px; margin:8px 0;">\r\n                                            <div class="progress-bar progress-bar-success SECONDARY__BG"\r\n                                              role="progressbar"\r\n                                              [style.width]="((getReviewCount(hotel.property.review.reviews, i.toString())/hotel.property.review.reviews.length)*100).toString() + \'%\'">\r\n                                              <span class="sr-only"></span>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                        <div class="col-xs-2">{{getReviewCount(hotel.property.review.reviews,\r\n                                          i.toString())}}</div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div class="row padding-margin-20"\r\n                                  *ngFor="let review of hotel.property.review.reviews, let last = last, let first = first"\r\n                                  [ngClass]="{\'line-break\': last === false, \'clearer\' : first === true}">\r\n                                  <div class="col-sm-2 text-center">\r\n                                    <img src="{{review.profilePhotoUrl}}" class="img-rounded">\r\n                                    <div class="review-block-date">{{review.relativeTimeDescription}}</div>\r\n                                  </div>\r\n                                  <div class="col-sm-10">\r\n                                    <div class="review-block-rate">\r\n                                      <button *ngFor="let i of [1,2,3,4,5]" type="button"\r\n                                        class="btn btn-xs noHover PRIMARY_BUTTON_COLOR"\r\n                                        [ngClass]="(review.rating|number) >= i ? \'btn-primary PRIMARY_BG\' : \'btn-grey PRIMARY_BUTTON_BG_DISABLED\'"\r\n                                        aria-label="Left Align" style="margin-right:3px;">\r\n                                        <i class="soap-icon-star" aria-hidden="true" style="font-size: 20pt;"></i>\r\n                                      </button>\r\n                                    </div>\r\n                                    <div class="review-block-title">{{review.authorName}}</div>\r\n                                    <div class="review-block-description">{{review.text}}</div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          \x3c!-- END OF HOTEL REVIEWS --\x3e\r\n\r\n                        </div>\r\n                        \x3c!-- END OF ROOM TABULAR CONTENTS --\x3e\r\n\r\n                      </div>\r\n                      \x3c!-- END OF ROOM DETAILS VIEW --\x3e\r\n\r\n                    </div>\r\n                    \x3c!-- END OF DETAILS VIEW --\x3e\r\n\r\n                  </div>\r\n                  \x3c!-- END OF TABULAR MOBILE VIEW --\x3e\r\n\r\n                  \x3c!-- START OF TABULAR DESKTOP VIEW --\x3e\r\n                  <div *ngIf="!matrixView" class="hidden-xs">\r\n\r\n                    \x3c!-- START OF DETAILS VIEW --\x3e\r\n                    <div *ngFor="let hotel of hotels; let hotelIdx = index" class="hotel-list hotel-listing hotel">\r\n\r\n                      \x3c!-- START OF PROPERTY HEADER --\x3e\r\n                      <article class="BLOCK_BG box">\r\n                        \r\n                        \x3c!--<div class="ribbon-breakfast" *ngIf="hotel.property.amenities.breakfast">\r\n                          <div class="add-tag-content">\r\n                            Breakfast included\r\n                          </div>\r\n                        </div>\r\n\r\n                        <div class="add-tag-ribbon ribbon-traverlers" *ngIf="hotel.property.greatForTravelers && !hotel.property.amenities.breakfast">\r\n                          <div class="add-tag-content">\r\n                             <i style="font-size: 12pt;" class="soap-icon-family"></i> Great for 2 travellers\r\n                          </div>\r\n                        </div>--\x3e\r\n\r\n                        <figure class="col-sm-3" [id]="\'hotelPhoto_\'+hotel.property.id"\r\n                          [ngClass]="{\'no-image\': getHotelImg(hotel.property.images) == \'https://obe-admin-test.ozaccom.com.au/obe/images/no_image.jpg\'}">\r\n                          <a title="" class="hover-effect popup-gallery"\r\n                            [ngStyle]="{\'background\': \'url(\' + getHotelImg(hotel.property.images) + \') no-repeat center\'}"></a>\r\n                        </figure>\r\n                        \x3c!-- START OF PROPERTY DETAILS --\x3e\r\n                        <div class="details col-sm-9 hotelcard">\r\n                          <div class="row col-sm-12" style="padding-right:0;">\r\n                            <div class="col-sm-7 BLOCK_DIVIDER_COLOR" style="border-right: 0;">\r\n                              <h4 class="box-title hotelcard__title BLOCK_COLOR">{{hotel.property.name}}\r\n                                <small class="BLOCK_COLOR">\r\n                                  {{hotel.property.accomType}} in {{hotel.property.address.city}}\r\n                                </small>\r\n                                <div>\r\n                                  <i class="text-secondary hotelcard__stars STAR_COLOR" *ngFor="let i of [1,2,3,4,5]"\r\n                                    [ngClass]="getStarClass(i, hotel.property.starRating)"></i>\r\n                                  \x3c!-- <br>\r\n                                  <span class="review">{{hotel.property.accomType}}</span> --\x3e\r\n                                </div>\r\n                              </h4>\r\n                            </div>\r\n                            <div class="col-sm-5" style="padding:0;">\r\n                              <div class="col-sm-12 amenities hotelcard__amenities BLOCK_DIVIDER_COLOR"\r\n                                style="padding:0;">\r\n                                <ul class="stand-out-features" style="padding-left:0;">\r\n                                  <li *ngIf="hotel.property.amenities.wifi">\r\n                                    <div class="dist soap-icon text-secondary AMENITY_ICON_COLOR">\r\n                                      <i style="font-size: 20pt;" class="soap-icon-wifi"></i>\r\n                                      <br>\r\n                                      <span style="font-size: 9pt;">WiFi</span>\r\n                                      \x3c!-- <i class="soap-icon-departure"></i> {{hotel.property.distanceFromVenue}} --\x3e\r\n                                    </div>\r\n                                  </li>\r\n                                  <li *ngIf="hotel.property.amenities.breakfast">\r\n                                    <div class="dist soap-icon text-secondary AMENITY_ICON_COLOR">\r\n                                      <i class="soap-icon-breakfast"></i>\r\n                                      <br>\r\n                                      <span style="font-size: 9pt;">Breakfast</span>\r\n                                      \x3c!-- <i class="soap-icon-departure"></i> {{hotel.property.distanceFromVenue}} --\x3e\r\n                                    </div>\r\n                                  </li>\r\n                                  <li>\r\n                                    <div class="dist soap-icon text-secondary AMENITY_ICON_COLOR">\r\n                                      <i class="soap-icon-departure"></i>\r\n                                      <br>\r\n                                      <span style="font-size: 9pt;">{{hotel.property.distanceFromVenue}}</span>\r\n                                      \x3c!-- <i class="soap-icon-departure"></i> {{hotel.property.distanceFromVenue}} --\x3e\r\n                                    </div>\r\n                                  </li>\r\n                                </ul>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          \x3c!-- <div>\r\n                            <i class="text-secondary hotelcard__stars" *ngFor="let i of [1,2,3,4,5]" [ngClass]="getStarClass(i, hotel.property.starRating)"></i>\r\n                            <span class="review">{{hotel.property.accomType}}</span>\r\n                          </div> --\x3e\r\n                          <div class="row col-sm-12" style="padding-right:0;">\r\n                            \x3c!-- START OF HEADER COST DETAILS --\x3e\r\n                            <ul class="hotel-pricing col-sm-12 BLOCK_DIVIDER_COLOR"\r\n                              style="border-right: 0; padding-right:0;">\r\n                              <li class="col-md-4"\r\n                                *ngIf="hotel.property.showRateType == 0 || hotel.property.showRateType == 1">\r\n                                <div class="box-shaded RATE_BOX_BG RATE_BOX_COLOR">\r\n                                  <div class="type">Event Rates from</div>\r\n                                  <div class="price-from RATE_BOX_COLOR" style="padding-top: 4px !important;"\r\n                                    *ngIf="hotel.property.cheapestRoomEventRateCost">\r\n                                    <span>{{globals.siteCurrency.code}}</span>\r\n                                    <b>{{globals.siteCurrency.symbol_native}}{{ (hotel.property.cheapestRoomEventRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</b>\r\n                                  </div>\r\n                                  <div class="price-from RATE_BOX_COLOR"\r\n                                    *ngIf="!hotel.property.cheapestRoomEventRateCost && hotel.property.notAvailableEventRate == false">\r\n                                    \x3c!--<b>Sold Out</b>--\x3e\r\n                                    <a (click)="toggleShowLessBtn(hotel)"><div style="font-size: 9px; padding: 5px; background-color:#f7f7be;">It seems one or more of your dates is on request - click here to see which nights</div></a>\r\n                                  </div>\r\n                                  <div class="price-from RATE_BOX_COLOR" *ngIf="hotel.property.notAvailableEventRate == true">\r\n                                    <b>Not Available</b>\r\n                                  </div>\r\n                                </div>\r\n                              </li>\r\n                              <li class="col-md-4" [ngClass]="{\'col-md-6\': globals.appType == \'venue\'}"\r\n                                *ngIf="hotel.property.showRateType == 0 || hotel.property.showRateType == 2">\r\n                                <div class="box-shaded RATE_BOX_BG RATE_BOX_COLOR">\r\n                                  <div class="type">{{globals.appType == \'venue\' ? \'Best Rates\' : \'Online Rates\'}} from\r\n                                  </div>\r\n                                  <div class="price-from RATE_BOX_COLOR" style="padding-top: 4px !important;"\r\n                                    *ngIf="hotel.property.cheapestRoomLiveRateCost">\r\n                                    <span>{{globals.siteCurrency.code}}</span>\r\n                                    <b>{{globals.siteCurrency.symbol_native}}{{ (hotel.property.cheapestRoomLiveRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</b>\r\n                                  </div>\r\n                                  <div class="price-from RATE_BOX_COLOR" *ngIf="!hotel.property.cheapestRoomLiveRateCost && hotel.property.notAvailableOnlineRate == false">\r\n                                    \x3c!--<b>Sold Out</b>--\x3e\r\n                                    <a (click)="toggleShowLessBtn(hotel)"><div style="font-size: 9px; padding: 5px; background-color:#f7f7be;">It seems one or more of your dates is on request - click here to see which nights</div></a>\r\n                                  </div>\r\n                                  <div class="price-from RATE_BOX_COLOR" *ngIf="hotel.property.notAvailableOnlineRate == true">\r\n                                    <b>Not Available</b>\r\n                                  </div>\r\n                                </div>\r\n                              </li>\r\n                              <li class="col-md-4" [ngClass]="{\'col-md-6\': globals.appType == \'venue\'}">\r\n                                <div class="box-shaded RATE_BOX_BG RATE_BOX_COLOR">\r\n                                  <div class="type">\r\n                                    Total from\r\n                                  </div>\r\n                                  <div class="price-from price-from-total RATE_BOX_COLOR" style="padding-top: 4px !important;"\r\n                                    *ngIf="hotel.property.cheapestPrice > 0">\r\n                                    <span class="TOTAL_PRICE_COLOR">{{globals.siteCurrency.code}}</span>\r\n                                    <b class="TOTAL_PRICE_COLOR"\r\n                                      *ngIf="hotel.property.cheapestPrice.toString().indexOf(\'.\') < 0">{{globals.siteCurrency.symbol_native}}{{ (hotel.property.cheapestPrice * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</b>\r\n                                    <b class="TOTAL_PRICE_COLOR"\r\n                                      *ngIf="hotel.property.cheapestPrice.toString().indexOf(\'.\') >= 0">{{globals.siteCurrency.symbol_native}}{{ (hotel.property.cheapestPrice.toFixed(2) * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</b>\r\n                                  </div>\r\n                                  <div class="price-from price-from-total RATE_BOX_COLOR" *ngIf="hotel.property.cheapestPrice <= 0 && (hotel.property.notAvailableEventRate == false || hotel.property.notAvailableOnlineRate == false)">\r\n                                    \x3c!--<b>Sold Out</b>--\x3e\r\n                                    <a (click)="toggleShowLessBtn(hotel)"><div style="font-size: 9px; padding: 5px; background-color:#f7f7be; color: #999;">It seems one or more of your dates is on request - click here to see which nights</div></a>\r\n                                  </div>\r\n                                  <div class="price-from price-from-total RATE_BOX_COLOR" *ngIf="hotel.property.notAvailableEventRate == true && hotel.property.notAvailableOnlineRate == true">\r\n                                    <b>Not Available</b>\r\n                                  </div>\r\n                                </div>\r\n                              </li>\r\n                            </ul>\r\n                            \x3c!-- END OF HEADER COST DETAILS --\x3e\r\n                          </div>\r\n                        </div>\r\n                        \x3c!-- END OF PROPERTY DETAILS --\x3e\r\n\r\n                        \x3c!-- START OF ROOM PLAN VIEW --\x3e\r\n                        <div class="hotelcard_bottom row no-margin">\r\n                          <div class="col-xs-12 no-padding" [hidden]="true">\r\n                            <div class="hotelcard_rates" *ngIf="!hotel.property.selectedIndex">\r\n                              <table class="table rates-table">\r\n                                <thead>\r\n                                  <tr class="BOOKING_TABLE_HEADER_BG BOOKING_TABLE_HEADER_COLOR">\r\n                                    <th></th>\r\n                                    <th class="hidden-sm hidden-md hidden-lg">{{getPlan(hotel).length}} Night<span\r\n                                        *ngIf="getPlan(hotel).length > 1">s</span></th>\r\n                                    <th *ngFor="let day of getPlan(hotel)">\r\n                                      <span *ngIf="day.date != \'N/A\'">{{globals.styleDate(day.date)}}</span>\r\n                                      <span *ngIf="day.date == \'N/A\'">N/A</span>\r\n                                    </th>\r\n                                    <th class="hidden-xs">{{getPlan(hotel).length}} Night<span\r\n                                        *ngIf="getPlan(hotel).length > 1">s</span></th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  <tr *ngIf="!hotel.property.cheapestEventRate && hasRates(\'event\', hotel)">\r\n                                    <th style="width:25%;">\r\n                                      <span *ngIf="hasRates(\'alternative\', hotel)">{{globals.eventInfo.name}}\r\n                                        Event</span>\r\n                                      Rates From:</th>\r\n                                    <td class="hidden-sm hidden-md hidden-lg">N/A</td>\r\n                                    <td *ngFor="let day of getPlan(hotel)">\r\n                                      N/A\r\n                                    </td>\r\n                                    <td class="hidden-xs">N/A</td>\r\n                                  </tr>\r\n                                  <tr *ngIf="!hotel.property.cheapestLiveRate && hasRates(\'alternative\', hotel)">\r\n                                    <th style="width:25%;">\r\n                                      <span *ngIf="hasRates(\'event\', hotel)">Alternative</span> Rates From:</th>\r\n                                    <td class="hidden-sm hidden-md hidden-lg">N/A</td>\r\n                                    <td *ngFor="let day of getPlan(hotel)">\r\n                                      N/A\r\n                                    </td>\r\n                                    <td class="hidden-xs">N/A</td>\r\n                                  </tr>\r\n                                  <tr *ngIf="hotel.property.cheapestEventRate && hasRates(\'event\', hotel)">\r\n                                    <th style="width:25%;">\r\n                                      <span *ngIf="hasRates(\'alternative\', hotel)">{{globals.eventInfo.name}}\r\n                                        Event</span>\r\n                                      Rates From:</th>\r\n                                    <td class="hidden-sm hidden-md hidden-lg">\r\n                                      {{globals.siteCurrency.symbol_native}}{{ (hotel.property.cheapestEventRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </td>\r\n                                    <td *ngFor="let day of hotel.property.cheapestEventRate.plan">\r\n                                      <span\r\n                                        *ngIf="day.date != \'N/A\' && day.amount != \'N/A\'">{{globals.siteCurrency.symbol_native}}{{ (day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</span>\r\n                                      <span *ngIf="day.date == \'N/A\' || day.amount == \'N/A\'">N/A</span>\r\n                                    </td>\r\n                                    <td *ngIf="allDaysAvailable(hotel.property.cheapestEventRate)" class="hidden-xs">\r\n                                      {{globals.siteCurrency.symbol_native}}{{ (hotel.property.cheapestEventRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </td>\r\n                                    <td *ngIf="!allDaysAvailable(hotel.property.cheapestEventRate)" class="hidden-xs">\r\n                                      N/A</td>\r\n                                  </tr>\r\n                                  <tr *ngIf="hotel.property.cheapestLiveRate && hasRates(\'alternative\', hotel)">\r\n                                    <th style="width:25%;">\r\n                                      <span *ngIf="hasRates(\'event\', hotel)">Alternative</span> Rates From:</th>\r\n                                    <td class="hidden-sm hidden-md hidden-lg">\r\n                                      {{globals.siteCurrency.symbol_native}}{{ (hotel.property.cheapestLiveRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </td>\r\n                                    <td *ngFor="let day of hotel.property.cheapestLiveRate.plan">\r\n                                      <span\r\n                                        *ngIf="day.date != \'N/A\' && day.amount != \'N/A\'">{{globals.siteCurrency.symbol_native}}{{day.amount}}</span>\r\n                                      <span *ngIf="day.date == \'N/A\' || day.amount == \'N/A\'">N/A</span>\r\n                                    </td>\r\n                                    <td *ngIf="!allDaysAvailable(hotel.property.cheapestLiveRateCost)"\r\n                                      class="hidden-xs">N/A</td>\r\n                                    <td *ngIf="allDaysAvailable(hotel.property.cheapestLiveRateCost)" class="hidden-xs">\r\n                                      {{globals.siteCurrency.symbol_native}}{{ (hotel.property.cheapestLiveRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </td>\r\n                                  </tr>\r\n                                </tbody>\r\n                              </table>\r\n                            </div>\r\n\r\n                            <div class="hotelcard_rates" *ngIf="hotel.property.selectedIndex">\r\n                              <div class="col-xs-12 no-padding">\r\n                                <div class="row hotel-table-body">\r\n                                  <div class="th-bg-p th-tx-p hotel-table-subheader row">\r\n                                    EVENT RATES\r\n                                  </div>\r\n                                  <div *ngIf="!hasRates(\'event\', hotel)">\r\n                                    There are no contracted event rates available for the selected filters and event.\r\n                                  </div>\r\n                                  <div *ngIf="hasRates(\'event\', hotel)">\r\n                                    <div *ngFor="let room of hotel.rooms; index as roomIdx;"\r\n                                      class="hotel-table-body-row row">\r\n                                      <div *ngIf="room.source == \'OBE\'"\r\n                                        class="col-xs-12  ehc-cont ehc-cont-mob hotel-table-body-descript-cell no-padding-bottom">\r\n                                        <div class="col-xs-12 col-md-3 cell  ehc-col ehc-col-mob">\r\n\r\n                                          <div class="col-xs-12">\r\n                                            <h3 class="room-type-name">{{room.name}}</h3>\r\n                                          </div>\r\n                                          <div class="col-xs-12 col-md-12">\r\n                                            <div class="hidden-xs">\r\n                                              <p *ngIf="room.bedding && room.bedding!=\'\'">\r\n                                                <b>Beds:</b> {{room.bedding}}\r\n                                              </p>\r\n                                              <p>\r\n                                                <b>Sleeps:</b> {{room.maxCapacity}}</p>\r\n                                            </div>\r\n                                            <div class="hidden-sm hidden-md hidden-lg">\r\n                                              <p>\r\n                                                <i class="fa fa-bed mob-room-icon"></i>\r\n                                                <i class="fa fa-bed mob-room-icon group-end"></i>\r\n                                                <i class="fa fa-user mob-room-icon"></i>\r\n                                                <i class="fa fa-user mob-room-icon"></i>\r\n                                                <i class="fa fa-user mob-room-icon group-end"></i>(\r\n                                                <i class="fa fa-child mob-room-icon"></i>\r\n                                                <span class="mob-room-icon group-end">\r\n                                                  <i class="fa fa-child"></i>)</span>\r\n                                              </p>\r\n                                            </div>\r\n                                          </div>\r\n                                          <div class="col-xs-12 col-md-12">\r\n                                            <p>\r\n                                              <button color="accent"\r\n                                                class="btn   btn-block hidden-sm hidden-md hidden-lg"\r\n                                                (click)="toggleRoomRates(room)">\r\n                                                <span *ngIf="!room.showRates">Show</span>\r\n                                                <span *ngIf="!!room.showRates">Hide</span> Room Rates</button>\r\n                                            </p>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                      <div *ngIf="room.rates.length > room.viewLimit" class="no-padding">\r\n                                        <button color="accent" class="btn " (click)="loadMore(room, true)">See More\r\n                                          Event\r\n                                          Rates\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class="hotel-table-subheader  row">\r\n                                    ALTERNATIVE RATES\r\n                                  </div>\r\n                                  <div *ngIf="!hasRates(\'alternative\', hotel)">\r\n                                    There were no live alternative rates found for the selected filters and date range.\r\n                                    Please adjust your search and try again.\r\n                                  </div>\r\n                                  <div *ngIf="hasRates(\'alternative\', hotel)">\r\n                                    <div *ngFor="let room of hotel.rooms; index as roomIdx;"\r\n                                      class="hotel-table-body-row row">\r\n                                      <div *ngIf="room.source != \'OBE\'"\r\n                                        class="col-xs-12  ehc-cont ehc-cont-mob hotel-table-body-descript-cell no-padding-bottom">\r\n                                        <div class="col-xs-12 col-md-3 cell  ehc-col ehc-col-mob">\r\n                                          <div class="col-xs-12">\r\n                                            <h3 class="room-type-name" *ngIf="room.name.length <= 40">{{room.name}}</h3>\r\n                                            <h3 class="room-type-name"\r\n                                              *ngIf="room.name.length > 40 && !room.nameExpanded">{{globals.trimString(room.name,\r\n                                              40)}}\r\n                                              <a (click)="globals.expandText(room, \'nameExpanded\')" class="link-text">\r\n                                                ...show more</a>\r\n                                            </h3>\r\n                                            <h3 class="room-type-name"\r\n                                              *ngIf="room.name.length > 40 && room.nameExpanded">{{room.name}}\r\n                                              <a (click)="globals.expandText(room, \'nameExpanded\')" class="link-text">\r\n                                                ...show\r\n                                                less\r\n                                              </a>\r\n                                            </h3>\r\n                                          </div>\r\n                                          <div class="col-xs-12 col-md-12">\r\n                                            <div class="hidden-xs">\r\n                                              <p *ngIf="room.bedding && room.bedding!=\'\'">\r\n                                                <b>Beds:</b> {{room.bedding}}\r\n                                              </p>\r\n                                              <p>\r\n                                                <b>Sleeps:</b> {{room.maxCapacity}}</p>\r\n                                              <p *ngIf="room.features">\r\n                                                <span *ngIf="room.features.length <= 150">{{room.features}}</span>\r\n                                                <span *ngIf="room.features.length > 150 && !room.featuresExpanded">{{globals.trimString(room.features,\r\n                                                  150)}}\r\n                                                  <a (click)="globals.expandText(room, \'featuresExpanded\')"\r\n                                                    class="link-text">\r\n                                                    ...show more</a>\r\n                                                </span>\r\n                                                <span\r\n                                                  *ngIf="room.features.length > 150 && room.featuresExpanded">{{room.features}}\r\n                                                  <a (click)="globals.expandText(room, \'featuresExpanded\')"\r\n                                                    class="link-text">\r\n                                                    ...show less</a>\r\n                                                </span>\r\n                                              </p>\r\n                                            </div>\r\n                                            <div class="hidden-sm hidden-md hidden-lg">\r\n                                              <p>\r\n                                                <i class="fa fa-bed mob-room-icon"></i>\r\n                                                <i class="fa fa-bed mob-room-icon group-end"></i>\r\n                                                <i class="fa fa-user mob-room-icon"></i>\r\n                                                <i class="fa fa-user mob-room-icon"></i>\r\n                                                <i class="fa fa-user mob-room-icon group-end"></i>(\r\n                                                <i class="fa fa-child mob-room-icon"></i>\r\n                                                <span class="mob-room-icon group-end">\r\n                                                  <i class="fa fa-child"></i>)</span>\r\n                                              </p>\r\n                                            </div>\r\n                                          </div>\r\n                                          <div class="col-xs-12 col-md-12">\r\n                                            <p>\r\n                                              <button color="accent"\r\n                                                class="btn   btn-block hidden-sm hidden-md hidden-lg"\r\n                                                (click)="toggleRoomRates(room)">\r\n                                                <span *ngIf="!room.showRates">Show</span>\r\n                                                <span *ngIf="!!room.showRates">Hide</span> Room Rates</button>\r\n                                            </p>\r\n                                          </div>\r\n                                        </div>\r\n                                      </div>\r\n                                      <div *ngIf="room.rates.length > room.viewLimit" class="no-padding">\r\n                                        <button color="accent" class="btn " (click)="loadMore(room, true)">See More\r\n                                          Event\r\n                                          Rates\r\n                                        </button>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        \x3c!-- START OF ROOM PLAN VIEW --\x3e\r\n\r\n                      </article>\r\n                      \x3c!-- END OF PROPERTY HEADER --\x3e\r\n\r\n                      \x3c!-- START OF ROOM DETAILS VIEW --\x3e\r\n                      <div id="hotel-features_{{hotelIdx}}" class="tab-container">\r\n\r\n                        \x3c!-- START OF ROOM TABULAR MENU --\x3e\r\n                        <ul class="tabs hotel-tabs">\r\n                          <li class="active">\r\n                            <a class=" CARD_TAB_BG CARD_TAB_COLOR hidden-xs hidden-sm"\r\n                              href="#hotel-availability_{{hotelIdx}}" data-toggle="tab">Rates &amp; Availability</a>\r\n                            <a class=" CARD_TAB_BG CARD_TAB_COLOR hidden-md hidden-lg"\r\n                              style="padding: 5px; height: 30px; line-height: 20px; font-size: 11px;"\r\n                              href="#hotel-availability_{{hotelIdx}}" data-toggle="tab">Rates</a>\r\n                          </li>\r\n                          <li>\r\n                            <a class=" CARD_TAB_BG CARD_TAB_COLOR hidden-xs hidden-sm"\r\n                              href="#hotel-description_{{hotelIdx}}" data-toggle="tab">About</a>\r\n                            <a class=" CARD_TAB_BG CARD_TAB_COLOR hidden-md hidden-lg"\r\n                              style="padding: 5px; height: 30px; line-height: 20px; font-size: 11px;"\r\n                              href="#hotel-description_{{hotelIdx}}" data-toggle="tab">About</a>\r\n                          </li>\r\n                          <li *ngIf="hotelHasAmenities(hotel)">\r\n                            <a class=" CARD_TAB_BG CARD_TAB_COLOR hidden-xs hidden-sm"\r\n                              href="#hotel-amenities_{{hotelIdx}}" data-toggle="tab">Amenities</a>\r\n                            <a class=" CARD_TAB_BG CARD_TAB_COLOR hidden-md hidden-lg"\r\n                              style="padding: 5px; height: 30px; line-height: 20px; font-size: 11px;"\r\n                              href="#hotel-amenities_{{hotelIdx}}" data-toggle="tab">Amenities</a>\r\n                          </li>\r\n                          <li *ngIf="hotel.property.review && hotel.property.review.reviews">\r\n                            <a class=" CARD_TAB_BG CARD_TAB_COLOR hidden-xs hidden-sm"\r\n                              href="#hotel-reviews_{{hotelIdx}}" data-toggle="tab">Reviews</a>\r\n                            <a class=" CARD_TAB_BG CARD_TAB_COLOR hidden-md hidden-lg"\r\n                              style="padding: 5px; height: 30px; line-height: 20px; font-size: 11px;"\r\n                              href="#hotel-reviews_{{hotelIdx}}" data-toggle="tab">Reviews</a>\r\n                          </li>\r\n                          <li style="float: right;display:none;" class="close-button CARD_CLOSE_BG CARD_CLOSE_COLOR">\r\n                            <a data-toggle="collapse" class=" CARD_CLOSE_BG CARD_CLOSE_COLOR hidden-xs hidden-sm"\r\n                              (click)="toggleShowLessBtn(hotel)" [attr.data-target]="\'#hotel-features_\'+hotelIdx"><i\r\n                                class="soap-icon-close"></i></a>\r\n                            <a data-toggle="collapse" class=" CARD_CLOSE_BG CARD_CLOSE_COLOR hidden-md hidden-lg"\r\n                              style="height: 30px; width: 30px; line-height: 30px; text-align: center; padding: 0 15px;"\r\n                              (click)="toggleShowLessBtn(hotel)" [attr.data-target]="\'#hotel-features_\'+hotelIdx"><i\r\n                                class="soap-icon-close"></i>\r\n                            </a>\r\n                          </li>\r\n                        </ul>\r\n                        \x3c!-- END OF ROOM TABULAR MENU --\x3e\r\n\r\n                        \x3c!-- START OF ROOM TABULAR CONTENTS --\x3e\r\n                        <div class="tab-content BLOCK_BG BLOCK_COLOR">\r\n\r\n                          \x3c!-- START OF ROOM RATES AVAILABILITY CONTENTS --\x3e\r\n                          <div class="tab-pane fade in active hotel-availability" id="hotel-availability_{{hotelIdx}}">\r\n\r\n                            \x3c!--START NEW EVENT RATES GRID VIEW--\x3e\r\n                            <table class="table table-striped table-hover table-condensed"\r\n                              style="border-collapse:collapse;">\r\n                              <thead>\r\n                                \x3c!-- <tr style="text-align: right">\r\n                                  <td [attr.colspan]="getPlan(hotel).length ? getPlan(hotel).length + 2 : 1">Rates are\r\n                                    shown\r\n                                    in\r\n                                    <b>{{globals.siteCurrency.name}} ({{globals.siteCurrency.code}})</b> per room and are\r\n                                    <b>inclusive of tax.</b>\r\n                                  </td>\r\n                                </tr> --\x3e\r\n                                <tr>\r\n                                  <td colspan="2" class="align-middle" style="vertical-align: middle;max-width: 300px">\r\n                                    <span class="align-middle">Rates are shown in <b>{{globals.siteCurrency.name}}\r\n                                        ({{globals.siteCurrency.code}})</b> per room and <b>inclusive of tax</b> where applicable.</span>\r\n                                  </td>\r\n                                  <td *ngFor="let day of getPlan(hotel)" class="day-date">\r\n                                    <div [innerHtml]="globals.styleMonthDate(day.date)" style="font-weight: bold;">\r\n                                    </div>\r\n                                  </td>\r\n                                  <td style="padding-right: 0;">\r\n                                    <button (click)="toggleShowLessBtn(hotel)"\r\n                                      class="btn btn-xs btn-primary text-center PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR" style="width: 100%;border-radius:0">\r\n                                      {{ !hotel.showLessBtn ? \'Show All Rates & Book\' : \'Hide Rates\' }}\r\n                                    </button>\r\n                                  </td>\r\n                                </tr>\r\n                              </thead>\r\n                              <tbody class="collapse in accordian-body" id="demo1">\r\n\r\n                                \x3c!-- SART OF BEST RATES GRID--\x3e\r\n                                <tr class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR"\r\n                                  *ngIf="!hotel.showLessBtn">\r\n                                  <td colspan="2"><b>Best Rates:</b></td>\r\n                                  <td *ngFor="let day of getPlan(hotel)" class="day-date">\r\n                                  </td>\r\n                                  <td style="text-align:center" [attr.colspan]="getPlan(hotel).length ? getPlan(hotel).length + 1 : 1">Total </td>\r\n                                </tr>\r\n                                <tr class="MATRIX_CELL_BG MATRIX_CELL_COLOR"\r\n                                  *ngIf="globals.appType != \'venue\' && !hotel.showLessBtn && hotel.property.cheapestEventRate && hotel.property.cheapestEventRate.plan">\r\n                                  <td colspan="2">\r\n                                    Event Rates from\r\n                                  </td>\r\n                                  <td class="day-rate" *ngFor="let day of hotel.property.cheapestEventRate.plan">\r\n                                    <div class="day-rate-inner">\r\n                                      {{globals.siteCurrency.symbol_native}}\r\n                                      {{(day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </div>\r\n                                  </td>\r\n                                  <td style="display: flex;">\r\n                                    <div class="day-rate-inner text-center" style="width: 100%">\r\n                                      {{globals.siteCurrency.symbol_native}}\r\n                                      {{(hotel.property.cheapestEventRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </div>\r\n                                  </td>\r\n                                </tr>\r\n                                <tr class="MATRIX_CELL_BG MATRIX_CELL_COLOR"\r\n                                  *ngIf="globals.appType == \'venue\' && !hotel.showLessBtn && hotel.property.cheapestSpecialRate && hotel.property.cheapestSpecialRate.plan">\r\n                                  <td colspan="2">\r\n                                    Event Rates from\r\n                                  </td>\r\n                                  <td class="day-rate" *ngFor="let day of hotel.property.cheapestSpecialRate.plan">\r\n                                    <div class="day-rate-inner">\r\n                                      {{globals.siteCurrency.symbol_native}}\r\n                                      {{(day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </div>\r\n                                  </td>\r\n                                  <td style="display: flex;">\r\n                                    <div class="day-rate-inner text-center" style="width: 100%">\r\n                                      {{globals.siteCurrency.symbol_native}}\r\n                                      {{(hotel.property.cheapestSpecialRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </div>\r\n                                  </td>\r\n                                </tr>\r\n                                <tr class="MATRIX_CELL_BG MATRIX_CELL_COLOR"\r\n                                  *ngIf="!hotel.showLessBtn && hotel.property.cheapestLiveRate && hotel.property.cheapestLiveRate.plan">\r\n                                  <td colspan="2">\r\n                                    Online Rates from\r\n                                  </td>\r\n                                  <td class="day-rate" *ngFor="let day of hotel.property.cheapestLiveRate.plan">\r\n                                    <div class="day-rate-inner">\r\n                                      {{globals.siteCurrency.symbol_native}}\r\n                                      {{(day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </div>\r\n                                  </td>\r\n                                  <td style="display: flex;">\r\n                                    <div class="day-rate-inner text-center" style="width: 100%">\r\n                                      {{globals.siteCurrency.symbol_native}}\r\n                                      {{(hotel.property.cheapestLiveRateCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </div>\r\n                                  </td>\r\n                                </tr>\r\n                                \x3c!-- END OF BEST RATES GRID--\x3e\r\n\r\n                                \x3c!-- START OF EVENT ROOM VIEW --\x3e\r\n                                <tr class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR"\r\n                                  *ngIf="getEventRooms(hotel).length > 0 && hotel.showLessBtn">\r\n                                  <td colspan="2" style="vertical-align: middle;"><b>Event Rates from:</b></td>\r\n                                  <td *ngFor="let day of getPlan(hotel)" class="day-date">\r\n                                  </td>\r\n                                  <td [attr.colspan]="getPlan(hotel).length ? getPlan(hotel).length + 1 : 1">\r\n                                    <div style="text-align: center;">\r\n                                      <div>Total</div>\r\n                                      <div>{{formatdate(globals.filter.checkinDate)}} - {{formatdate(globals.filter.checkoutDate)}}</div>\r\n                                      <div>{{dateDiff(globals.filter.checkinDate, globals.filter.checkoutDate)}} night/s</div>\r\n                                      <div class="change-date" style="text-decoration: underline;"><a data-toggle="modal" data-target="#changeFilterModal" class="LINK_COLOR" (click)="scrollToTop()">Change Dates</a></div>\r\n                                    </div>\r\n                                  </td>\r\n                                </tr>\r\n                                <tr class="MATRIX_CELL_BG MATRIX_CELL_COLOR {{ hotel.showLessBtn ? \'\' : \'hidden\'}}"\r\n                                  *ngFor="let room of getEventRooms(hotel)">\r\n                                  <td>\r\n                                    {{room.name}}\r\n                                  </td>\r\n                                  <td style="text-align: right">\r\n                                    <tooltip-content #tolltipEventRoomDescription>\r\n                                      {{room.description}}\r\n                                    </tooltip-content>\r\n                                    <span *ngIf="room.description" class="btn-xs btn-default RATE_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px;"\r\n                                      [tooltip]="tolltipEventRoomDescription" [tooltipDisabled]="false"\r\n                                      [tooltipAnimation]="true" tooltipPlacement="top">\r\n                                      <i id="roomDescription{{room.code}}"\r\n                                        class="soap-icon-list clearer RATE_ICON_COLOR" aria-hidden="true"></i>\r\n                                    </span>\r\n\r\n                                    <tooltip-content #tolltipEventRoomCapacity>\r\n                                      Maximum {{room.maxCapacity}} guests using existing bedding\r\n                                    </tooltip-content>\r\n                                    <span *ngIf="room.maxCapacity" class="btn-default btn-xs RATE_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px;" [tooltip]="tolltipEventRoomCapacity"\r\n                                      [tooltipDisabled]="false" [tooltipAnimation]="true" tooltipPlacement="top">\r\n                                      <i id="roomCapacity{{room.code}}" class="soap-icon-user clearer RATE_ICON_COLOR"\r\n                                        aria-hidden="true"></i>\r\n                                    </span>\r\n\r\n                                    <tooltip-content #tolltipEventRoomBreakfast>\r\n                                      Breakfast\r\n                                    </tooltip-content>\r\n                                    <span *ngIf="room.name.toLowerCase().indexOf(\'breakfast\') > -1"\r\n                                      class="btn-default btn-xs RATE_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px;" [tooltip]="tolltipEventRoomBreakfast"\r\n                                      [tooltipDisabled]="false" [tooltipAnimation]="true" tooltipPlacement="top">\r\n                                      <i class="soap-icon-breakfast clearer RATE_ICON_COLOR" aria-hidden="true"></i>\r\n                                    </span>\r\n                                    <span *ngIf="hotel.property.cheapestPrice == room.rates[0].totalCost"\r\n                                      class="btn-success btn-xs LOW_PRICE_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px;">\r\n                                      <i class="soap-icon-savings clearer LOW_PRICE_ICON_COLOR" aria-hidden="true"></i>\r\n                                    </span>\r\n                                    <span *ngIf="room.policies || hotel.property.eventRateTerms"\r\n                                      class="btn-xs btn-danger btn-default POLICY_ICON_BG"\r\n                                      style="display:inline-block;font-size:12px;padding:0 5px; height: 23px; margin: 5px 3px;"\r\n                                      tooltip="{{room.policies ? \'Policy:\'+ room.policies  + \' \' : \'\' }}{{hotel.property.eventRateTerms ? \'Terms:\'+ hotel.property.eventRateTerms : \'\' }}"\r\n                                      [tooltipDisabled]="false" [tooltipAnimation]="true" tooltipPlacement="top">\r\n                                      <i class="soap-icon-notice POLICY_ICON_COLOR" aria-hidden="true"></i>\r\n                                    </span>\r\n                                  </td>\r\n                                  <td class="day-rate" *ngFor="let day of getRoomRates(room.rates)">\r\n                                    <div class="day-rate-inner">\r\n                                      <span\r\n                                        *ngIf="day.amount != \'N/A\'">{{globals.siteCurrency.symbol_native}}</span>{{(day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                      <div class="rooms-left"\r\n                                        *ngIf="day.amount != \'N/A\' && (day.available > 0 && day.available <= 5)">\r\n                                        ({{day.available}} {{day.available > 1 ? \'Rooms\' : \'Room\'}} Left)</div>\r\n                                      <span *ngIf="day.amount == \'N/A\'">N/A</span>\r\n                                    </div>\r\n                                  </td>\r\n                                  <td style="display: flex;padding-right: 0;">\r\n                                    <button (click)="reserveRate(hotel, room, room.rates[0])"\r\n                                      *ngIf="allDaysAvailable(room.rates[0])"\r\n                                      class="btn btn-xs btn-primary text-center PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR"\r\n                                      style="width: 100%;">Book\r\n                                      {{globals.siteCurrency.symbol_native}}{{ (room.rates[0].totalCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</button>\r\n\r\n                                  </td>\r\n                                </tr>\r\n                                \x3c!-- END OF EVENT ROOM VIEW --\x3e\r\n                                \r\n                                \x3c!-- START OF SPECIAL RATES ROOM VIEW --\x3e\r\n                                <tbody style="background: url(../assets/img/7893-confetti-cannons.gif); background-repeat: no-repeat; background-size: cover">\r\n                                <tr class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR"\r\n                                  *ngIf="getAltRooms(hotel, 1).length > 0 && (globals.appType == \'venue\') && hotel.showLessBtn">\r\n                                  <td colspan="2" style="vertical-align: middle;"><b>Event Rates from:</b></td>\r\n                                  <td *ngFor="let day of getPlan(hotel)" class="day-date"></td>\r\n                                  <td>\r\n                                    <div style="text-align: center;">\r\n                                      <div>Total</div>\r\n                                      <div>{{formatdate(globals.filter.checkinDate)}} - {{formatdate(globals.filter.checkoutDate)}}</div>\r\n                                      <div>{{dateDiff(globals.filter.checkinDate, globals.filter.checkoutDate)}} night/s</div>\r\n                                      <div class="change-date" style="text-decoration: underline;"><a data-toggle="modal" data-target="#changeFilterModal" class="LINK_COLOR" (click)="scrollToTop()">Change Dates</a></div>\r\n                                    </div>\r\n                                  </td>\r\n                                </tr>\r\n                                <tr \r\n                                  class="MATRIX_CELL_BG MATRIX_CELL_COLOR {{ hotel.showLessBtn ? \'\' : \'hidden\'}}"\r\n                                  *ngFor="let room of getAltRooms(hotel, 1)">\r\n                                  <td style="vertical-align: middle;">\r\n                                    {{room.name}}\r\n                                  </td>\r\n                                  <td style="text-align: right; vertical-align: middle;">\r\n                                    \x3c!--<a data-toggle="modal" data-target="#roomInfoModal" (click)="selectRoom(hotel, room)">\r\n                                      <i style="font-size: 11pt; color: #069e2f; line-height: 10px;" class="soap-icon-notice"></i>\r\n                                      <span style="text-decoration: underline;">View Info</span>\r\n                                    </a>--\x3e\r\n                                    <tooltip-content #tolltipOnlineRoomDescription>\r\n                                      {{room.description}}\r\n                                    </tooltip-content>\r\n                                    <span *ngIf="room.description" class="btn-xs btn-default RATE_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px;"\r\n                                      [tooltip]="tolltipOnlineRoomDescription" [tooltipDisabled]="false"\r\n                                      [tooltipAnimation]="true" tooltipPlacement="top">\r\n                                      <i id="roomDescription{{room.code}}"\r\n                                        class="soap-icon-list clearer RATE_ICON_COLOR" aria-hidden="true"></i>\r\n                                    </span>\r\n\r\n                                    <tooltip-content #tolltipOnlineRoomCapacity>\r\n                                      Maximum {{room.maxCapacity}} guests using existing bedding\r\n                                    </tooltip-content>\r\n                                    <span *ngIf="room.maxCapacity" class="btn-default btn-xs RATE_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px;" [tooltip]="tolltipOnlineRoomCapacity"\r\n                                      [tooltipDisabled]="false" [tooltipAnimation]="true" tooltipPlacement="top">\r\n                                      <i id="roomCapacity{{room.code}}" class="soap-icon-user clearer RATE_ICON_COLOR"\r\n                                        aria-hidden="true"></i>\r\n                                    </span>\r\n\r\n                                    <tooltip-content #tolltipOnlineRoomBreakfast>\r\n                                      Breakfast\r\n                                    </tooltip-content>\r\n                                    <span *ngIf="room.name.toLowerCase().indexOf(\'breakfast\') > -1"\r\n                                      class="btn-default btn-xs RATE_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px;"\r\n                                      [tooltip]="tolltipOnlineRoomBreakfast" [tooltipDisabled]="false"\r\n                                      [tooltipAnimation]="true" tooltipPlacement="top">\r\n                                      <i class="soap-icon-breakfast clearer RATE_ICON_COLOR" aria-hidden="true"></i>\r\n                                    </span>\r\n\r\n                                    <span *ngIf="hotel.property.cheapestPrice == room.rates[0].totalCost"\r\n                                      class="btn-success btn-xs LOW_PRICE_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px;">\r\n                                      <i class="soap-icon-savings clearer LOW_PRICE_ICON_COLOR" aria-hidden="true"></i>\r\n                                    </span>\r\n\r\n                                    <span *ngIf="room.policies || hotel.property.onlineRateTerms"\r\n                                      class="btn-xs btn-danger btn-default POLICY_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px; height: 23px; margin: 5px 3px;"\r\n                                      tooltip="{{room.policies ? \'Policy:\'+ room.policies : \'\' }} {{hotel.property.onlineRateTerms ? \'Terms:\'+ hotel.property.onlineRateTerms : \'\' }}"\r\n                                      [tooltipDisabled]="false" [tooltipAnimation]="true" tooltipPlacement="top">\r\n                                      <i class="soap-icon-notice POLICY_ICON_COLOR" aria-hidden="true"></i>\r\n                                    </span>\r\n                                  </td>\r\n                                  <td class="day-rate" *ngFor="let day of getRoomRates(room.rates)" style="vertical-align: middle;">\r\n                                    <div class="day-rate-inner">\r\n                                      <span *ngIf="day.amount != \'N/A\'">{{globals.siteCurrency.symbol_native}}</span>\r\n                                      {{(day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                      <div class="rooms-left"\r\n                                        *ngIf="day.amount != \'N/A\' && (day.available > 0 && day.available <= 5)">\r\n                                        ({{day.available}} {{day.available > 1 ? \'Rooms\' : \'Room\'}} Left)</div>\r\n                                      <span *ngIf="day.amount == \'N/A\'">N/A</span>\r\n                                    </div>\r\n                                  </td>\r\n                                  <td style="padding-right: 0;vertical-align: middle;">\r\n                                    <button (click)="reserveRate(hotel, room, room.rates[0])"\r\n                                      *ngIf="allDaysAvailable(room.rates[0])"\r\n                                      class="btn btn-primary text-center PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR"\r\n                                      style="width: 100%;">Book \r\n                                      {{globals.siteCurrency.symbol_native}}{{ (room.rates[0].totalCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</button>\r\n                                  </td>\r\n                                </tr>\r\n                                </tbody>\r\n                                \x3c!-- END OF SPECIAL RATES ROOM VIEW --\x3e\r\n\r\n                                \x3c!-- START OF ON LINE ROOM VIEW --\x3e\r\n                                <tr class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR"\r\n                                  *ngIf="getAltRooms(hotel, 0).length > 0 && hotel.showLessBtn">\r\n                                  <td colspan="2" style="vertical-align: middle;"><b>Online Rates from:</b></td>\r\n                                  <td *ngFor="let day of getPlan(hotel)" class="day-date"></td>\r\n                                  <td>\r\n                                    <div style="text-align: center;">\r\n                                      <div>Total</div>\r\n                                      <div>{{formatdate(globals.filter.checkinDate)}} - {{formatdate(globals.filter.checkoutDate)}}</div>\r\n                                      <div>{{dateDiff(globals.filter.checkinDate, globals.filter.checkoutDate)}} night/s</div>\r\n                                      <div class="change-date" style="text-decoration: underline;"><a data-toggle="modal" data-target="#changeFilterModal" class="LINK_COLOR" (click)="scrollToTop()">Change Dates</a></div>\r\n                                    </div>\r\n                                  </td>\r\n                                </tr>\r\n                                <tr\r\n                                  class="MATRIX_CELL_BG MATRIX_CELL_COLOR {{ hotel.showLessBtn ? \'\' : \'hidden\'}}"\r\n                                  *ngFor="let room of getAltRooms(hotel, 0)">\r\n                                  <td style="vertical-align: middle;">\r\n                                    \x3c!--<a data-toggle="modal" data-target="#roomInfoModal" (click)="selectRoom(hotel, room)">{{room.name}}</a>--\x3e\r\n                                    {{room.name}}\r\n                                  </td>\r\n                                  <td style="text-align: right; vertical-align: middle;">\r\n                                    \x3c!--<a data-toggle="modal" data-target="#roomInfoModal" (click)="selectRoom(hotel, room)">\r\n                                      <i style="font-size: 11pt; color: #069e2f; line-height: 10px;" class="soap-icon-notice"></i>\r\n                                      <span style="text-decoration: underline;">View Info</span>\r\n                                    </a>--\x3e\r\n                                    <tooltip-content #tolltipOnlineRoomDescription>\r\n                                      {{room.description}}\r\n                                    </tooltip-content>\r\n                                    <span *ngIf="room.description" class="btn-xs btn-default RATE_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px;"\r\n                                      [tooltip]="tolltipOnlineRoomDescription" [tooltipDisabled]="false"\r\n                                      [tooltipAnimation]="true" tooltipPlacement="top">\r\n                                      <i id="roomDescription{{room.code}}"\r\n                                        class="soap-icon-list clearer RATE_ICON_COLOR" aria-hidden="true"></i>\r\n                                    </span>\r\n\r\n                                    <tooltip-content #tolltipOnlineRoomCapacity>\r\n                                      Maximum {{room.maxCapacity}} guests using existing bedding\r\n                                    </tooltip-content>\r\n                                    <span *ngIf="room.maxCapacity" class="btn-default btn-xs RATE_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px;" [tooltip]="tolltipOnlineRoomCapacity"\r\n                                      [tooltipDisabled]="false" [tooltipAnimation]="true" tooltipPlacement="top">\r\n                                      <i id="roomCapacity{{room.code}}" class="soap-icon-user clearer RATE_ICON_COLOR"\r\n                                        aria-hidden="true"></i>\r\n                                    </span>\r\n\r\n                                    <tooltip-content #tolltipOnlineRoomBreakfast>\r\n                                      Breakfast\r\n                                    </tooltip-content>\r\n                                    <span *ngIf="room.name.toLowerCase().indexOf(\'breakfast\') > -1"\r\n                                      class="btn-default btn-xs RATE_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px;"\r\n                                      [tooltip]="tolltipOnlineRoomBreakfast" [tooltipDisabled]="false"\r\n                                      [tooltipAnimation]="true" tooltipPlacement="top">\r\n                                      <i class="soap-icon-breakfast clearer RATE_ICON_COLOR" aria-hidden="true"></i>\r\n                                    </span>\r\n\r\n                                    <span *ngIf="hotel.property.cheapestPrice == room.rates[0].totalCost"\r\n                                      class="btn-success btn-xs LOW_PRICE_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px;">\r\n                                      <i class="soap-icon-savings clearer LOW_PRICE_ICON_COLOR" aria-hidden="true"></i>\r\n                                    </span>\r\n\r\n                                    <span *ngIf="room.policies || hotel.property.onlineRateTerms"\r\n                                      class="btn-xs btn-danger btn-default POLICY_ICON_BG"\r\n                                      style="display:inline-block;font-size:14px; height: 23px; margin: 5px 3px;"\r\n                                      tooltip="{{room.policies ? \'Policy:\'+ room.policies : \'\' }} {{hotel.property.onlineRateTerms ? \'Terms:\'+ hotel.property.onlineRateTerms : \'\' }}"\r\n                                      [tooltipDisabled]="false" [tooltipAnimation]="true" tooltipPlacement="top">\r\n                                      <i class="soap-icon-notice POLICY_ICON_COLOR" aria-hidden="true"></i>\r\n                                    </span>\r\n                                  </td>\r\n                                  <td class="day-rate" *ngFor="let day of getRoomRates(room.rates)" style="vertical-align: middle">\r\n                                    <div class="day-rate-inner">\r\n                                      <span *ngIf="day.amount != \'N/A\'">{{globals.siteCurrency.symbol_native}}</span>\r\n                                      {{(day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                      <div class="rooms-left"\r\n                                        *ngIf="day.amount != \'N/A\' && (day.available > 0 && day.available <= 5)">\r\n                                        ({{day.available}} {{day.available > 1 ? \'Rooms\' : \'Room\'}} Left)</div>\r\n                                      <span *ngIf="day.amount == \'N/A\'">N/A</span>\r\n                                    </div>\r\n                                  </td>\r\n                                  <td style="padding-right: 0;vertical-align: middle;">\r\n                                    <button (click)="reserveRate(hotel, room, room.rates[0])"\r\n                                      *ngIf="allDaysAvailable(room.rates[0])"\r\n                                      class="btn btn-primary text-center PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR"\r\n                                      style="width: 100%;">Book\r\n                                      {{globals.siteCurrency.symbol_native}}{{ (room.rates[0].totalCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</button>\r\n                                  </td>\r\n                                </tr>\r\n                                \x3c!-- END OF ON LINE ROOM VIEW --\x3e\r\n\r\n                              </tbody>\r\n                            </table>\r\n                            \x3c!--END NEW EVENT RATES GRID VIEW--\x3e\r\n\r\n                          </div>\r\n                          \x3c!-- END OF ROOM RATES AVAILABILITY CONTENTS --\x3e\r\n\r\n                          \x3c!-- START OF ROOM ABOUT CONTENTS --\x3e\r\n                          <div class="tab-pane fade hotel-about-description" id="hotel-description_{{hotelIdx}}">\r\n                            <div class="intro table-wrapper full-width hidden-table-sms RATE_BOX_BG">\r\n                              <div class="col-sm-7 col-lg-7 features table-cell BLOCK_BG BLOCK_COLOR"\r\n                                style="padding: 10px;">\r\n                                <ul class="no-padding-left">\r\n                                  <li>\r\n                                    <label class="BLOCK_COLOR">Address:</label>{{hotel.property.address.addressLine1}}\r\n                                  </li>\r\n                                  <li>\r\n                                    <label class="BLOCK_COLOR">&nbsp;</label>{{hotel.property.address.city}}</li>\r\n                                  <li>\r\n                                    <label class="BLOCK_COLOR">&nbsp;</label>{{hotel.property.address.state}}\r\n                                    {{hotel.property.address.postCode}}</li>\r\n                                  <li *ngIf="hotel.property.checkInTime && hotel.property.checkInTime !== \'0:00\'">\r\n                                    <label class="BLOCK_COLOR">Check-in:</label>{{hotel.property.checkInTime}}</li>\r\n                                  <li *ngIf="hotel.property.checkOutTime && hotel.property.checkOutTime !== \'0:00\'">\r\n                                    <label class="BLOCK_COLOR">Check-out:</label>{{hotel.property.checkOutTime}}</li>\r\n\r\n                                  <li *ngIf="hotel.property.receptionHours">\r\n                                    <label class="BLOCK_COLOR">Reception Hours:</label>{{hotel.property.receptionHours}}\r\n                                  </li>\r\n                                </ul>\r\n                              </div>\r\n                              <div class=" col-sm-5 col-lg-5 table-cell">\r\n                                <div class="map" style="height: 250px">\r\n                                  <ngui-map scrollwheel="false" [options]="getMapOptions(hotel)" style="height: 250px"\r\n                                    *ngIf="hotel.property.geoLocation">\r\n                                    <marker\r\n                                      [position]="[hotel.property.geoLocation.latitude, hotel.property.geoLocation.longitude]">\r\n                                    </marker>\r\n                                  </ngui-map>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div class="long-description">\r\n                              <h2>About {{hotel.property.name}}</h2>\r\n                              <div class="col-xs-12 col-sm-7" style="padding-left: 0; padding-right: 30px;">\r\n                                <p [innerHtml]="globals.replaceLineBreak(hotel.property.description)"></p>\r\n                              </div>\r\n                              <div class="col-xs-12 col-sm-5" style="padding-left: 0; padding-right: 0;">\r\n                                <ngx-gallery [options]="galleryOptions"\r\n                                  [images]="galleryImages[\'hotel_\' + hotel.property.id]"></ngx-gallery>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          \x3c!-- END OF ROOM ABOUT CONTENTS --\x3e\r\n\r\n                          \x3c!-- START OF ROOM AMENITIES CONTENTS --\x3e\r\n                          <div class="tab-pane fade hotel-amenities" id="hotel-amenities_{{hotelIdx}}">\r\n                            <h2>Amenities</h2>\r\n                            <ul class="amenities clearfix filter-panel"\r\n                              style="padding-inline-start: 20px; padding-inline-end: 20px;">\r\n                              <li *ngFor="let amenity of amenitiesList"\r\n                                [ngStyle]="{\'display\': hotelHasAmenity(amenity, hotel) ? \'block\' : \'none\'}"\r\n                                class="col-md-4 col-sm-6 col-xs-6">\r\n                                <div class="icon-box filter-panel AMENITY_LIST_ITEM_BG AMENITY_LIST_ITEM_COLOR">\r\n                                  <i [ngClass]="amenity.icon"></i>{{amenity.text}}\r\n                                </div>\r\n                              </li>\r\n                            </ul>\r\n                            <br />\r\n                          </div>\r\n                          \x3c!-- END OF ROOM AMENITIES CONTENTS --\x3e\r\n\r\n                          \x3c!-- START OF HOTEL REVIEWS --\x3e\r\n                          <div class="tab-pane fade hotel-about-description" id="hotel-reviews_{{hotelIdx}}">\r\n                            <div class="row" *ngIf="hotel.property.review && hotel.property.review.reviews">\r\n                              <div class="review-block RATE_BOX_BG RATE_BOX_COLOR">\r\n                                <div class="col-sm-12 summary-block clearer">\r\n                                  <div class="col-sm-6">\r\n                                    <div class="review-block BLOCK_BG BLOCK_COLOR">\r\n                                      <h4>Average user rating</h4>\r\n                                      <h2 class="bold padding-bottom-7" style="font-size: 3em;">\r\n                                        {{hotel.property.review.averageReviewRate}}\r\n                                        <small>/ 5</small></h2>\r\n                                      <button *ngFor="let i of [1,2,3,4,5]" type="button"\r\n                                        class="btn btn-sm noHover PRIMARY_BUTTON_COLOR"\r\n                                        [ngClass]="(hotel.property.review.averageReviewRate|number) >= i ? \'btn-primary PRIMARY_BG \' : \'btn-grey PRIMARY_BG_DISABLED\'"\r\n                                        aria-label="Left Align" style="margin-right:3px;">\r\n                                        <i class="soap-icon-star" aria-hidden="true" style="font-size: 20pt;"></i>\r\n                                      </button>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class="col-sm-6">\r\n                                    <div class="review-block col-sm-12 BLOCK_BG BLOCK_COLOR">\r\n                                      <h4>Rating Summary</h4>\r\n                                      <div class="clearer" *ngFor="let i of [5,4,3,2,1], let last = last"\r\n                                        [style.padding-bottom]="last === true ? \'15px\': \'0\'">\r\n                                        <div class="col-sm-2 no-padding" style="line-height:1;">\r\n                                          <div style="height:9px; margin:0;">{{i}} <i class="soap-icon-star STAR_COLOR"\r\n                                              aria-hidden="true" style="font-size:20px;"></i></div>\r\n                                        </div>\r\n                                        <div class="col-sm-8">\r\n                                          <div class="progress INPUT_BG" style="height:9px; margin:8px 0;">\r\n                                            <div class="progress-bar progress-bar-success SECONDARY__BG"\r\n                                              role="progressbar"\r\n                                              [style.width]="((getReviewCount(hotel.property.review.reviews, i.toString())/hotel.property.review.reviews.length)*100).toString() + \'%\'">\r\n                                              <span class="sr-only"></span>\r\n                                            </div>\r\n                                          </div>\r\n                                        </div>\r\n                                        <div class="col-sm-2">{{getReviewCount(hotel.property.review.reviews,\r\n                                          i.toString())}}</div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div class="row padding-margin-20"\r\n                                  *ngFor="let review of hotel.property.review.reviews, let last = last, let first = first"\r\n                                  [ngClass]="{\'line-break\': last === false, \'clearer\' : first === true}">\r\n                                  <div class="col-sm-2 text-center">\r\n                                    <img src="{{review.profilePhotoUrl}}" class="img-rounded">\r\n                                    <div class="review-block-date">{{review.relativeTimeDescription}}</div>\r\n                                  </div>\r\n                                  <div class="col-sm-10">\r\n                                    <div class="review-block-rate">\r\n                                      <button *ngFor="let i of [1,2,3,4,5]" type="button"\r\n                                        class="btn btn-xs noHover PRIMARY_BUTTON_COLOR"\r\n                                        [ngClass]="(review.rating|number) >= i ? \'btn-primary PRIMARY_BG\' : \'btn-grey PRIMARY_BUTTON_BG_DISABLED\'"\r\n                                        aria-label="Left Align" style="margin-right:3px;">\r\n                                        <i class="soap-icon-star" aria-hidden="true" style="font-size: 20pt;"></i>\r\n                                      </button>\r\n                                    </div>\r\n                                    <div class="review-block-title">{{review.authorName}}</div>\r\n                                    <div class="review-block-description">{{review.text}}</div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          \x3c!-- END OF HOTEL REVIEWS --\x3e\r\n\r\n                        </div>\r\n                        \x3c!-- END OF ROOM TABULAR CONTENTS --\x3e\r\n\r\n                      </div>\r\n                      \x3c!-- END OF ROOM DETAILS VIEW --\x3e\r\n\r\n                    </div>\r\n                    \x3c!-- END OF DETAILS VIEW --\x3e\r\n\r\n                  </div>\r\n                  \x3c!-- START OF TABULAR DESKTOP VIEW --\x3e\r\n\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n\r\n        <section id="review-page" *ngIf="globals.activePage == \'review\'">\r\n          <div class="col-md-12">\r\n            <div id="main">\r\n              <div class="row">\r\n                <div class="col-xs-12 col-sm-8 col-md-9">\r\n                  <div *ngFor="let booking of globals.booking.roomReserves; let i = index;"\r\n                    class="toggle-container FORM_INCOMPLETE_COLOR FORM_COMPLETE_COLOR"\r\n                    [ngClass]="{\'complete\': !guestFormInvalid(booking), \'incomplete\': !!guestFormInvalid(booking)}">\r\n                    <div class="panel filter-panel arrow-right margin-15-bottom BLOCK_BG BLOCK_COLOR">\r\n                      <h2 class="panel-title padding-15-top padding-15-left">\r\n                        <a style="font-weight: bold;" data-toggle="collapse" class="PANEL_TITLE_COLOR"\r\n                          href="#guest-details-panel_{{i}}">\r\n                          <span *ngIf="guestFormInvalid(booking)">\r\n                            <i style="font-size: 24px;"\r\n                              class="fa fa-check-circle text-neutral FORM_INCOMPLETE_TICK_COLOR"></i>\r\n                          </span>\r\n                          <span *ngIf="!guestFormInvalid(booking)">\r\n                            <i style="font-size: 24px;"\r\n                              class="fa fa-check-circle text-primary FORM_COMPLETE_TICK_COLOR"></i>\r\n                          </span>\r\n                          Enter Guest Details for: Room {{i+1}}: {{booking.property.name}} - {{booking.room.name}}</a>\r\n                      </h2>\r\n                      <hr class="no-margin margin-15-right margin-15-left BLOCK_DIVIDER_COLOR" />\r\n                      <div id="guest-details-panel_{{i}}" class="panel-collapse collapse in">\r\n                        <div class="panel-content padding-15">\r\n                          <div class="row padding-15 no-padding-top">\r\n                            <div class="alert alert-danger" *ngIf="booking.room.statusRemarks">\r\n                              {{booking.room.statusRemarks}}\r\n                            </div>\r\n                            <h4>\r\n                              Your Booking\r\n                              <button class="pull-right DANGER_BUTTON_BG DANGER_BUTTON_COLOR" data-toggle="modal"\r\n                                data-target="#deleteRoomModal" (click)="deleteRoom(i)">Remove\r\n                                Room\r\n                              </button>\r\n                            </h4>\r\n                            <div class="hidden-xs" style="overflow-x: auto">\r\n                              <table class="table rates-table your-booking BLOCK_DIVIDER_COLOR">\r\n                                <thead>\r\n                                  <tr class="BOOKING_TABLE_HEADER_BG BOOKING_TABLE_HEADER_COLOR">\r\n                                    <th class="hidden-sm hidden-md hidden-lg">{{booking.room.rate.plan.length}}\r\n                                      Night<span *ngIf="booking.room.rate.plan.length > 1">s</span></th>\r\n                                    <th *ngFor="let day of booking.room.rate.plan">\r\n                                      <div [innerHtml]="globals.styleMonthDate(day.date)" style="font-weight: bold;">\r\n                                      </div>\r\n                                    </th>\r\n                                    <th class="hidden-xs">{{booking.room.rate.plan.length}} Night<span\r\n                                        *ngIf="booking.room.rate.plan.length > 1">s</span></th>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                  <tr>\r\n                                    <td class="BLOCK_DIVIDER_COLOR hidden-sm hidden-md hidden-lg">\r\n                                      {{globals.siteCurrency.symbol_native}}{{(booking.room.rate.totalCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </td>\r\n                                    <td class="BLOCK_DIVIDER_COLOR" *ngFor="let day of booking.room.rate.plan"\r\n                                      style="text-align: left;">\r\n                                      {{globals.siteCurrency.symbol_native}}{{(day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </td>\r\n                                    <td class="BLOCK_DIVIDER_COLOR hidden-xs" style="text-align: left;">\r\n                                      {{globals.siteCurrency.symbol_native}}{{(booking.room.rate.totalCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </td>\r\n                                  </tr>\r\n                                </tbody>\r\n                              </table>\r\n                            </div>\r\n                            <div class="hidden-sm hidden-md hidden-lg text-center" style="overflow-x: auto">\r\n                              <table class="table table-striped table-hover table-condensed"\r\n                                style="border-collapse:collapse;">\r\n                                <thead>\r\n                                  <tr>\r\n                                    <td class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR align-middle">\r\n                                      Date\r\n                                    </td>\r\n                                    <td class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR align-middle">\r\n                                      Amount\r\n                                    </td>\r\n                                  </tr>\r\n                                </thead>\r\n                                <tbody class="collapse in accordian-body" id="demo1">\r\n                                  <tr *ngFor="let day of booking.room.rate.plan">\r\n                                    <td>{{globals.formatSummaryDate(day.date, \'with-day\')}}</td>\r\n                                    <td>{{globals.siteCurrency.symbol_native}}\r\n                                      {{(day.amount * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</td>\r\n                                  </tr>\r\n                                  <tr>\r\n                                    <td class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR align-middle">\r\n                                      Total: {{booking.room.rate.plan.length}} Night<span\r\n                                        *ngIf="booking.room.rate.plan.length > 1">s</span>\r\n                                    </td>\r\n                                    <td class="MATRIX_HEADER_BG MATRIX_HEADER_COLOR align-middle">\r\n                                      {{globals.siteCurrency.symbol_native}}{{(booking.room.rate.totalCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    </td>\r\n                                  </tr>\r\n                                </tbody>\r\n                              </table>\r\n                            </div>\r\n                            <p class="margin-15-top">\r\n                              \x3c!--<strong>Cancellation Policies: </strong>--\x3e\r\n                              {{booking.room.policies}}\r\n                            </p>\r\n                          </div>\r\n                          <div class="row">\r\n                            <div class="col-xs-12 col-sm-6">\r\n                              <form [formGroup]="booking.room.primaryGuestForm">\r\n                                <h4>Primary Guest</h4>\r\n                                <div class="row">\r\n                                  <div class="form-group col-md-4 col-sm-6 col-xs-6 no-padding-right">\r\n                                    <label class="required BLOCK_COLOR"\r\n                                      [ngClass]="{\'form-valid\': fieldHasContents(booking.room.primaryGuest.title),\'form-invalid\': !fieldHasContents(booking.room.primaryGuest.title)}">Title</label>\r\n                                    <div class="selector">\r\n                                      <select [formControl]="booking.room.primaryGuestForm.controls[\'title\']" required\r\n                                        class="full-width" name="pg_title" [(ngModel)]="booking.room.primaryGuest.title"\r\n                                        placeholder="Title">\r\n                                        <option *ngFor="let item of globals.selectItems.titles">{{item}}</option>\r\n                                      </select>\r\n                                      <span\r\n                                        class="INPUT_BG INPUT_SELECTOR_BG INPUT_SELECTOR_COLOR custom-select full-width">{{booking.room.primaryGuest.title}}</span>\r\n                                    </div>\r\n                                    <div\r\n                                      *ngIf="booking.room.primaryGuestForm.controls[\'title\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                      class="alert alert-danger">Required\r\n                                      field\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div class="row">\r\n                                  <div class="form-group col-xs-6 no-padding-right"\r\n                                    [ngClass]="{\'form-valid\': fieldHasContents(booking.room.primaryGuest.firstName),\'form-invalid\': !fieldHasContents(booking.room.primaryGuest.firstName)}">\r\n                                    <label class="required BLOCK_COLOR">First Name</label>\r\n                                    <input [formControl]="booking.room.primaryGuestForm.controls[\'firstName\']" required\r\n                                      type="text" [(ngModel)]="booking.room.primaryGuest.firstName" name="pg_first_name"\r\n                                      class="input-text full-width INPUT_BG INPUT_COLOR" placeholder="First Name" />\r\n                                    <div\r\n                                      *ngIf="booking.room.primaryGuestForm.controls[\'firstName\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                      class="alert alert-danger">Required\r\n                                      field\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class="form-group col-xs-6"\r\n                                    [ngClass]="{\'form-valid\': fieldHasContents(booking.room.primaryGuest.lastName),\'form-invalid\': !fieldHasContents(booking.room.primaryGuest.lastName)}">\r\n                                    <label class="required BLOCK_COLOR">Last Name</label>\r\n                                    <input [formControl]="booking.room.primaryGuestForm.controls[\'lastName\']" required\r\n                                      type="text" [(ngModel)]="booking.room.primaryGuest.lastName" name="pg_last_name"\r\n                                      class="input-text full-width INPUT_BG INPUT_COLOR" placeholder="Last Name" />\r\n                                    <div\r\n                                      *ngIf="booking.room.primaryGuestForm.controls[\'lastName\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                      class="alert alert-danger">Required\r\n                                      field\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div class="row">\r\n                                  <div class="form-group col-xs-12"\r\n                                    [ngClass]="{\'form-valid\': fieldHasContents(booking.room.primaryGuest.organisation),\'form-invalid\': !fieldHasContents(booking.room.primaryGuest.organisation)}">\r\n                                    <label class="required BLOCK_COLOR">Organisation</label>\r\n                                    <input [formControl]="booking.room.primaryGuestForm.controls[\'organisation\']"\r\n                                      required type="text" [(ngModel)]="booking.room.primaryGuest.organisation"\r\n                                      name="pg_organisation" class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                      placeholder="Organisation" />\r\n                                    <div\r\n                                      *ngIf="booking.room.primaryGuestForm.controls[\'organisation\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                      class="alert alert-danger">Required\r\n                                      field\r\n                                    </div>\r\n                                  </div>\r\n                                  \x3c!-- <div class="form-group col-xs-6">\r\n                                    <label class=" BLOCK_COLOR">Position</label>\r\n                                    <input [formControl]="booking.room.primaryGuestForm.controls[\'position\']" type="text"\r\n                                      [(ngModel)]="booking.room.primaryGuest.position" name="pg_position" class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                      placeholder="Position" />\r\n                                  </div> --\x3e\r\n                                </div>\r\n                                <div class="form-group" *ngIf="googleAutocomplete">\r\n                                  <label class=" BLOCK_COLOR">Google Autocomplete Address</label>\r\n                                  <input [formControl]="booking.room.primaryGuestForm.controls[\'addGoogle\']"\r\n                                    name="google" places-auto-complete\r\n                                    class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                    [(ngModel)]="booking.room.primaryGuest.address.google"\r\n                                    (place_changed)="placeChanged($event, booking.room.primaryGuest.address)"\r\n                                    [types]="[\'geocode\']" />\r\n                                  <div\r\n                                    *ngIf="booking.room.primaryGuestForm.controls[\'addGoogle\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                    class="alert alert-danger">Required\r\n                                    field\r\n                                  </div>\r\n                                </div>\r\n                                <div *ngIf="!googleAutocomplete">\r\n                                  <div class="form-group"\r\n                                    [ngClass]="{\'form-valid\': fieldHasContents(booking.room.primaryGuest.address.addressLine1),\'form-invalid\': !fieldHasContents(booking.room.primaryGuest.address.addressLine1)}">\r\n                                    <label class="required BLOCK_COLOR">Address Line 1</label>\r\n                                    <input [formControl]="booking.room.primaryGuestForm.controls[\'addLine1\']" required\r\n                                      type="text" [(ngModel)]="booking.room.primaryGuest.address.addressLine1"\r\n                                      name="pg_addressLine1" class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                      placeholder="Address Line 1" />\r\n                                    <div\r\n                                      *ngIf="booking.room.primaryGuestForm.controls[\'addLine1\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                      class="alert alert-danger">Required\r\n                                      field\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class="form-group">\r\n                                    <label class=" BLOCK_COLOR">Address Line 2</label>\r\n                                    <input [formControl]="booking.room.primaryGuestForm.controls[\'addLine2\']"\r\n                                      type="text" [(ngModel)]="booking.room.primaryGuest.address.addressLine2"\r\n                                      name="pg_addressLine2" class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                      placeholder="Address Line 2" />\r\n                                  </div>\r\n                                  \x3c!-- <div class="form-group">\r\n                                    <label class=" BLOCK_COLOR">Address Line 3</label>\r\n                                    <input [formControl]="booking.room.primaryGuestForm.controls[\'addLine3\']" type="text"\r\n                                      [(ngModel)]="booking.room.primaryGuest.address.addressLine3" name="pg_addressLine3"\r\n                                      class="input-text full-width INPUT_BG INPUT_COLOR" placeholder="Address Line 3" />\r\n                                  </div> --\x3e\r\n                                  <div class="row">\r\n                                    <div class="form-group col-xs-6"\r\n                                      [ngClass]="{\'form-valid\': fieldHasContents(booking.room.primaryGuest.address.city),\'form-invalid\': !fieldHasContents(booking.room.primaryGuest.address.city)}">\r\n                                      <label class="required BLOCK_COLOR">City</label>\r\n                                      <input [formControl]="booking.room.primaryGuestForm.controls[\'addCity\']" required\r\n                                        type="text" [(ngModel)]="booking.room.primaryGuest.address.city" name="pg_city"\r\n                                        class="input-text full-width INPUT_BG INPUT_COLOR" placeholder="City" />\r\n                                      <div\r\n                                        *ngIf="booking.room.primaryGuestForm.controls[\'addCity\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                        class="alert alert-danger">Required\r\n                                        field\r\n                                      </div>\r\n                                    </div>\r\n                                    <div class="form-group col-xs-6"\r\n                                      [ngClass]="{\'form-valid\': fieldHasContents(booking.room.primaryGuest.address.state),\'form-invalid\': !fieldHasContents(booking.room.primaryGuest.address.state)}">\r\n                                      <label class="required BLOCK_COLOR">State</label>\r\n                                      <input [formControl]="booking.room.primaryGuestForm.controls[\'addState\']" required\r\n                                        type="text" [(ngModel)]="booking.room.primaryGuest.address.state"\r\n                                        name="pg_state" class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                        placeholder="State" />\r\n                                      <div\r\n                                        *ngIf="booking.room.primaryGuestForm.controls[\'addState\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                        class="alert alert-danger">Required\r\n                                        field\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class="row">\r\n                                    <div class="form-group col-xs-6"\r\n                                      [ngClass]="{\'form-valid\': fieldHasContents(booking.room.primaryGuest.address.country),\'form-invalid\': !fieldHasContents(booking.room.primaryGuest.address.country)}">\r\n                                      <label class="required BLOCK_COLOR">Country</label>\r\n                                      <div class="selector">\r\n                                        <select [formControl]="booking.room.primaryGuestForm.controls[\'addCountry\']"\r\n                                          required class="full-width" name="pg_country"\r\n                                          [(ngModel)]="booking.room.primaryGuest.address.country" placeholder="Country">\r\n                                          <option *ngFor="let item of globals.selectItems.countryCodes"\r\n                                            [value]="item.name">{{item.name}}</option>\r\n                                        </select>\r\n                                        <span\r\n                                          class="INPUT_BG INPUT_SELECTOR_BG INPUT_SELECTOR_COLOR custom-select full-width">{{booking.room.primaryGuest.address.country}}</span>\r\n                                      </div>\r\n                                      <div\r\n                                        *ngIf="booking.room.primaryGuestForm.controls[\'addCountry\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                        class="alert alert-danger">Required field\r\n                                      </div>\r\n                                    </div>\r\n                                    <div class="form-group col-xs-6">\r\n                                      <label class="required BLOCK_COLOR">Post Code</label>\r\n                                      <input [formControl]="booking.room.primaryGuestForm.controls[\'addPostCode\']"\r\n                                        type="text" [(ngModel)]="booking.room.primaryGuest.address.postCode"\r\n                                        name="pg_postCode" class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                        placeholder="Post Code" required />\r\n                                      <div\r\n                                        *ngIf="booking.room.primaryGuestForm.controls[\'addPostCode\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                        class="alert alert-danger">Required field\r\n                                      </div>\r\n\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div class="row">\r\n                                  <div class="form-group col-xs-6"\r\n                                    [ngClass]="{\'form-valid\': fieldHasContents(booking.room.primaryGuest.mobile),\'form-invalid\': !fieldHasContents(booking.room.primaryGuest.mobile)}">\r\n                                    <label class=" BLOCK_COLOR">Mobile</label>\r\n                                    <input [formControl]="booking.room.primaryGuestForm.controls[\'mobile\']" type="text"\r\n                                      [(ngModel)]="booking.room.primaryGuest.mobile" name="property_name"\r\n                                      class="input-text full-width INPUT_BG INPUT_COLOR" placeholder="Mobile Number" />\r\n                                    <div\r\n                                      *ngIf="!validPhoneNumber(booking.room.primaryGuest.mobile) && hasAttemptedSubmission"\r\n                                      class="alert alert-danger">Invalid mobile number</div>\r\n                                  </div>\r\n                                  <div class="form-group col-xs-6"\r\n                                    [ngClass]="{\'form-valid\': fieldHasContents(booking.room.primaryGuest.phone),\'form-invalid\': !fieldHasContents(booking.room.primaryGuest.phone)}">\r\n                                    <label class="required BLOCK_COLOR">Phone</label>\r\n                                    <input [formControl]="booking.room.primaryGuestForm.controls[\'phone\']" required\r\n                                      type="text" [(ngModel)]="booking.room.primaryGuest.phone" name="pg_phone"\r\n                                      class="input-text full-width INPUT_BG INPUT_COLOR" placeholder="Phone Number" />\r\n                                    <div\r\n                                      *ngIf="booking.room.primaryGuestForm.controls[\'phone\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                      class="alert alert-danger">Required\r\n                                      field\r\n                                    </div>\r\n                                    <div\r\n                                      *ngIf="!validPhoneNumber(booking.room.primaryGuest.phone) && hasAttemptedSubmission"\r\n                                      class="alert alert-danger">Invalid phone number</div>\r\n                                  </div>\r\n                                </div>\r\n                                <div class="form-group">\r\n                                  <label class="required BLOCK_COLOR">Email</label>\r\n                                  <input [formControl]="booking.room.primaryGuestForm.controls[\'email\']" required\r\n                                    type="text" [(ngModel)]="booking.room.primaryGuest.email" name="property_name"\r\n                                    class="input-text full-width INPUT_BG INPUT_COLOR" placeholder="Email Address" />\r\n                                  <div\r\n                                    *ngIf="(booking.room.primaryGuestForm.controls[\'email\'].hasError(\'required\') || booking.room.primaryGuestForm.controls[\'email\'].hasError(\'email\')) && hasAttemptedSubmission"\r\n                                    class="alert alert-danger">Required field</div>\r\n                                </div>\r\n                              </form>\r\n                              <form>\r\n                                <h4>Arrival and Departure</h4>\r\n                                <div class="row">\r\n                                  <div class="form-group col-xs-6">\r\n                                    <label class="hidden-xs BLOCK_COLOR">Estimated Time of Arrival</label>\r\n                                    <label class="hidden-sm hidden-md hidden-lg BLOCK_COLOR">ETA</label>\r\n                                    <div class="selector">\r\n                                      <select class="full-width" [(ngModel)]="booking.room.estimatedArrivalTime"\r\n                                        name="pg_estimatedArrivalTime" placeholder="Estimated Time of Arrival">\r\n                                        <option *ngFor="let item of globals.selectItems.times">{{item}}</option>\r\n                                      </select>\r\n                                      <span\r\n                                        class="INPUT_BG INPUT_SELECTOR_BG INPUT_SELECTOR_COLOR custom-select full-width">{{booking.room.estimatedArrivalTime}}</span>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class="form-group col-xs-6">\r\n                                    <label class="hidden-xs BLOCK_COLOR">Estimated Time of Departure</label>\r\n                                    <label class="hidden-sm hidden-md hidden-lg BLOCK_COLOR">ETD</label>\r\n                                    <div class="selector">\r\n                                      <select class="full-width" [(ngModel)]="booking.room.estimatedDepartureTime"\r\n                                        name="pg_estimatedDepartureTime" placeholder="Estimated Time of Departure">\r\n                                        <option *ngFor="let item of globals.selectItems.times">{{item}}</option>\r\n                                      </select>\r\n                                      <span\r\n                                        class="INPUT_BG INPUT_SELECTOR_BG INPUT_SELECTOR_COLOR custom-select full-width">{{booking.room.estimatedDepartureTime}}</span>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </form>\r\n                              <form>\r\n                                <h4>Loyalty or Membership</h4>\r\n                                <div class="row">\r\n                                  <div class="form-group col-xs-6">\r\n                                    <label class="BLOCK_COLOR">Program Name</label>\r\n                                    <input type="text" [(ngModel)]="booking.room.loyaltyProram" name="program_name"\r\n                                      class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                      placeholder="Loyalty/Membership Program Name" />\r\n                                  </div>\r\n                                  <div class="form-group col-xs-6">\r\n                                    <label class="BLOCK_COLOR">ID Number</label>\r\n                                    <input type="text" [(ngModel)]="booking.room.loyaltyId" name="id_number"\r\n                                      class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                      placeholder="Loyalty/Membership Id Number" />\r\n                                  </div>\r\n                                </div>\r\n                              </form>\r\n                            </div>\r\n                            <div class="hidden-xs col-sm-6">\r\n                              <div *ngFor="let i of getArr(booking.room.maxCapacityBeforeSurcharge, booking);">\r\n                                <form>\r\n                                  <h4>Guest {{i+2}}\r\n                                    <button class="pull-right btn-primary DANGER_BUTTON_BG DANGER_BUTTON_COLOR"\r\n                                      (click)="removeGuest(booking.room, idx)">Remove\r\n                                      Guest\r\n                                    </button>\r\n                                  </h4>\r\n                                  <div class="nopadding padding-7-right form-group col-xs-3">\r\n                                    <label class=" BLOCK_COLOR">Title</label>\r\n                                    <div class="selector">\r\n                                      <select required class="full-width" name="ag_title"\r\n                                        [(ngModel)]="booking.room.additionalGuests[i].title" placeholder="Title">\r\n                                        <option *ngFor="let item of globals.selectItems.titles">{{item}}</option>\r\n                                      </select>\r\n                                      <span\r\n                                        class="INPUT_BG INPUT_SELECTOR_BG INPUT_SELECTOR_COLOR custom-select full-width">{{booking.room.additionalGuests[i].title}}</span>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class="padding-7-left padding-7-right form-group col-xs-4">\r\n                                    <label class=" BLOCK_COLOR">First Name</label>\r\n                                    <input type="text" [(ngModel)]="booking.room.additionalGuests[i].firstName"\r\n                                      name="pg_first_name" class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                      placeholder="First Name" />\r\n                                  </div>\r\n                                  <div class="padding-7-left no-padding-right form-group col-xs-5">\r\n                                    <label class=" BLOCK_COLOR">Last Name</label>\r\n                                    <input type="text" [(ngModel)]="booking.room.additionalGuests[i].lastName"\r\n                                      name="pg_last_name" class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                      placeholder="Last Name" />\r\n                                  </div>\r\n                                  \x3c!--<div class="form-group">\r\n                                    <label class=" BLOCK_COLOR">Mobile</label>\r\n                                    <input type="text" [(ngModel)]="booking.room.additionalGuests[i].mobile" name="property_name"\r\n                                      class="input-text full-width INPUT_BG INPUT_COLOR" placeholder="Mobile Number" />\r\n                                  </div>--\x3e\r\n                                </form>\r\n                              </div>\r\n                              <div *ngIf="booking.room.maxCapacity>booking.room.guestCount || !booking.room.guestCount">\r\n                                <button (click)="addGuest(booking)"\r\n                                  class="full-width btn-primary addguest PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR">Add\r\n                                  Guest\r\n                                  <span *ngIf="globals.getSurcharge(booking)">(surcharge:\r\n                                    {{globals.siteCurrency.symbol_native}}{{(globals.getSurcharge(booking) * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}})</span>\r\n                                </button>\r\n                              </div>\r\n                            </div>\r\n                            <div class="col-xs-12">\r\n                              <form>\r\n                                <div class="form-group">\r\n                                  <h4>Additional Requests</h4>\r\n                                  <label class=" BLOCK_COLOR">(your request will be forwarded to the hotel but can not\r\n                                    be guaranteed)</label>\r\n                                  <textarea class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                    placeholder="Additional requests" [(ngModel)]="booking.room.specialRequest"\r\n                                    name="special_request"></textarea>\r\n                                </div>\r\n                              </form>\r\n                            </div>\r\n                            <div class="hidden-sm hidden-md hidden-lg col-xs-12">\r\n                              <div *ngFor="let i of getArr(booking.room.maxCapacityBeforeSurcharge, booking);">\r\n                                <form>\r\n                                  <h4>Guest {{i+2}}\r\n                                    <button class="pull-right btn-primary DANGER_BUTTON_BG DANGER_BUTTON_COLOR"\r\n                                      (click)="removeGuest(booking.room, idx)">Remove\r\n                                      Guest\r\n                                    </button>\r\n                                  </h4>\r\n                                  <div class="nopadding padding-7-right form-group col-xs-3">\r\n                                    <label class=" BLOCK_COLOR">Title</label>\r\n                                    <div class="selector">\r\n                                      <select required class="full-width" name="ag_title"\r\n                                        [(ngModel)]="booking.room.additionalGuests[i].title" placeholder="Title">\r\n                                        <option *ngFor="let item of globals.selectItems.titles">{{item}}</option>\r\n                                      </select>\r\n                                      <span\r\n                                        class="INPUT_BG INPUT_SELECTOR_BG INPUT_SELECTOR_COLOR custom-select full-width">{{booking.room.additionalGuests[i].title}}</span>\r\n                                    </div>\r\n                                  </div>\r\n                                  <div class="padding-7-left padding-7-right form-group col-xs-4">\r\n                                    <label class=" BLOCK_COLOR">First Name</label>\r\n                                    <input type="text" [(ngModel)]="booking.room.additionalGuests[i].firstName"\r\n                                      name="pg_first_name" class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                      placeholder="First Name" />\r\n                                  </div>\r\n                                  <div class="padding-7-left no-padding-right form-group col-xs-5">\r\n                                    <label class=" BLOCK_COLOR">Last Name</label>\r\n                                    <input type="text" [(ngModel)]="booking.room.additionalGuests[i].lastName"\r\n                                      name="pg_last_name" class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                                      placeholder="Last Name" />\r\n                                  </div>\r\n                                  \x3c!--<div class="form-group">\r\n                                    <label class=" BLOCK_COLOR">Mobile</label>\r\n                                    <input type="text" [(ngModel)]="booking.room.additionalGuests[i].mobile" name="property_name"\r\n                                      class="input-text full-width INPUT_BG INPUT_COLOR" placeholder="Mobile Number" />\r\n                                  </div>--\x3e\r\n                                </form>\r\n                              </div>\r\n                              <div *ngIf="booking.room.maxCapacity>booking.room.guestCount || !booking.room.guestCount">\r\n                                <button (click)="addGuest(booking)"\r\n                                  class="full-width btn-primary addguest PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR">Add\r\n                                  Guest\r\n                                  <span *ngIf="globals.getSurcharge(booking)">(surcharge:\r\n                                    {{globals.siteCurrency.symbol_native}}{{(globals.getSurcharge(booking) * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}})</span>\r\n                                </button>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class="toggle-container BLOCK_BG BLOCK_COLOR FORM_INCOMPLETE_COLOR FORM_COMPLETE_COLOR"\r\n                    [ngClass]="{\'complete\': !ccFormInvalid(ccForm), \'incomplete\': !!ccFormInvalid(ccForm)}">\r\n                    <form [formGroup]="ccForm" class="padding-15">\r\n                      <h2>\r\n                        <span *ngIf="!!ccFormInvalid(ccForm)">\r\n                          <i class="fa fa-check-circle text-neutral formcheck FORM_INCOMPLETE_TICK_COLOR"></i>\r\n                        </span>\r\n                        <span *ngIf="!ccFormInvalid(ccForm)">\r\n                          <i class="fa fa-check-circle text-primary formcheck FORM_COMPLETE_TICK_COLOR"></i>\r\n                        </span>Card Information</h2>\r\n                      <div class="form-group row">\r\n                        <div class="col-sm-6 col-md-5"\r\n                          [ngClass]="{\'form-valid\': fieldHasContents(globals.booking.creditCard.cardType),\'form-invalid\': !fieldHasContents(globals.booking.creditCard.cardType)}">\r\n                          <label class=" BLOCK_COLOR">Credit Card Type</label>\r\n                          <div class="selector">\r\n                            <select [formControl]="ccForm.controls[\'type\']" required class="full-width" name="cardType"\r\n                              [(ngModel)]="globals.booking.creditCard.cardType">\r\n                              <option>Visa</option>\r\n                              <option>MasterCard</option>\r\n                              <option>American Express</option>\r\n                            </select>\r\n                            <span\r\n                              class="INPUT_BG INPUT_SELECTOR_BG INPUT_SELECTOR_COLOR custom-select full-width">{{globals.booking.creditCard.cardType}}</span>\r\n                            <div *ngIf="ccForm.controls[\'type\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                              class="alert alert-danger">Required\r\n                              field\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div class="col-sm-6 col-md-5"\r\n                          [ngClass]="{\'form-valid\': fieldHasContents(globals.booking.creditCard.cardholderName),\'form-invalid\': !fieldHasContents(globals.booking.creditCard.cardholderName)}">\r\n                          <label class=" BLOCK_COLOR">Card holder name</label>\r\n                          <input [formControl]="ccForm.controls[\'name\']" required type="text"\r\n                            class="cardholder-field input-text full-width INPUT_BG INPUT_COLOR" name="cardholderName"\r\n                            value="" placeholder="" [(ngModel)]="globals.booking.creditCard.cardholderName">\r\n                          <div *ngIf="ccForm.controls[\'name\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                            class="alert alert-danger">Required\r\n                            field\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div class="form-group row">\r\n                        <div class="col-sm-6 col-md-5"\r\n                          [ngClass]="{\'form-valid\': fieldHasContents(globals.booking.creditCard.cardNumber),\'form-invalid\': !fieldHasContents(globals.booking.creditCard.cardNumber)}">\r\n                          <label class=" BLOCK_COLOR">Card number</label>\r\n                          <input [formControl]="ccForm.controls[\'number\']" required type="number" min="0"\r\n                            max="9999999999999999999" class="input-text full-width INPUT_BG INPUT_COLOR"\r\n                            name="cardNumber" value="" placeholder=""\r\n                            [(ngModel)]="globals.booking.creditCard.cardNumber">\r\n                          <div *ngIf="ccForm.controls[\'number\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                            class="alert alert-danger">Required\r\n                            field\r\n                          </div>\r\n                        </div>\r\n                        <div class="col-sm-6 col-md-5"\r\n                          [ngClass]="{\'form-valid\': fieldHasContents(globals.booking.creditCard.cardIdNumber),\'form-invalid\': !fieldHasContents(globals.booking.creditCard.cardIdNumber)}">\r\n                          <label class=" BLOCK_COLOR">Card identification number</label>\r\n                          <input [formControl]="ccForm.controls[\'idNumber\']" required type="text"\r\n                            class="input-text full-width INPUT_BG INPUT_COLOR" name="cardIdNumber" value=""\r\n                            placeholder="" [(ngModel)]="globals.booking.creditCard.cardIdNumber">\r\n                          <div *ngIf="ccForm.controls[\'idNumber\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                            class="alert alert-danger">Required\r\n                            field\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div class="form-group row">\r\n                        <div class="col-sm-6 col-md-5">\r\n                          <label class=" BLOCK_COLOR">Expiration Date</label>\r\n                          <div class="row">\r\n                            <div class="col-xs-6">\r\n                              <div class="selector padding-0-left"\r\n                                [ngClass]="{\'form-valid\': fieldHasContents(globals.booking.creditCard.expiryMonth),\'form-invalid\': !fieldHasContents(globals.booking.creditCard.expiryMonth)}">\r\n                                <select [formControl]="ccForm.controls[\'expiryMonth\']" required class="full-width"\r\n                                  name="expiryMonth" [(ngModel)]="globals.booking.creditCard.expiryMonth">\r\n                                  <option *ngFor="let month of globals.creditCardMonths">{{month}}</option>\r\n                                </select>\r\n                                <span\r\n                                  class="INPUT_BG INPUT_SELECTOR_BG INPUT_SELECTOR_COLOR input-text full-width custom-select full-width">{{globals.booking.creditCard.expiryMonth}}</span>\r\n                                <div\r\n                                  *ngIf="ccForm.controls[\'expiryMonth\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                  class="alert alert-danger">Required\r\n                                  field\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                            <div class="col-xs-6">\r\n                              <div class="selector padding-0-right"\r\n                                [ngClass]="{\'form-valid\': fieldHasContents(globals.booking.creditCard.expiryYear),\'form-invalid\': !fieldHasContents(globals.booking.creditCard.expiryYear)}">\r\n                                <select [formControl]="ccForm.controls[\'expiryYear\']" required class="full-width"\r\n                                  name="expiryYear" [(ngModel)]="globals.booking.creditCard.expiryYear">\r\n                                  <option *ngFor="let year of globals.creditCardYears">{{year}}</option>\r\n                                </select>\r\n                                <span\r\n                                  class="INPUT_BG INPUT_SELECTOR_BG INPUT_SELECTOR_COLOR input-text full-width custom-select full-width">{{globals.booking.creditCard.expiryYear}}</span>\r\n                                <div\r\n                                  *ngIf="ccForm.controls[\'expiryYear\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                  class="alert alert-danger">Required\r\n                                  field\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </form>\r\n                  </div>\r\n                  <div class="tnc-card toggle-container padding-15 margin-15-top  BLOCK_BG BLOCK_COLOR">\r\n                    <div class="row" *ngFor="let booking of globals.booking.roomReserves">\r\n                      <div class="col-xs-8" style="text-transform: capitalize;">{{booking.room.name.toLowerCase()}}:\r\n                      </div>\r\n                      <div class="col-xs-4">\r\n                        <span\r\n                          class="price text-primary TOTAL_PRICE_COLOR">{{globals.siteCurrency.symbol_native}}{{ (globals.calcRoomPrice(booking.room.rate) * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                          <span *ngIf="globals.getSurcharges(booking.room)">(inc.\r\n                            {{globals.siteCurrency.symbol_native}}{{ (globals.getSurcharges(booking.room) * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                            surcharge)\r\n                          </span>\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n                    <div class="totalCost">\r\n                      <hr class="no-margin BLOCK_DIVIDER_COLOR" />\r\n                      <h3>Total:\r\n                        <span\r\n                          class="price text-primary TOTAL_PRICE_COLOR">{{globals.siteCurrency.symbol_native}}{{ (globals.calcTotalPrice() * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}</span>\r\n                      </h3>\r\n                    </div>\r\n                    <hr style="margin-bottom: 5px;" class="BLOCK_DIVIDER_COLOR" />\r\n                    <div style="display: flex;">\r\n                      <div class="form-check" style="width: 100%;">\r\n                        <form [formGroup]="tncForm" class="tncForm">\r\n                          <label class="form-check-label BLOCK_COLOR" for="termsCheck"\r\n                            style="width: calc(100% - 50px);">\r\n                          </label>\r\n                          <div class="checkbox CHECKBOX_COLOR CHECKBOX_TICK_COLOR"\r\n                            [ngClass]="{\'checked form-valid\': globals.acceptTerms,\'form-invalid\': !globals.acceptTerms}">\r\n                            <label>\r\n                              <input class="INPUT_BG INPUT_COLOR" [formControl]="tncForm.controls[\'checkbox\']"\r\n                                style="opacity: 0" type="checkbox" [(ngModel)]="globals.acceptTerms" name="termsCheck"\r\n                                value="0">\r\n                              <span style="">I have read and understood the\r\n                                <a data-toggle="modal" data-target="#termsModal" class="LINK_COLOR" style="color: #7ab3fb;">terms and\r\n                                  conditions</a>\r\n                                and\r\n                                <a data-toggle="modal" data-target="#cancellationModal" class="LINK_COLOR" style="color: #7ab3fb;">cancellation\r\n                                  policies\r\n                                </a>\r\n                              </span>\r\n                              <div *ngIf="tncForm.controls[\'checkbox\'].hasError(\'required\') && hasAttemptedSubmission"\r\n                                class="alert alert-danger">Required\r\n                                field\r\n                              </div>\r\n                            </label>\r\n                          </div>\r\n                        </form>\r\n                      </div>\r\n                    </div>\r\n                    <hr class="no-mrgin BLOCK_DIVIDER_COLOR" />\r\n                    <div class="button-row margin-15-top" style="text-align: right;">\r\n                      <button *ngIf="accommodationOnly" class="btn-primary PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR"\r\n                        (click)="globals.switchPage(\'search\')"\r\n                        [disabled]="!globals.acceptTerms || globals.hotelsLoading">Add\r\n                        Another Room</button>\r\n                      <button class="btn-primary PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR" (click)="finishReservation()"\r\n                        [disabled]="!globals.acceptTerms || globals.hotelsLoading">Reserve Now</button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class="col-xs-12 col-sm-4 col-md-3">\r\n                  <div class="hidden-xs col-sm-12 toggle-container padding-15 BLOCK_BG BLOCK_COLOR">\r\n                    <h4>Booking Details</h4>\r\n                    <div *ngFor="let booking of globals.booking.roomReserves; let i = index;">\r\n                      <div class="row">\r\n                        <div class="col-xs-5">\r\n                          <img\r\n                            src="{{booking.property.photo ? (booking.property.photo.path ? booking.property.photo.path : \'https://obe-admin-test.ozaccom.com.au/obe/images/no_image.jpg\') : \'https://obe-admin-test.ozaccom.com.au/obe/images/no_image.jpg\'}}"\r\n                            style="width: 100%;"\r\n                            alt="{{booking.property.photo ? (booking.property.photo.description ? booking.property.photo.description : \'\') : \'\'}}">\r\n                        </div>\r\n                        <div class="col-xs-7 no-padding-left">\r\n                          <strong>{{booking.property.name}}</strong>\r\n                          <br /> {{booking.room.name}}\r\n                        </div>\r\n                      </div>\r\n                      <div class="row">\r\n                        <div class="col-xs-12">\r\n                          <div class="row">\r\n                            <div class="col-xs-4" style="text-align: right; padding-right: 0; padding-top: 1em;">\r\n                              <span class="SECONDARY_COLOR"><a data-toggle="modal" data-target="#changeFilterModal" class="LINK_COLOR" (click)="deleteRoom(i)">Check-in</a></span>\r\n                              <br /> {{globals.formatSummaryDate(booking.room.rate.plan[0].date, \'in\')}}\r\n                            </div>\r\n                            <div class="col-xs-4" style="text-align: center;">\r\n                              <i class="soap-icon-clock TERTIARY_COLOR" style="font-size: 24px"></i>\r\n                              <br /> {{booking.room.rate.plan.length}} Night<span\r\n                                *ngIf="booking.room.rate.plan.length > 1">s</span>\r\n                            </div>\r\n                            <div class="col-xs-4" style="text-align: left; padding-left: 0; padding-top: 1em;">\r\n                              <span class="SECONDARY_COLOR"><a data-toggle="modal" data-target="#changeFilterModal" class="LINK_COLOR" (click)="deleteRoom(i)">Check-out</a></span>\r\n                              <br />\r\n                              {{globals.formatSummaryDate(booking.room.rate.plan[booking.room.rate.plan.length-1].date, \'out\')}}\r\n                            </div>\r\n                          </div>\r\n                          <div class="row">\r\n                            <div class="col-xs-6">\r\n                              <p class="TOTAL_PRICE_COLOR small" style="margin:0">\r\n                                <strong>{{globals.siteCurrency.symbol_native}}{{ (booking.room.rate.totalCost * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                  <span *ngIf="globals.getSurcharges(booking.room)">(inc.\r\n                                    {{globals.siteCurrency.symbol_native}}{{ (globals.getSurcharges(booking.room) * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                                    surcharge)\r\n                                  </span>\r\n                                </strong>\r\n                              </p>\r\n                              <div class="change-date" style="text-decoration: underline;"><a data-toggle="modal" data-target="#changeFilterModal" class="LINK_COLOR" (click)="deleteRoom(i)">Change Dates</a></div>\r\n                            </div>\r\n                            <div class="col-xs-6">\r\n                              <button class="pull-right btn btn-xs text-center expand-button" data-toggle="modal"\r\n                                style="height: 25px; margin-top:5px; line-height: 20px;" data-target="#deleteRoomModal"\r\n                                (click)="deleteRoom(i)">Remove Room </button>\r\n                            </div>\r\n                          </div>\r\n                          <p>\r\n                            <span style="font-style: italic;"\r\n                              *ngIf="booking.room.primaryGuest.firstName && booking.room.primaryGuest.lastName">{{booking.room.primaryGuest.firstName}}\r\n                              {{booking.room.primaryGuest.lastName}}\r\n                            </span>\r\n                            <span style="font-style: italic;" *ngFor="let guest of booking.room.additionalGuests">\r\n                              <span *ngIf="guest.firstName && guest.lastName">, {{guest.firstName}}\r\n                                {{guest.lastName}}</span>\r\n                            </span>\r\n                          </p>\r\n                        </div>\r\n                      </div>\r\n                      <div class="row" *ngIf="globals.appType != \'venue\' || booking.property.reservationsPhone">\r\n                        <div class="col-xs-12">\r\n                          <strong>Need Help?</strong>\r\n                          <br />\r\n                          Reservations:\r\n                          <br />\r\n                          <i class="soap-icon-phone contact-icon SECONDARY_COLOR"></i>\r\n                          {{globals.appType != \'venue\' ? \'+61 7 3854 1611\' : booking.property.reservationsPhone}}\r\n                        </div>\r\n                      </div>\r\n                      <hr style="margin: 10px 0;" class="BLOCK_DIVIDER_COLOR">\r\n                    </div>\r\n                    <div *ngIf="accommodationOnly">\r\n                      <button class="btn-primary full-width PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR"\r\n                        (click)="globals.switchPage(\'search\')">Add\r\n                        Another Room</button>\r\n                      <hr class="no-margin BLOCK_DIVIDER_COLOR">\r\n                    </div>\r\n                    <div style="font-size: 24px; text-align: right;">\r\n                      <p class="no-margin-bottom">Total Cost:</p>\r\n                      <p class="total-cost large TOTAL_PRICE_COLOR">\r\n                        {{globals.siteCurrency.symbol_native}}{{ (globals.calcTotalPrice() * globals.siteCurrency.exchange_rate) | number : \'1.2-2\'}}\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                  \x3c!--<div class="col-xs-12 toggle-container padding-15 margin-15-top BLOCK_BG BLOCK_COLOR">\r\n                    <h4>Need Ozaccom+ Help?</h4>\r\n                    <p>We would be more than happy to help you.</p>\r\n                    <p>\r\n                      <span class="contact-phone contact-line">\r\n                        <i class="soap-icon-phone contact-icon SECONDARY_COLOR"></i>\r\n                        <a href="tel:0738541611" class="LINK_COLOR"> (07) 3854 1611</a>\r\n                      </span>\r\n                      <br />\r\n                      <span class="contact-email contact-line">\r\n                        <i class="soap-icon-letter contact-icon SECONDARY_COLOR"></i>\r\n                        <a href="mailto:ozaccom@ozaccom.com.au" class="LINK_COLOR"> ozaccom@ozaccom.com.au</a>\r\n                      </span>\r\n                    </p>\r\n                    <h4>Office Hours:</h4>\r\n                    <p class="office-hours BLOCK_COLOR">7:30AM - 6:00PM AEST, Monday - Friday.</p>\r\n                  </div>--\x3e\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n\r\n        <section id="complete-page" *ngIf="globals.activePage == \'complete\'">\r\n          <div class="col-xs-12">\r\n            <div class="sort-by-section clearfix" style="padding: 40px; text-align: left;">\r\n              <h2>Thank you for booking accommodation with Ozaccom+. Please check your email for the full details of\r\n                your booking...</h2>\r\n              <br />\r\n              <div\r\n                [innerHTML]="globals.eventInfo && globals.eventInfo.welcomeMessage ? (globals.eventInfo.welcomeMessage | noSanitizePipe) : \'\'">\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n\r\n        <section id="no-event-page" *ngIf="globals.activePage == \'no-event\'">\r\n          <div class="col-xs-12">\r\n            <div class="sort-by-section clearfix" style="padding: 40px; text-align: left;">\r\n              <h2>There are no event information that match your URL.</h2>\r\n            </div>\r\n          </div>\r\n        </section>\r\n\r\n        <div *ngIf="globals.appType == \'venue\'" class="col-xs-12 text-center hidden">\r\n          <hr style="border-top:2px solid #ddd;" />\r\n          <img src="../assets/img/Asset_2_3x.png" style="height: 50px;" />\r\n          <div style="margin-top: 5px;">Copyright 2019 - Ozaccom Pty Ltd</div>\r\n        </div>\r\n      </section>\r\n      \x3c!-- END OF CONTENT SECTION --\x3e\r\n\r\n    </div>\r\n\r\n\r\n    <div class="hidden-xs hidden-sm hidden-md col-lg-1"></div>\r\n\r\n    <div id="hotelModal" class="modal fade" role="dialog">\r\n      <div class="modal-dialog" *ngIf="selectedHotel">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <button type="button" class="close TAB_CLOSE_BG TAB_CLOSE_COLOR" data-dismiss="modal">&times;</button>\r\n            <h4 class="modal-title">{{selectedHotel.property.name}}</h4>\r\n          </div>\r\n          <div class="modal-body">\r\n            Hello\r\n          </div>\r\n          <div class="modal-footer">\r\n            <button type="button" class="btn " data-dismiss="modal">Close</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div id="cancellationModal" class="modal fade" role="dialog">\r\n      <div class="modal-dialog">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h4 class="modal-title">Cancellation</h4>\r\n          </div>\r\n          <div class="modal-body" *ngIf="selectedHotel && selectedRoom">\r\n            <p>{{selectedRoom.policies}}</p>\r\n          </div>\r\n          <div class="modal-body" *ngIf="!selectedHotel || !selectedRoom">\r\n            <p *ngFor="let booking of globals.booking.roomReserves; let i = index;">\r\n              <strong>Room {{i+1}} ({{booking.room.name}}):</strong> {{booking.room.policies}}\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div id="termsModal" class="modal fade" role="dialog">\r\n      <div class="modal-dialog">\r\n        <div class="modal-content">\r\n          <div class="modal-header">\r\n            <button type="button" class="close" data-dismiss="modal">&times;</button>\r\n            <h4 class="modal-title">Terms and Conditions</h4>\r\n          </div>\r\n          <div *ngIf="globals.appType != \'venue\'" class="modal-body">\r\n            <p>\r\n              <span style="font-size: 12pt;">\r\n                <strong>Accommodation Terms and Conditions:</strong>\r\n              </span>\r\n            </p>\r\n            <p>\r\n              <em>\r\n                <strong>If booking an Accommodation Event Rate:</strong>\r\n              </em>\r\n              <br>All accommodation rates are listed in your destination currency and are valid only if booked through\r\n              Ozaccom+.\r\n              Rates include GST and are quoted on a per room per night basis. Rates and all information are subject to\r\n              change\r\n              without prior notification.&nbsp;\r\n              <strong>Please note:</strong> To secure and confirm your accommodation, credit card details are required\r\n              as\r\n              a guarantee. These details will be passed on to the hotel and it is at the hotel\'s discretion as to\r\n              whether\r\n              a deposit will be charged prior to arrival. An imprint will be required upon check in and your full\r\n              account\r\n              is to be settled with the hotel on departure.\r\n              <strong>Note:</strong> No monies will be debited from your credit card by Ozaccom+ for accommodation.\r\n              Accommodation\r\n              Tax Invoices will be issued by your chosen hotel.</p>\r\n            <p>\r\n              <strong>Accommodation cancellation policy:&nbsp;</strong>Please refer to the cancellation policy by clicking on the "cancellation policy" link at the bottom of this page.</p>\r\n            <p>\r\n              <em>\r\n                <strong>If booking an Alternative Rate:</strong>\r\n              </em>\r\n            </p>\r\n            <p>All terms and conditions become subject to the chosen venue and selected rate.</p>\r\n            <p>\r\n              <strong>Accommodation cancellation policy:&nbsp;</strong>All amendments and cancellations must be made\r\n              directly\r\n              with your chosen venue.</p>\r\n            <p>\r\n              <strong>For enquiries, please contact Ozaccom+</strong>\r\n            </p>\r\n            <p>Tel: 1800 814 611 / 07 3854 1611</p>\r\n            <p>Fax: 07 3854 1507</p>\r\n            <p>Email:\r\n              <a href="mailto:ozaccom@ozaccom.com.au">ozaccom@ozaccom.com.au</a>\r\n            </p>\r\n          </div>\r\n          <div *ngIf="globals.appType == \'venue\'" class="modal-body">\r\n            <p>\r\n              <strong>Accommodation terms and conditions:</strong>\r\n              <br>All accommodation rates are listed in the destination currency and include taxes as per the destinations regulatory guidelines. Rates are based on a maximum of 2 guests per room and are quoted on a per room per night basis. Rates and all information are subject to change without prior notification.\r\n\r\n              <br><br>\r\n\r\n              <strong>Please note: </strong>To secure and confirm your accommodation, credit card details are required. A deposit or prepayment is subject to the selected room rate terms as advised during the booking process. It is at the hotel\'s discretion as to whether the credit card is charged prior to arrival. Accommodation Tax Invoices will be issued by your chosen hotel.\r\n\r\n              <br><br>\r\n\r\n              <strong>Accommodation cancellation policy: </strong>\r\n              <br>Please refer to the cancellation policy by clicking on the "cancellation policy" link at the bottom of this page. <strong>All cancellations must be made in writing directly with the hotel confirmed</strong>, contact details are as advised on the booking confirmation email notification.\r\n              <br>All queries are to be made directly with the hotel with the contact details listed under booking details.\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div id="generalModal" class="modal fade" role="dialog">\r\n      <div class="modal-dialog  modal-sm" style="min-width: 30%;">\r\n        <div class="modal-content BLOCK_BG BLOCK_COLOR">\r\n          <div class="modal-header BLOCK_BG BLOCK_COLOR">\r\n            <button type="button" class="close DANGER_BUTTON_BG DANGER_BUTTON_COLOR" data-dismiss="modal"\r\n              (click)="modalAction(0)">&times;</button>\r\n            <h4 class="modal-title">{{ modalTitle }}</h4>\r\n          </div>\r\n          <div class="modal-body BLOCK_BG BLOCK_COLOR">\r\n            {{ modalMessage }}\r\n          </div>\r\n          <div class="modal-footer BLOCK_BG BLOCK_COLOR">\r\n            <button type="button" class="btn-primary PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR" data-dismiss="modal"\r\n              (click)="modalAction(0)">Close</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div id="deleteRoomModal" class="modal fade" role="dialog">\r\n      <div class="modal-dialog  modal-sm" style="min-width: 30%;">\r\n        <div class="modal-content BLOCK_BG BLOCK_COLOR">\r\n          <div class="modal-header BLOCK_BG BLOCK_COLOR">\r\n            <button type="button" class="close DANGER_BUTTON_BG DANGER_BUTTON_COLOR" data-dismiss="modal"\r\n              (click)="modalAction(0)">&times;</button>\r\n            <h4 class="modal-title">Delete Room</h4>\r\n          </div>\r\n          <div class="modal-body BLOCK_BG BLOCK_COLOR">\r\n            Are you sure you want to delete\r\n            <strong>{{ deleteRoomDetails }}</strong>?\r\n          </div>\r\n          <div class="modal-footer BLOCK_BG BLOCK_COLOR">\r\n            <button type="button" class="btn-primary PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR" data-dismiss="modal"\r\n              (click)="modalAction(0)">Cancel</button>\r\n            <button type="button" class="btn-danger button-delete DANGER_BUTTON_BG DANGER_BUTTON_COLOR"\r\n              data-dismiss="modal" (click)="modalAction(1)">Delete</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div id="howToBookModal" class="modal fade" role="dialog">\r\n      <div class="modal-dialog  modal-lg" style="min-width: 40%;">\r\n        <div class="modal-content BLOCK_BG BLOCK_COLOR">\r\n\r\n          <button type="button" class="close DANGER_BUTTON_BG DANGER_BUTTON_COLOR" data-dismiss="modal"\r\n            style="margin-top: 10px; margin-right: 10px;" (click)="modalAction(0)">&times;</button>\r\n\r\n          <div class="modal-body BLOCK_BG BLOCK_COLOR">\r\n            <table class="modal-wrapper" border="0" style="font-size:12px;">\r\n              <tbody>\r\n                \x3c!--<tr>\r\n                  <td colspan="2" style="text-align: center;">\r\n                    <span style="color: #006cac;font-size:14px;"><strong>Making your booking via this world leading booking process is as easy as 1, 2, 3.</strong></span>\r\n                    <p style="margin-bottom: 0; line-height: 15px;">&nbsp;</p>\r\n                  </td>\r\n                </tr>--\x3e\r\n                <tr>\r\n                  <td style="width: 5%; vertical-align: top; padding-right: 10px;" align="center"><span\r\n                      class="step">1</span></td>\r\n                  <td style="width: 95%;">\r\n                    <p><strong>Select both your check in and check out dates and number of occupants. Please press the\r\n                        SEARCH AGAIN BUTTON</strong><br />Per-room rates are based on one to two occupants. Three or\r\n                      more people per room may incur additional fees.</p>\r\n\r\n                  </td>\r\n                </tr>\r\n                <tr>\r\n                  <td style="vertical-align: top; padding-right: 10px;">\r\n                    <div align="center"><span class="step">2</span></div>\r\n                  </td>\r\n                  <td>\r\n                    <p><strong>\u2018Click Show All Rates & Book\u2019 to display available room rates.</strong><br />All these\r\n                      rate and available room categories will display, each of which has their own booking terms and\r\n                      conditions including room cancellation policies. <br /> Note: A selected room type will show \u2018N/A\u2019\r\n                      for your dates if a hotel has limited or no availability for just one night of your intended stay.\r\n                    </p>\r\n\r\n                  </td>\r\n                </tr>\r\n                <tr>\r\n                  <td style="vertical-align: top; padding-right: 10px;">\r\n                    <div align="center"><span class="step">3</span></div>\r\n                  </td>\r\n                  <td style="vertical-align: middle;">\r\n                    <p><strong>Click \u2018Book\u2019 to continue the booking process. </strong><br />Once your preferred room\r\n                      shows as available, click \u2018Book\u2019. This room will not be reserved for you until you have finalised\r\n                      the booking and payment process.</p>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div id="howToBookMultipleModal" class="modal fade" role="dialog">\r\n      <div class="modal-dialog  modal-lg" style="min-width: 40%;">\r\n        <div class="modal-content BLOCK_BG BLOCK_COLOR">\r\n\r\n          <button type="button" class="close DANGER_BUTTON_BG DANGER_BUTTON_COLOR" data-dismiss="modal"\r\n            style="margin-top: 10px; margin-right: 10px;" (click)="modalAction(0)">&times;</button>\r\n\r\n          <div class="modal-body BLOCK_BG BLOCK_COLOR">\r\n            <table class="modal-wrapper" border="0" style="font-size:12px;">\r\n              <tbody>\r\n                <tr>\r\n                  <td colspan="2" style="text-align: center;">\r\n                    <p style="line-height: 15px;" style="color: #006cac;font-size:14px;"><strong>To reserve more than\r\n                        one room:</strong></p>\r\n                  </td>\r\n                </tr>\r\n                <tr>\r\n                  <td style="width: 5%; vertical-align: top; padding-right: 10px;margin-bottom:15px;" align="center">\r\n                    <span class="step" style="margin-bottom:15px;">1</span></td>\r\n                  <td style="width: 95%;">\r\n                    <p style="margin-bottom:10px;">Select your dates of stay and number of occupants for the first room\r\n                      only.</p>\r\n                  </td>\r\n                </tr>\r\n                <tr>\r\n                  <td style="vertical-align: top; padding-right: 10px;">\r\n                    <div align="center"><span class="step" style="margin-bottom:15px;">2</span></div>\r\n                  </td>\r\n                  <td>\r\n                    <p style="margin-bottom:10px;">Click "Show All Rates & Book" for the hotel you wish to book, then\r\n                      select the \u2018Book\u2019 button..</p>\r\n                  </td>\r\n                </tr>\r\n                <tr>\r\n                  <td style="vertical-align: top; padding-right: 10px;">\r\n                    <div align="center"><span class="step" style="margin-bottom:15px;">3</span></div>\r\n                  </td>\r\n                  <td style="vertical-align: middle;">\r\n                    <p style="margin-bottom:10px;">To add another room to the booking, click the \u201cAdd Another Room\u201d\r\n                      button to the top right of the booking details panel.</p>\r\n                  </td>\r\n                </tr>\r\n                <tr>\r\n                  <td style="vertical-align: top; padding-right: 10px;">\r\n                    <div align="center"><span class="step" style="margin-bottom:15px;">4</span></div>\r\n                  </td>\r\n                  <td>\r\n                    <p style="margin-bottom:10px;">This screen will display the full range of accommodation options for\r\n                      your additional room.</p>\r\n                  </td>\r\n                </tr>\r\n                <tr>\r\n                  <td style="vertical-align: top; padding-right: 10px;">\r\n                    <div align="center"><span class="step" style="margin-bottom:15px;">5</span></div>\r\n                  </td>\r\n                  <td>\r\n                    <p style="margin-bottom:10px;">Once you have added all rooms, enter the individual guest details for\r\n                      each selected room.</p>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div id="changeFilterModal" class="modal fade" role="dialog">\r\n      <div class="modal-dialog modal-sm" style="min-width: 30%;">\r\n        <div class="modal-content BLOCK_BG BLOCK_COLOR">\r\n          <div class="modal-header BLOCK_BG BLOCK_COLOR">\r\n            <button #closeModal type="button" class="close DANGER_BUTTON_BG DANGER_BUTTON_COLOR" data-dismiss="modal">&times;</button>\r\n            <h4 class="modal-title">Change Dates or Guest/s</h4>\r\n          </div>\r\n          <div class="modal-body BLOCK_BG BLOCK_COLOR">\r\n            <div class="col-sm-12 col-md-12 col-lg-12">\r\n              <label class=" BLOCK_COLOR">Check in and Check out</label>\r\n              <div class="input-group">\r\n                <input type="text" class="col-xs-6 input-text date-range full-width INPUT_BG INPUT_COLOR"\r\n                  id="daterangeModalSelectorCheckIn" name="daterangeModalSelectorCheckIn" ngxDaterangepickerMd [(ngModel)]="dateRangeCheckIn"\r\n                  [locale]="{applyLabel: \'Ok\', format: \'DD MMM YYYY\', separator: \' - \'}" [autoApply]="true"\r\n                  [minDate]="globals.minStartDate" [maxDate]="globals.maxEndDate"\r\n                  [singleDatePicker]="true" (change)="changeDate($event, \'checkin\', true)" autocomplete="off" />\r\n                <label style="font-size: 18pt; background-color: #5a9acd; color: #fff; padding: 0 5px; margin-bottom: 0; margin-right: 10px;" for="daterangeModalSelectorCheckIn" class="soap-icon-calendar"></label>\r\n\r\n                <input type="text" class="col-xs-6 input-text date-range full-width INPUT_BG INPUT_COLOR" \r\n                  id="daterangeModalSelector" name="daterangeModalSelector" ngxDaterangepickerMd [(ngModel)]="dateRangeCheckOut"\r\n                  [locale]="{applyLabel: \'Ok\', format: \'DD MMM YYYY\', separator: \' - \'}" [autoApply]="true"\r\n                  [minDate]="globals.minStartDate" [maxDate]="globals.maxEndDate"\r\n                  [singleDatePicker]="true" (change)="changeDate($event, \'checkout\', true)" autocomplete="off" />\r\n                <label style="font-size: 18pt; background-color: #5a9acd; color: #fff; padding: 0 5px; margin-bottom: 0" for="daterangeModalSelector" class="soap-icon-calendar"></label>\r\n                \x3c!--<input type="text" class="col-xs-12 input-text date-range full-width INPUT_BG INPUT_COLOR"\r\n                  id="daterangeSelector2" name="daterangeSelector2" ngxDaterangepickerMd [(ngModel)]="dateRange"\r\n                  [locale]="{applyLabel: \'Ok\', format: \'DD MMM YYYY\', separator: \' - \', id: \'daterangeSelector2\'}" [autoApply]="true"\r\n                  [linkedCalendars]="true" [minDate]="globals.minStartDate" [maxDate]="globals.maxEndDate"\r\n                  startKey="startDate" endKey="endDate" (change)="changeDate($event, \'dateRange\', true)" />\r\n                  <label style="font-size: 18pt; background-color: #5a9acd; color: #fff; padding: 0 5px;" for="daterangeSelector2" class="soap-icon-calendar"></label>--\x3e\r\n              </div>\r\n            </div>\r\n            <div class="col-sm-12 col-md-12 col-lg-12">\r\n              <label class=" BLOCK_COLOR">Guest/s</label>\r\n              <div class="input-group">\r\n                <label class="col-xs-12 INPUT_COLOR"\r\n                  style="margin:0; background:#f5f5f5; text-transform: none; height: 34px; line-height: 34px; vertical-align: middle; font-size:12px;"\r\n                  [popover]="myPopoverModal">\r\n                  {{globals.filter.adults}} {{globals.filter.adults > 1 ? \'Adults\' : \'Adult\'}},\r\n                  {{globals.filter.children}} {{globals.filter.children > 1 ? \'Children\' : \'Child\'}}\r\n                </label>\r\n                <div class="input-group-prepend" [popover]="myPopoverModal">\r\n                  <span><i style="font-size: 16pt;" class="soap-icon-user"></i></span>\r\n                </div>\r\n              </div>\r\n              <popover-content #myPopoverModal title="" placement="bottom" [animation]="true"\r\n                  [closeOnClickOutside]="true" style="position:fixed;">\r\n                  <div>\r\n                    <div class="row">\r\n                      <div class=" col-xs-12">\r\n                        <div class="col-xs-5" style="line-height: 28px;">Adults</div>\r\n                        <div class="col-xs-2">\r\n                          <button\r\n                            class="circle-button circle-button--minus {{globals.filter.adults == 1 ? \'grey-background\' : \'\'}}"\r\n                            (click)="changeGuestNumber(\'Adult\', \'minus\')"><span\r\n                              class="visuallyhidden">Remove</span></button>\r\n                        </div>\r\n                        <div class="col-xs-3" style="margin-left: -10px;"><label id="filter-adults"\r\n                            class="input-guest" style="padding: 3px 10px;">{{globals.filter.adults}} </label></div>\r\n                        <div class="col-xs-2">\r\n                          <button class="circle-button circle-button--plus"\r\n                            (click)="changeGuestNumber(\'Adult\', \'add\')"><span\r\n                              class="visuallyhidden">Add</span></button>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class="row">\r\n                      <div class=" col-xs-12">\r\n                        <div class="col-xs-5" style="line-height: 28px;">Children</div>\r\n                        <div class="col-xs-2">\r\n                          <button\r\n                            class="circle-button circle-button--minus {{globals.filter.children == 0 ? \'grey-background\' : \'\'}}"\r\n                            (click)="changeGuestNumber(\'Children\', \'minus\')"><span\r\n                              class="visuallyhidden">Remove</span></button>\r\n                        </div>\r\n                        <div class="col-xs-3" style="margin-left: -10px;"><label id="filter-adults"\r\n                            class="input-guest" style="padding: 3px 10px;">{{globals.filter.children}} </label></div>\r\n                        <div class="col-xs-2">\r\n                          <button class="circle-button circle-button--plus"\r\n                            (click)="changeGuestNumber(\'Children\', \'add\')"><span\r\n                              class="visuallyhidden">Add</span></button>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </popover-content>\r\n            </div>\r\n          </div>\r\n          <div class="modal-footer BLOCK_BG BLOCK_COLOR">\r\n            <button type="button" class="btn-primary PRIMARY_BUTTON_BG PRIMARY_BUTTON_COLOR" data-dismiss="modal" (click)="checkAvailability()">Check Availability</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div id="roomInfoModal" class="modal fade" role="dialog">\r\n      <div class="modal-dialog modal-lg">\r\n        <div class="modal-content BLOCK_BG BLOCK_COLOR" *ngIf="selectedHotel && selectedRoom">\r\n          <div class="modal-header BLOCK_BG BLOCK_COLOR">\r\n            <button #closeModal type="button" class="close DANGER_BUTTON_BG DANGER_BUTTON_COLOR" data-dismiss="modal">&times;</button>\r\n            <h4 class="modal-title" style="margin: 0 0 5px 0 !important;">{{selectedRoom.name}}</h4>\r\n          </div>\r\n          <div class="modal-body BLOCK_BG BLOCK_COLOR">\r\n            <div class="col-sm-12 col-lg-12">\r\n              <div class="col-sm-12 col-lg-12" *ngIf="galleryImages[\'room_\' + selectedHotel.property.id + \'_\' + selectedRoom.code].length > 0">\r\n                <div class="col-xs-12 col-sm-12 col-lg-12" style="padding-left: 0; padding-right: 0;">\r\n                  <ngx-gallery [options]="galleryOptions" [images]="galleryImages[\'room_\' + selectedHotel.property.id + \'_\' + selectedRoom.code]"></ngx-gallery>\r\n                </div>\r\n              </div>\r\n              <div class="col-sm-12" style="font-size: 13px;">\r\n                <p *ngIf="selectedHotel.property.cheapestPrice == selectedRoom.rates[0].totalCost">\r\n                  <span class="btn-success btn-xs LOW_PRICE_ICON_BG" style="display:inline-block;font-size:14px;">\r\n                    <i class="soap-icon-savings clearer LOW_PRICE_ICON_COLOR" aria-hidden="true"></i>\r\n                  </span> <b>Cheapest Rate</b>\r\n                </p>\r\n                <p>\r\n                  <b>Description:</b> {{selectedRoom.description}}\r\n                </p>\r\n                <p>\r\n                  Maximum {{selectedRoom.maxCapacity}} guests using existing bedding\r\n                </p>\r\n                <p *ngIf="selectedRoom.features">\r\n                  <b>Features:</b> {{selectedRoom.features}}\r\n                </p>\r\n                <p *ngIf="selectedRoom.policies">\r\n                  <b>Policy:</b> {{selectedRoom.policies}}\r\n                </p>\r\n                <p *ngIf="selectedRoom.onlineRateTerms">\r\n                  <b>Terms:</b> {{selectedRoom.onlineRateTerms}}\r\n                </p>\r\n                <p *ngIf="sampleHotelFacilities">\r\n                  <b>Room Facilities:</b>\r\n                  <br />\r\n                  \x3c!--<span  [innerHtml]="sampleHotelFacilities"></span>--\x3e\r\n                </p>\r\n              </div>\r\n            </div>  \r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n</div>'},nA1Y:function(n,e){n.exports=".banner {\n  max-width: 1200px;\n  margin: 0 auto; }\n\n.banner img {\n  width: 100%; }\n\n@media only screen and (max-width: 768px) {\n  .banner {\n    padding-top: 50px !important; } }\n"},sQHO:function(n,e){n.exports=".lb-outerContainer {\n  position: fixed !important;\n  margin: 0 auto !important; }\n"},uslO:function(n,e,t){var o={"./af":"3CJN","./af.js":"3CJN","./ar":"3MVc","./ar-dz":"tkWw","./ar-dz.js":"tkWw","./ar-kw":"j8cJ","./ar-kw.js":"j8cJ","./ar-ly":"wPpW","./ar-ly.js":"wPpW","./ar-ma":"dURR","./ar-ma.js":"dURR","./ar-sa":"7OnE","./ar-sa.js":"7OnE","./ar-tn":"BEem","./ar-tn.js":"BEem","./ar.js":"3MVc","./az":"eHwN","./az.js":"eHwN","./be":"3hfc","./be.js":"3hfc","./bg":"lOED","./bg.js":"lOED","./bn":"aM0x","./bn.js":"aM0x","./bo":"w2Hs","./bo.js":"w2Hs","./br":"OSsP","./br.js":"OSsP","./bs":"aqvp","./bs.js":"aqvp","./ca":"wIgY","./ca.js":"wIgY","./cs":"ssxj","./cs.js":"ssxj","./cv":"N3vo","./cv.js":"N3vo","./cy":"ZFGz","./cy.js":"ZFGz","./da":"YBA/","./da.js":"YBA/","./de":"DOkx","./de-at":"8v14","./de-at.js":"8v14","./de-ch":"Frex","./de-ch.js":"Frex","./de.js":"DOkx","./dv":"rIuo","./dv.js":"rIuo","./el":"CFqe","./el.js":"CFqe","./en-au":"Sjoy","./en-au.js":"Sjoy","./en-ca":"Tqun","./en-ca.js":"Tqun","./en-gb":"hPuz","./en-gb.js":"hPuz","./en-ie":"ALEw","./en-ie.js":"ALEw","./en-nz":"dyB6","./en-nz.js":"dyB6","./eo":"Nd3h","./eo.js":"Nd3h","./es":"LT9G","./es-do":"7MHZ","./es-do.js":"7MHZ","./es.js":"LT9G","./et":"XlWM","./et.js":"XlWM","./eu":"sqLM","./eu.js":"sqLM","./fa":"2pmY","./fa.js":"2pmY","./fi":"nS2h","./fi.js":"nS2h","./fo":"OVPi","./fo.js":"OVPi","./fr":"tzHd","./fr-ca":"bXQP","./fr-ca.js":"bXQP","./fr-ch":"VK9h","./fr-ch.js":"VK9h","./fr.js":"tzHd","./fy":"g7KF","./fy.js":"g7KF","./gd":"nLOz","./gd.js":"nLOz","./gl":"FuaP","./gl.js":"FuaP","./gom-latn":"+27R","./gom-latn.js":"+27R","./he":"Nzt2","./he.js":"Nzt2","./hi":"ETHv","./hi.js":"ETHv","./hr":"V4qH","./hr.js":"V4qH","./hu":"xne+","./hu.js":"xne+","./hy-am":"GrS7","./hy-am.js":"GrS7","./id":"yRTJ","./id.js":"yRTJ","./is":"upln","./is.js":"upln","./it":"FKXc","./it.js":"FKXc","./ja":"ORgI","./ja.js":"ORgI","./jv":"JwiF","./jv.js":"JwiF","./ka":"RnJI","./ka.js":"RnJI","./kk":"j+vx","./kk.js":"j+vx","./km":"5j66","./km.js":"5j66","./kn":"gEQe","./kn.js":"gEQe","./ko":"eBB/","./ko.js":"eBB/","./ky":"6cf8","./ky.js":"6cf8","./lb":"z3hR","./lb.js":"z3hR","./lo":"nE8X","./lo.js":"nE8X","./lt":"/6P1","./lt.js":"/6P1","./lv":"jxEH","./lv.js":"jxEH","./me":"svD2","./me.js":"svD2","./mi":"gEU3","./mi.js":"gEU3","./mk":"Ab7C","./mk.js":"Ab7C","./ml":"oo1B","./ml.js":"oo1B","./mr":"5vPg","./mr.js":"5vPg","./ms":"ooba","./ms-my":"G++c","./ms-my.js":"G++c","./ms.js":"ooba","./my":"F+2e","./my.js":"F+2e","./nb":"FlzV","./nb.js":"FlzV","./ne":"/mhn","./ne.js":"/mhn","./nl":"3K28","./nl-be":"Bp2f","./nl-be.js":"Bp2f","./nl.js":"3K28","./nn":"C7av","./nn.js":"C7av","./pa-in":"pfs9","./pa-in.js":"pfs9","./pl":"7LV+","./pl.js":"7LV+","./pt":"ZoSI","./pt-br":"AoDM","./pt-br.js":"AoDM","./pt.js":"ZoSI","./ro":"wT5f","./ro.js":"wT5f","./ru":"ulq9","./ru.js":"ulq9","./sd":"fW1y","./sd.js":"fW1y","./se":"5Omq","./se.js":"5Omq","./si":"Lgqo","./si.js":"Lgqo","./sk":"OUMt","./sk.js":"OUMt","./sl":"2s1U","./sl.js":"2s1U","./sq":"V0td","./sq.js":"V0td","./sr":"f4W3","./sr-cyrl":"c1x4","./sr-cyrl.js":"c1x4","./sr.js":"f4W3","./ss":"7Q8x","./ss.js":"7Q8x","./sv":"Fpqq","./sv.js":"Fpqq","./sw":"DSXN","./sw.js":"DSXN","./ta":"+7/x","./ta.js":"+7/x","./te":"Nlnz","./te.js":"Nlnz","./tet":"gUgh","./tet.js":"gUgh","./th":"XzD+","./th.js":"XzD+","./tl-ph":"3LKG","./tl-ph.js":"3LKG","./tlh":"m7yE","./tlh.js":"m7yE","./tr":"k+5o","./tr.js":"k+5o","./tzl":"iNtv","./tzl.js":"iNtv","./tzm":"FRPF","./tzm-latn":"krPU","./tzm-latn.js":"krPU","./tzm.js":"FRPF","./uk":"ntHu","./uk.js":"ntHu","./ur":"uSe8","./ur.js":"uSe8","./uz":"XU1s","./uz-latn":"/bsm","./uz-latn.js":"/bsm","./uz.js":"XU1s","./vi":"0X8Q","./vi.js":"0X8Q","./x-pseudo":"e/KL","./x-pseudo.js":"e/KL","./yo":"YXlc","./yo.js":"YXlc","./zh-cn":"Vz2w","./zh-cn.js":"Vz2w","./zh-hk":"ZUyn","./zh-hk.js":"ZUyn","./zh-tw":"BbgG","./zh-tw.js":"BbgG"};function a(n){return t(r(n))}function r(n){var e=o[n];if(!(e+1))throw new Error("Cannot find module '"+n+"'.");return e}a.keys=function(){return Object.keys(o)},a.resolve=r,n.exports=a,a.id="uslO"},wrem:function(n,e){n.exports=""},x35b:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=t("WT6e"),a=t("4PVY"),r=t("OE0E"),i=t("Xjw4"),l=t("bfOx"),s=t("oqFO"),d=t("O3jC"),c=t("PJh5"),p=this&&this.__decorate||function(n,e,t,o){var a,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,t,o);else for(var l=n.length-1;l>=0;l--)(a=n[l])&&(i=(r<3?a(i):r>3?a(e,t,i):a(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i},m=this&&this.__metadata||function(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)},g=function(){function n(n,e){this.toastr=n,this._cookieService=e,this.change=new o.EventEmitter,this.appType="",this.venueEventCode="",this.acceptTerms=!1,this.activePage="search",this.creditCardYears=["","2018","2019","2020","2021","2022","2023","2024","2025","2026","2027","2028","2029","2030","2031","2032","2033","2034","2035","2036","2037","2038","2039","2040","2041","2042","2043","2044","2045","2046","2047","2048","2049","2050","2051","2052","2053","2054","2055","2056","2057"],this.creditCardMonths=["","01 - January","02 - February","03 - March","04 - April","05 - May","06 - June","07 - July","08 - August","09 - September","10 - October","11 - November","12 - December"],this.months=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],this.booking={roomReserves:[],creditCard:{cardholderName:"",cardType:"",cardNumber:"",cardIdNumber:"",expiryMonth:"",expiryYear:""}},this.totalCheckoutPrice=2e3,this.sidebarDisplay={left:!1,right:!1},this.siteCurrency={symbol:"AU$",name:"Australian Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"AUD",name_plural:"Australian dollars",exchange_rate:1},this.navPageTitle="Book Accommodation",this.pageTitles={home:"Book Accommodation",reserve:"Finalise Reservation",review:"Review Booking"},this.initialDateFrom=new Date,this.initialDateTo=new Date,this.cancellationModalData={hotel:void 0,room:void 0,rate:void 0},this.hotels=[],this.accomTypes=[],this.amenityTypes=[],this.maxHotelAmount=0,this.maxHotelDistance=0,this.eventExpired=!1,this.filter={distance:0,distance_unit:"km",location:"Brisbane",property:"",checkinDate:null,checkoutDate:null,adults:1,children:0,price_ranges:["0","0"],starRating:0,maxTotalCost:{threeHundred:!1,fiveHundred:!1,eightHundred:!1,twelveHundred:!1,twelveHundredPlus:!1},amenities:{all:!1,apartment:!1,hotel:!1,breakfast:!1,smoking:!1,wifi:!1,parking:!1,pool:!1,cots:!1,sofaBed:!1,shower:!1,balcony:!1,additionalBedding:!1,loungeAccess:!1,connectingRooms:!1,bath:!1},accomType:{all:!1,hotel:!1,apartment:!1,budget:!1,resort:!1,motel:!1,bostel:!1,bb:!1,villa:!1,others:!1}},this.priceRanges=["0 - 200","200 - 400","400 - 600","600 - 800","800 - 1000","1000 - 1200","1200 - 1400","1400 - 1600","1600 - 1800","1800 - 2000"],this.selectItems={titles:["","Ms","Mrs","Miss","Mr","Mx","Prof","A.Prof","Dr","Rev","Fr","Sr","Senator","Honourable","Minister","Premier","Adv","President","Governor","Mayor","Councillor","HRH","H.E. Ms","H.E. Mr","E.Prof","Major","Dame","Sir","Lady","Lord","Professor"],times:["00:00","00:30","01:00","01:30","02:00","02:30","03:00","03:30","04:00","04:30","05:00","05:30","06:00","06:30","07:00","07:30","08:30","09:00","09:30","10:00","10:30","11:00","11:30","12:00","12:30","13:00","13:30","14:00","14:30","15:00","15:30","16:00","16:30","17:00","17:30","18:00","18:30","19:00","19:30","20:00","20:30","21:00","21:30","22:00","22:30","23:00","23:30"],countryCodes:[{name:"Afghanistan",alpha2:"AF",countryCode:"004"},{name:"\xc5land Islands",alpha2:"AX",countryCode:"248"},{name:"Albania",alpha2:"AL",countryCode:"008"},{name:"Algeria",alpha2:"DZ",countryCode:"012"},{name:"American Samoa",alpha2:"AS",countryCode:"016"},{name:"Andorra",alpha2:"AD",countryCode:"020"},{name:"Angola",alpha2:"AO",countryCode:"024"},{name:"Anguilla",alpha2:"AI",countryCode:"660"},{name:"Antarctica",alpha2:"AQ",countryCode:"010"},{name:"Antigua and Barbuda",alpha2:"AG",countryCode:"028"},{name:"Argentina",alpha2:"AR",countryCode:"032"},{name:"Armenia",alpha2:"AM",countryCode:"051"},{name:"Aruba",alpha2:"AW",countryCode:"533"},{name:"Australia",alpha2:"AU",countryCode:"036"},{name:"Austria",alpha2:"AT",countryCode:"040"},{name:"Azerbaijan",alpha2:"AZ",countryCode:"031"},{name:"Bahamas",alpha2:"BS",countryCode:"044"},{name:"Bahrain",alpha2:"BH",countryCode:"048"},{name:"Bangladesh",alpha2:"BD",countryCode:"050"},{name:"Barbados",alpha2:"BB",countryCode:"052"},{name:"Belarus",alpha2:"BY",countryCode:"112"},{name:"Belgium",alpha2:"BE",countryCode:"056"},{name:"Belize",alpha2:"BZ",countryCode:"084"},{name:"Benin",alpha2:"BJ",countryCode:"204"},{name:"Bermuda",alpha2:"BM",countryCode:"060"},{name:"Bhutan",alpha2:"BT",countryCode:"064"},{name:"Bolivia (Plurinational State of)",alpha2:"BO",countryCode:"068"},{name:"Bonaire, Sint Eustatius and Saba",alpha2:"BQ",countryCode:"535"},{name:"Bosnia and Herzegovina",alpha2:"BA",countryCode:"070"},{name:"Botswana",alpha2:"BW",countryCode:"072"},{name:"Bouvet Island",alpha2:"BV",countryCode:"074"},{name:"Brazil",alpha2:"BR",countryCode:"076"},{name:"British Indian Ocean Territory",alpha2:"IO",countryCode:"086"},{name:"Brunei Darussalam",alpha2:"BN",countryCode:"096"},{name:"Bulgaria",alpha2:"BG",countryCode:"100"},{name:"Burkina Faso",alpha2:"BF",countryCode:"854"},{name:"Burundi",alpha2:"BI",countryCode:"108"},{name:"Cabo Verde",alpha2:"CV",countryCode:"132"},{name:"Cambodia",alpha2:"KH",countryCode:"116"},{name:"Cameroon",alpha2:"CM",countryCode:"120"},{name:"Canada",alpha2:"CA",countryCode:"124"},{name:"Cayman Islands",alpha2:"KY",countryCode:"136"},{name:"Central African Republic",alpha2:"CF",countryCode:"140"},{name:"Chad",alpha2:"TD",countryCode:"148"},{name:"Chile",alpha2:"CL",countryCode:"152"},{name:"China",alpha2:"CN",countryCode:"156"},{name:"Christmas Island",alpha2:"CX",countryCode:"162"},{name:"Cocos (Keeling) Islands",alpha2:"CC",countryCode:"166"},{name:"Colombia",alpha2:"CO",countryCode:"170"},{name:"Comoros",alpha2:"KM",countryCode:"174"},{name:"Congo",alpha2:"CG",countryCode:"178"},{name:"Congo (Democratic Republic of the)",alpha2:"CD",countryCode:"180"},{name:"Cook Islands",alpha2:"CK",countryCode:"184"},{name:"Costa Rica",alpha2:"CR",countryCode:"188"},{name:"C\xf4te d'Ivoire",alpha2:"CI",countryCode:"384"},{name:"Croatia",alpha2:"HR",countryCode:"191"},{name:"Cuba",alpha2:"CU",countryCode:"192"},{name:"Cura\xe7ao",alpha2:"CW",countryCode:"531"},{name:"Cyprus",alpha2:"CY",countryCode:"196"},{name:"Czechia",alpha2:"CZ",countryCode:"203"},{name:"Denmark",alpha2:"DK",countryCode:"208"},{name:"Djibouti",alpha2:"DJ",countryCode:"262"},{name:"Dominica",alpha2:"DM",countryCode:"212"},{name:"Dominican Republic",alpha2:"DO",countryCode:"214"},{name:"Ecuador",alpha2:"EC",countryCode:"218"},{name:"Egypt",alpha2:"EG",countryCode:"818"},{name:"El Salvador",alpha2:"SV",countryCode:"222"},{name:"Equatorial Guinea",alpha2:"GQ",countryCode:"226"},{name:"Eritrea",alpha2:"ER",countryCode:"232"},{name:"Estonia",alpha2:"EE",countryCode:"233"},{name:"Ethiopia",alpha2:"ET",countryCode:"231"},{name:"Falkland Islands (Malvinas)",alpha2:"FK",countryCode:"238"},{name:"Faroe Islands",alpha2:"FO",countryCode:"234"},{name:"Fiji",alpha2:"FJ",countryCode:"242"},{name:"Finland",alpha2:"FI",countryCode:"246"},{name:"France",alpha2:"FR",countryCode:"250"},{name:"French Guiana",alpha2:"GF",countryCode:"254"},{name:"French Polynesia",alpha2:"PF",countryCode:"258"},{name:"French Southern Territories",alpha2:"TF",countryCode:"260"},{name:"Gabon",alpha2:"GA",countryCode:"266"},{name:"Gambia",alpha2:"GM",countryCode:"270"},{name:"Georgia",alpha2:"GE",countryCode:"268"},{name:"Germany",alpha2:"DE",countryCode:"276"},{name:"Ghana",alpha2:"GH",countryCode:"288"},{name:"Gibraltar",alpha2:"GI",countryCode:"292"},{name:"Greece",alpha2:"GR",countryCode:"300"},{name:"Greenland",alpha2:"GL",countryCode:"304"},{name:"Grenada",alpha2:"GD",countryCode:"308"},{name:"Guadeloupe",alpha2:"GP",countryCode:"312"},{name:"Guam",alpha2:"GU",countryCode:"316"},{name:"Guatemala",alpha2:"GT",countryCode:"320"},{name:"Guernsey",alpha2:"GG",countryCode:"831"},{name:"Guinea",alpha2:"GN",countryCode:"324"},{name:"Guinea-Bissau",alpha2:"GW",countryCode:"624"},{name:"Guyana",alpha2:"GY",countryCode:"328"},{name:"Haiti",alpha2:"HT",countryCode:"332"},{name:"Heard Island and McDonald Islands",alpha2:"HM",countryCode:"334"},{name:"Holy See",alpha2:"VA",countryCode:"336"},{name:"Honduras",alpha2:"HN",countryCode:"340"},{name:"Hong Kong",alpha2:"HK",countryCode:"344"},{name:"Hungary",alpha2:"HU",countryCode:"348"},{name:"Iceland",alpha2:"IS",countryCode:"352"},{name:"India",alpha2:"IN",countryCode:"356"},{name:"Indonesia",alpha2:"ID",countryCode:"360"},{name:"Iran (Islamic Republic of)",alpha2:"IR",countryCode:"364"},{name:"Iraq",alpha2:"IQ",countryCode:"368"},{name:"Ireland",alpha2:"IE",countryCode:"372"},{name:"Isle of Man",alpha2:"IM",countryCode:"833"},{name:"Israel",alpha2:"IL",countryCode:"376"},{name:"Italy",alpha2:"IT",countryCode:"380"},{name:"Jamaica",alpha2:"JM",countryCode:"388"},{name:"Japan",alpha2:"JP",countryCode:"392"},{name:"Jersey",alpha2:"JE",countryCode:"832"},{name:"Jordan",alpha2:"JO",countryCode:"400"},{name:"Kazakhstan",alpha2:"KZ",countryCode:"398"},{name:"Kenya",alpha2:"KE",countryCode:"404"},{name:"Kiribati",alpha2:"KI",countryCode:"296"},{name:"Korea (Democratic People's Republic of)",alpha2:"KP",countryCode:"408"},{name:"Korea (Republic of)",alpha2:"KR",countryCode:"410"},{name:"Kuwait",alpha2:"KW",countryCode:"414"},{name:"Kyrgyzstan",alpha2:"KG",countryCode:"417"},{name:"Lao People's Democratic Republic",alpha2:"LA",countryCode:"418"},{name:"Latvia",alpha2:"LV",countryCode:"428"},{name:"Lebanon",alpha2:"LB",countryCode:"422"},{name:"Lesotho",alpha2:"LS",countryCode:"426"},{name:"Liberia",alpha2:"LR",countryCode:"430"},{name:"Libya",alpha2:"LY",countryCode:"434"},{name:"Liechtenstein",alpha2:"LI",countryCode:"438"},{name:"Lithuania",alpha2:"LT",countryCode:"440"},{name:"Luxembourg",alpha2:"LU",countryCode:"442"},{name:"Macao",alpha2:"MO",countryCode:"446"},{name:"Macedonia (the former Yugoslav Republic of)",alpha2:"MK",countryCode:"807"},{name:"Madagascar",alpha2:"MG",countryCode:"450"},{name:"Malawi",alpha2:"MW",countryCode:"454"},{name:"Malaysia",alpha2:"MY",countryCode:"458"},{name:"Maldives",alpha2:"MV",countryCode:"462"},{name:"Mali",alpha2:"ML",countryCode:"466"},{name:"Malta",alpha2:"MT",countryCode:"470"},{name:"Marshall Islands",alpha2:"MH",countryCode:"584"},{name:"Martinique",alpha2:"MQ",countryCode:"474"},{name:"Mauritania",alpha2:"MR",countryCode:"478"},{name:"Mauritius",alpha2:"MU",countryCode:"480"},{name:"Mayotte",alpha2:"YT",countryCode:"175"},{name:"Mexico",alpha2:"MX",countryCode:"484"},{name:"Micronesia (Federated States of)",alpha2:"FM",countryCode:"583"},{name:"Moldova (Republic of)",alpha2:"MD",countryCode:"498"},{name:"Monaco",alpha2:"MC",countryCode:"492"},{name:"Mongolia",alpha2:"MN",countryCode:"496"},{name:"Montenegro",alpha2:"ME",countryCode:"499"},{name:"Montserrat",alpha2:"MS",countryCode:"500"},{name:"Morocco",alpha2:"MA",countryCode:"504"},{name:"Mozambique",alpha2:"MZ",countryCode:"508"},{name:"Myanmar",alpha2:"MM",countryCode:"104"},{name:"Namibia",alpha2:"NA",countryCode:"516"},{name:"Nauru",alpha2:"NR",countryCode:"520"},{name:"Nepal",alpha2:"NP",countryCode:"524"},{name:"Netherlands",alpha2:"NL",countryCode:"528"},{name:"New Caledonia",alpha2:"NC",countryCode:"540"},{name:"New Zealand",alpha2:"NZ",countryCode:"554"},{name:"Nicaragua",alpha2:"NI",countryCode:"558"},{name:"Niger",alpha2:"NE",countryCode:"562"},{name:"Nigeria",alpha2:"NG",countryCode:"566"},{name:"Niue",alpha2:"NU",countryCode:"570"},{name:"Norfolk Island",alpha2:"NF",countryCode:"574"},{name:"Northern Mariana Islands",alpha2:"MP",countryCode:"580"},{name:"Norway",alpha2:"NO",countryCode:"578"},{name:"Oman",alpha2:"OM",countryCode:"512"},{name:"Pakistan",alpha2:"PK",countryCode:"586"},{name:"Palau",alpha2:"PW",countryCode:"585"},{name:"Palestine, State of",alpha2:"PS",countryCode:"275"},{name:"Panama",alpha2:"PA",countryCode:"591"},{name:"Papua New Guinea",alpha2:"PG",countryCode:"598"},{name:"Paraguay",alpha2:"PY",countryCode:"600"},{name:"Peru",alpha2:"PE",countryCode:"604"},{name:"Philippines",alpha2:"PH",countryCode:"608"},{name:"Pitcairn",alpha2:"PN",countryCode:"612"},{name:"Poland",alpha2:"PL",countryCode:"616"},{name:"Portugal",alpha2:"PT",countryCode:"620"},{name:"Puerto Rico",alpha2:"PR",countryCode:"630"},{name:"Qatar",alpha2:"QA",countryCode:"634"},{name:"R\xe9union",alpha2:"RE",countryCode:"638"},{name:"Romania",alpha2:"RO",countryCode:"642"},{name:"Russian Federation",alpha2:"RU",countryCode:"643"},{name:"Rwanda",alpha2:"RW",countryCode:"646"},{name:"Saint Barth\xe9lemy",alpha2:"BL",countryCode:"652"},{name:"Saint Helena, Ascension and Tristan da Cunha",alpha2:"SH",countryCode:"654"},{name:"Saint Kitts and Nevis",alpha2:"KN",countryCode:"659"},{name:"Saint Lucia",alpha2:"LC",countryCode:"662"},{name:"Saint Martin (French part)",alpha2:"MF",countryCode:"663"},{name:"Saint Pierre and Miquelon",alpha2:"PM",countryCode:"666"},{name:"Saint Vincent and the Grenadines",alpha2:"VC",countryCode:"670"},{name:"Samoa",alpha2:"WS",countryCode:"882"},{name:"San Marino",alpha2:"SM",countryCode:"674"},{name:"Sao Tome and Principe",alpha2:"ST",countryCode:"678"},{name:"Saudi Arabia",alpha2:"SA",countryCode:"682"},{name:"Senegal",alpha2:"SN",countryCode:"686"},{name:"Serbia",alpha2:"RS",countryCode:"688"},{name:"Seychelles",alpha2:"SC",countryCode:"690"},{name:"Sierra Leone",alpha2:"SL",countryCode:"694"},{name:"Singapore",alpha2:"SG",countryCode:"702"},{name:"Sint Maarten (Dutch part)",alpha2:"SX",countryCode:"534"},{name:"Slovakia",alpha2:"SK",countryCode:"703"},{name:"Slovenia",alpha2:"SI",countryCode:"705"},{name:"Solomon Islands",alpha2:"SB",countryCode:"090"},{name:"Somalia",alpha2:"SO",countryCode:"706"},{name:"South Africa",alpha2:"ZA",countryCode:"710"},{name:"South Georgia and the South Sandwich Islands",alpha2:"GS",countryCode:"239"},{name:"South Sudan",alpha2:"SS",countryCode:"728"},{name:"Spain",alpha2:"ES",countryCode:"724"},{name:"Sri Lanka",alpha2:"LK",countryCode:"144"},{name:"Sudan",alpha2:"SD",countryCode:"729"},{name:"Suriname",alpha2:"SR",countryCode:"740"},{name:"Svalbard and Jan Mayen",alpha2:"SJ",countryCode:"744"},{name:"Swaziland",alpha2:"SZ",countryCode:"748"},{name:"Sweden",alpha2:"SE",countryCode:"752"},{name:"Switzerland",alpha2:"CH",countryCode:"756"},{name:"Syrian Arab Republic",alpha2:"SY",countryCode:"760"},{name:"Taiwan, Province of China",alpha2:"TW",countryCode:"158"},{name:"Tajikistan",alpha2:"TJ",countryCode:"762"},{name:"Tanzania, United Republic of",alpha2:"TZ",countryCode:"834"},{name:"Thailand",alpha2:"TH",countryCode:"764"},{name:"Timor-Leste",alpha2:"TL",countryCode:"626"},{name:"Togo",alpha2:"TG",countryCode:"768"},{name:"Tokelau",alpha2:"TK",countryCode:"772"},{name:"Tonga",alpha2:"TO",countryCode:"776"},{name:"Trinidad and Tobago",alpha2:"TT",countryCode:"780"},{name:"Tunisia",alpha2:"TN",countryCode:"788"},{name:"Turkey",alpha2:"TR",countryCode:"792"},{name:"Turkmenistan",alpha2:"TM",countryCode:"795"},{name:"Turks and Caicos Islands",alpha2:"TC",countryCode:"796"},{name:"Tuvalu",alpha2:"TV",countryCode:"798"},{name:"Uganda",alpha2:"UG",countryCode:"800"},{name:"Ukraine",alpha2:"UA",countryCode:"804"},{name:"United Arab Emirates",alpha2:"AE",countryCode:"784"},{name:"United Kingdom of Great Britain and Northern Ireland",alpha2:"GB",countryCode:"826"},{name:"United States of America",alpha2:"US",countryCode:"840"},{name:"United States Minor Outlying Islands",alpha2:"UM",countryCode:"581"},{name:"Uruguay",alpha2:"UY",countryCode:"858"},{name:"Uzbekistan",alpha2:"UZ",countryCode:"860"},{name:"Vanuatu",alpha2:"VU",countryCode:"548"},{name:"Venezuela (Bolivarian Republic of)",alpha2:"VE",countryCode:"862"},{name:"Viet Nam",alpha2:"VN",countryCode:"704"},{name:"Virgin Islands (British)",alpha2:"VG",countryCode:"092"},{name:"Virgin Islands (U.S.)",alpha2:"VI",countryCode:"850"},{name:"Wallis and Futuna",alpha2:"WF",countryCode:"876"},{name:"Western Sahara",alpha2:"EH",countryCode:"732"},{name:"Yemen",alpha2:"YE",countryCode:"887"},{name:"Zambia",alpha2:"ZM",countryCode:"894"},{name:"Zimbabwe",alpha2:"ZW",countryCode:"716"}],currencies:[{symbol:"",name:"Australian Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"AUD",name_plural:"Australian Dollar",exchange_rate:1,visible:!0},{symbol:"",name:"Brazil Real",symbol_native:"R$",decimal_digits:2,rounding:0,code:"BRL",name_plural:"Brazil Real",exchange_rate:1,visible:!1},{symbol:"",name:"Bulgaria Lev",symbol_native:"\u043b\u0432",decimal_digits:2,rounding:0,code:"BGN",name_plural:"Bulgaria Lev",exchange_rate:1,visible:!1},{symbol:"",name:"Canada Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"CAD",name_plural:"Canada Dollar",exchange_rate:1,visible:!1},{symbol:"",name:"China Yuan Renminbi",symbol_native:"\u5143",decimal_digits:2,rounding:0,code:"CNY",name_plural:"China Yuan Renminbi",exchange_rate:1,visible:!1},{symbol:"",name:"Croatia Kuna",symbol_native:"kn",decimal_digits:2,rounding:0,code:"HRK",name_plural:"Croatia Kuna",exchange_rate:1,visible:!1},{symbol:"",name:"Czech Republic Koruna",symbol_native:"K\u010d",decimal_digits:2,rounding:0,code:"CZK",name_plural:"Czech Republic Koruna",exchange_rate:1,visible:!1},{symbol:"",name:"Denmark Krone",symbol_native:"kr",decimal_digits:2,rounding:0,code:"DKK",name_plural:"Denmark Krone",exchange_rate:1,visible:!1},{symbol:"",name:"Euro Member Countries",symbol_native:"\u20ac",decimal_digits:2,rounding:0,code:"EUR",name_plural:"Euro Member Countries",exchange_rate:1,visible:!1},{symbol:"",name:"Hong Kong Dollar",symbol_native:"HK$",decimal_digits:2,rounding:0,code:"HKD",name_plural:"Hong Kong Dollar",exchange_rate:1,visible:!1},{symbol:"",name:"Hungary Forint",symbol_native:"Ft",decimal_digits:2,rounding:0,code:"HUF",name_plural:"Hungary Forint",exchange_rate:1,visible:!1},{symbol:"",name:"Iceland Krona",symbol_native:"kr",decimal_digits:2,rounding:0,code:"ISK",name_plural:"Iceland Krona",exchange_rate:1,visible:!1},{symbol:"",name:"India Rupee",symbol_native:"\u20a8",decimal_digits:2,rounding:0,code:"INR",name_plural:"India Rupee",exchange_rate:1,visible:!1},{symbol:"",name:"Indonesia Rupiah",symbol_native:"Rp",decimal_digits:2,rounding:0,code:"IDR",name_plural:"Indonesia Rupiah",exchange_rate:1,visible:!1},{symbol:"",name:"Israel Shekel",symbol_native:"\u20aa",decimal_digits:2,rounding:0,code:"ILS",name_plural:"Israel Shekel",exchange_rate:1,visible:!1},{symbol:"",name:"Japan Yen",symbol_native:"\xa5",decimal_digits:2,rounding:0,code:"JPY",name_plural:"Japan Yen",exchange_rate:1,visible:!1},{symbol:"",name:"Korea (South) Won",symbol_native:"\u20a9",decimal_digits:2,rounding:0,code:"KRW",name_plural:"Korea (South) Won",exchange_rate:1,visible:!1},{symbol:"",name:"Malaysia Ringgit",symbol_native:"RM",decimal_digits:2,rounding:0,code:"MYR",name_plural:"Malaysia Ringgit",exchange_rate:1,visible:!1},{symbol:"",name:"Mexico Peso",symbol_native:"$",decimal_digits:2,rounding:0,code:"MXN",name_plural:"Mexico Peso",exchange_rate:1,visible:!1},{symbol:"",name:"New Zealand Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"NZD",name_plural:"New Zealand Dollar",exchange_rate:1,visible:!1},{symbol:"",name:"Norway Krone",symbol_native:"kr",decimal_digits:2,rounding:0,code:"NOK",name_plural:"Norway Krone",exchange_rate:1,visible:!1},{symbol:"",name:"Philippines Peso",symbol_native:"P",decimal_digits:2,rounding:0,code:"PHP",name_plural:"Philippines Peso",exchange_rate:1,visible:!1},{symbol:"",name:"Poland Zloty",symbol_native:"z\u0142",decimal_digits:2,rounding:0,code:"PLN",name_plural:"Poland Zloty",exchange_rate:1,visible:!1},{symbol:"",name:"Romania New Leu",symbol_native:"lei",decimal_digits:2,rounding:0,code:"RON",name_plural:"Romania New Leu",exchange_rate:1,visible:!1},{symbol:"",name:"Russia Ruble",symbol_native:"\u0440\u0443\u0431",decimal_digits:2,rounding:0,code:"RUB",name_plural:"Russia Ruble",exchange_rate:1,visible:!1},{symbol:"",name:"Singapore Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"SGD",name_plural:"Singapore Dollar",exchange_rate:1,visible:!1},{symbol:"",name:"South Africa Rand",symbol_native:"R",decimal_digits:2,rounding:0,code:"ZAR",name_plural:"South Africa Rand",exchange_rate:1,visible:!1},{symbol:"",name:"Sweden Krona",symbol_native:"kr",decimal_digits:2,rounding:0,code:"SEK",name_plural:"Sweden Krona",exchange_rate:1,visible:!1},{symbol:"",name:"Switzerland Franc",symbol_native:"CHF",decimal_digits:2,rounding:0,code:"CHF",name_plural:"Switzerland Franc",exchange_rate:1,visible:!1},{symbol:"",name:"Thailand Baht",symbol_native:"\u0e3f",decimal_digits:2,rounding:0,code:"THB",name_plural:"Thailand Baht",exchange_rate:1,visible:!1},{symbol:"",name:"Turkey Lira",symbol_native:"YTL",decimal_digits:2,rounding:0,code:"TRY",name_plural:"Turkey Lira",exchange_rate:1,visible:!1},{symbol:"",name:"United Kingdom Pound",symbol_native:"\xa3",decimal_digits:2,rounding:0,code:"GBP",name_plural:"United Kingdom Pound",exchange_rate:1,visible:!1},{symbol:"",name:"United States Dollar",symbol_native:"$",decimal_digits:2,rounding:0,code:"USD",name_plural:"United States Dollar",exchange_rate:1,visible:!1}]},this.siteTheme=""}return n.prototype.selected=function(n){console.log("Selected value is: ",n)},n.prototype.removed=function(n){console.log("Removed value is: ",n)},n.prototype.typed=function(n){console.log("New search input: ",n)},n.prototype.refreshValue=function(n){this.value=n},n.prototype.getCookie=function(n){return this._cookieService.get(n)},n.prototype.getCookieObj=function(n){return this._cookieService.getObject(n)},n.prototype.putCookie=function(n,e){return this._cookieService.put(n,e)},n.prototype.putCookieObj=function(n,e){return this._cookieService.putObject(n,e)},n.prototype.removeCookie=function(n){return this._cookieService.remove(n)},n.prototype.initDates=function(){},n.prototype.toasterSuccess=function(n,e){this.toastr.success(n,e,{positionClass:"toast-bottom-center"})},n.prototype.toasterError=function(n,e){this.toastr.error(n,e,{positionClass:"toast-bottom-center"})},n.prototype.toasterInfo=function(n,e){this.toastr.info(n,e,{positionClass:"toast-bottom-center"})},n.prototype.formatDate=function(n){return n.month.length<2&&(n.month="0"+n.month),n.day.length<2&&(n.day="0"+n.day),[n.year,n.month,n.day].join("-")},n.prototype.getDateObj=function(n){return{day:n.getDate(),month:n.getMonth()+1,year:n.getFullYear()}},n.prototype.startLoading=function(){this.hotelsLoading=!0},n.prototype.endLoading=function(){this.hotelsLoading=!1},n.prototype.calcRoomPrice=function(n){for(var e=0,t=0,o=n.plan;t<o.length;t++){e+=o[t].amount}return e},n.prototype.calcTotalPrice=function(){var n=0,e=this.booking.roomReserves;if(e){for(var t=0,o=e;t<o.length;t++){var a=o[t];if(n+=this.calcRoomPrice(a.room.rate),a.room.additionalGuests.length+1>a.room.maxCapacityBeforeSurcharge)for(var r=0;r<a.room.additionalGuests.length;r++)n+=parseFloat(a.room.surcharges.extraAdult.toString())}return n.toFixed(2)}return 0},n.prototype.switchPage=function(n){this.activePage=n,this.acceptTerms=!1,"search"==n&&(this.loadAccomTypeList(),this.loadAmenitiesList()),window.scrollTo(0,0),window.parent.postMessage({action:"scrollToTop"},"*")},n.prototype.getSurcharge=function(n){return n.room.maxCapacityBeforeSurcharge>n.room.guestCount?0:n.room.surcharges&&Object.keys(n.room.surcharges).length?n.room.surcharges.extraAdult:0},n.prototype.getSurcharges=function(n){var e=0;if(n.additionalGuests.length+1>n.maxCapacityBeforeSurcharge){for(var t=0;t<n.additionalGuests.length+1-n.maxCapacityBeforeSurcharge;t++)e+=n.surcharges.extraAdult;return e}return 0},n.prototype.getHotelDateStr=function(n){if(n[0]){var e=new Date(n[0].date),t=new Date(n[n.length-1].date);return this.months[e.getMonth()]+" "+e.getDate()+" - "+(this.months[t.getMonth()]+" "+(t.getDate()+1))+" ("+n.length+" nights)"}return"N/A - N/A (0 nights)"},n.prototype.styleDate=function(n){var e=new Date(n);return["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][e.getDay()]+" "+e.getDate()+"/"+(e.getMonth()+1)},n.prototype.styleMonthDate=function(n){var e=new Date(n);return["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][e.getDay()]+"<br>"+e.getDate()+" "+["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][e.getMonth()]},n.prototype.consoleOutput=function(n,e){console.log(n,e)},n.prototype.replaceLineBreak=function(n){return n.replace(/(\r\n|\n|\r)/gm,"<br />")},n.prototype.isWeekend=function(n){var e=new Date(n),t=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];return"Sun"===t[e.getDay()]||"Sat"===t[e.getDay()]},n.prototype.ngOnInit=function(){this.initialDateTo.setDate(this.initialDateTo.getDate()+1),this.initialDateTo=new Date(this.initialDateTo.setDate(this.initialDateTo.getDate()+8)),console.log(this.initialDateFrom,this.initialDateTo)},n.prototype.trimString=function(n,e){return n.substring(0,e-3)},n.prototype.expandText=function(n,e){n[e]=!n[e]},n.prototype.loadCookieToReserve=function(){var n=this,e=this.getCookieObj("reservations");!Array.isArray(e)||this.booking.roomReserves&&this.booking.roomReserves.length||e.forEach(function(e){var t={property:{id:e.property.id,name:e.property.name,photo:e.property.photo,images:e.property.images,reservationsPhone:e.property.reservationsPhone},room:{code:e.room.code,name:e.room.name,maxCapacity:e.room.maxCapacity,maxCapacityBeforeSurcharge:e.room.maxCapacityBeforeSurcharge,surcharges:{preAuth:e.room.surcharges.preAuth,internet:e.room.surcharges.internet,extraAdult:e.room.surcharges.extraAdult,extraChild:e.room.surcharges.extraChild,rollAway:e.room.surcharges.rollAway},guestCount:e.room.maxCapacityBeforeSurcharge>parseInt(n.filter.adults.toString(),10)+parseInt(n.filter.children.toString(),10)?parseInt(n.filter.adults.toString(),10)+parseInt(n.filter.children.toString(),10):e.room.maxCapacityBeforeSurcharge,description:e.room.description,onlineRateTerms:e.room.onlineRateTerms,eventRateTerms:e.room.eventRateTerms,policies:e.room.policies,primaryGuest:{title:e.room.primaryGuest.title,firstName:e.room.primaryGuest.firstName,lastName:e.room.primaryGuest.lastName,organisation:e.room.primaryGuest.organisation,position:e.room.primaryGuest.position,address:{addressLine1:e.room.primaryGuest.address.addressLine1,addressLine2:e.room.primaryGuest.address.addressLine2,addressLine3:e.room.primaryGuest.address.addressLine3,city:e.room.primaryGuest.address.city,state:e.room.primaryGuest.address.state,country:e.room.primaryGuest.address.country,postCode:e.room.primaryGuest.address.postCode,google:e.room.primaryGuest.address.addressLine1+", "+e.room.primaryGuest.address.addressLine2+", "+e.room.primaryGuest.addressLine3+", "+e.room.primaryGuest.address.city+", "+e.room.primaryGuest.address.state+", "+e.room.primaryGuest.postCode+", "+e.room.primaryGuest.address.country},mobile:e.room.primaryGuest.mobile,phone:e.room.primaryGuest.phone,email:e.room.primaryGuest.email},additionalGuests:e.room.additionalGuests,rate:{source:e.room.rate.source,code:e.room.rate.code,totalCost:e.room.rate.totalCost,totalUnconvertedCost:e.room.rate.totalUnconvertedCost,unConvertedCurrency:e.room.rate.unConvertedCurrency,plan:e.room.rate.plan},statusRemarks:"",specialRequest:e.room.specialRequest,estimatedArrivalTime:e.room.estimatedArrivalTime,estimatedDepartureTime:e.room.estimatedDepartureTime,checkinDate:e.room.checkinDate,checkoutDate:e.room.checkoutDate,loyaltyProram:"",loyaltyId:""}};n.booking.roomReserves.push(t)})},n.prototype.loadAccomTypeList=function(){this.accomTypes.length=0;var n=0,e=this.accomTypes;this.accomTypes.push({name:"all",count:0}),this.hotels.forEach(function(t){var o=!1;t.property.accomType||(t.property.accomType="others"),e.forEach(function(e){e.name.toLowerCase()==t.property.accomType.toLowerCase()&&(o=!0,e.count+=1,n+=1)}),o||(e.push({name:t.property.accomType.toLowerCase(),count:1}),n+=1)}),e.forEach(function(e){"all"==e.name.toLowerCase()&&(e.count=n)}),e.sort(function(n,e){return e.count-n.count})},n.prototype.loadAmenitiesList=function(){this.amenityTypes.length=0;var n=[],e=this.amenityTypes,t=0;e.push({name:"all",count:0}),this.hotels.forEach(function(o){o.property.amenities&&Object.keys(o.property.amenities).forEach(function(a){n.indexOf(a)<0?o.property.amenities[a]&&(n.push(a),e.push({name:a,count:1}),t+=1):e.forEach(function(n){n.name.toLowerCase()==a.toLowerCase()&&o.property.amenities[a]&&(n.count+=1,t+=1)})}),o.rooms.forEach(function(o){o.amenities&&Object.keys(o.amenities).forEach(function(a){n.indexOf(a)<0?o.amenities[a]&&(n.push(a),e.push({name:a,count:1}),t+=1):e.forEach(function(n){n.name==a&&o.amenities[a]&&(n.count+=1,t+=1)})})})}),e.forEach(function(n){"all"==n.name.toLowerCase()&&(n.count=t)}),e.sort(function(n,e){return e.count-n.count})},n.prototype.formatSummaryDate=function(n,e){var t=n.substr(0,4),o=n.substr(5,2),a=n.substr(8,2),r=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],i=new Date(n);if("in"==e)return a+" "+r[parseInt(o)-1]+" "+t;if("with-day"==e)return["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][i.getDay()]+", "+a+" "+r[parseInt(o)-1]+" "+t;var l=new Date(n),s=new Date(l.getFullYear(),l.getMonth(),l.getDate()+1,l.getHours(),l.getMinutes(),l.getSeconds());return s.getDate()+" "+r[s.getMonth()]+" "+s.getFullYear()},n.prototype.formatShortDate=function(n,e){var t=n.substr(5,2),o=n.substr(8,2),a=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];if("in"==e)return o+" "+a[parseInt(t)-1];var r=new Date(n),i=new Date(r.getFullYear(),r.getMonth(),r.getDate()+1,r.getHours(),r.getMinutes(),r.getSeconds());return i.getDate()+" "+a[i.getMonth()]},n.prototype.getMinStartDate=function(){if("venue"==this.appType&&this.eventInfo&&this.eventInfo.startDate){var n=new Date(this.eventInfo.startDate);return c(new Date(n.setDate(n.getDate()-3)))}var e=new Date;return this.tomorrow=c(e.setDate(e.getDate()+1)),this.tomorrow},n.prototype.getMinEndDate=function(){if("venue"==this.appType&&this.eventInfo&&this.eventInfo.startDate){var n=new Date(this.eventInfo.startDate);return new Date(n.setDate(n.getDate()-3))}if(this.filter.checkinDate){var e=new Date(this.filter.checkinDate),t=new Date(e.setDate(e.getDate()+1));return this.dayAfterTomorrow<=t?t:this.dayAfterTomorrow}return this.dayAfterTomorrow},n.prototype.getMaxEndDate=function(){if("venue"==this.appType&&this.eventInfo&&this.eventInfo.startDate){var n=new Date(this.eventInfo.endDate);return c(new Date(n.setDate(n.getDate()+3)))}if(this.eventInfo&&this.eventInfo.endDate){var e=new Date(this.eventInfo.endDate);return c(e.setDate(e.getDate()+90))}return c()},p([Object(o.Output)(),m("design:type",o.EventEmitter)],n.prototype,"change",void 0),n=p([Object(o.Injectable)(),m("design:paramtypes",[d.b,s.CookieService])],n)}(),u=(function(){}(),function(){}(),function(){return function(n){this.viewLimit={event:3,alternative:3},this.property=n.property,this.rooms=n.rooms}}()),b=(function(){}(),function(){return function(n){this.rateName=n.rateName,this.rateId=n.rateId,this.eventRate=n.eventRate,this.rateFeatures=[],this.dayPrices=[];for(var e=0,t=n.rateFeatures;e<t.length;e++){var o=t[e];this.rateFeatures.push(o)}for(var a=0,r=n.dayPrices;a<r.length;a++){var i=r[a];this.dayPrices.push(new h(i))}this.totalPrice=n.totalPrice,this.cancellationNote=n.cancellationNote,this.cancellationPolicy=n.cancellationPolicy}}()),h=function(){return function(n){this.date=n.date,this.standardPrice=n.standardPrice,this.specialPrice=n.specialPrice,this.soldOut=n.soldOut,this.specialNote=n.specialNote}}(),f=t("ItHS"),y=t("7DMc"),x=t("qgQI"),v={production:!0,api:"https://api.obeaccom.com.au/Hotel",review:"https://obe-places.ozaccom.com.au/api/places",venueBanner:"https://obe-images.s3.amazonaws.com/banner"},k=t("7t+N"),C=this&&this.__decorate||function(n,e,t,o){var a,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,t,o);else for(var l=n.length-1;l>=0;l--)(a=n[l])&&(i=(r<3?a(i):r>3?a(e,t,i):a(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i},w=this&&this.__metadata||function(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)},R=function(){function n(n,e,t,o,a,r,i,l,s){this.fb=n,this.ref=e,this.globals=t,this.http=o,this.renderer=a,this.router=r,this.route=i,this.titleService=l,this.datePipe=s,this.eventId="",this.accommodationOnly=!1,this.deleteRoomIndex=-1,this.deleteRoomDetails="",this.modalTitle="",this.modalMessage="",this.dateRange={startDate:c(),endDate:c()},this.dateRangeCheckIn={startDate:c(),endDate:c()},this.dateRangeCheckOut={startDate:c(),endDate:c()},this.matrixView=!1,this.activeView="list",this.amenityIcons={parking:"accom-parking",restaurant:"accom-restaurant",aircon:"accom-ac",bar:"accom-bar",earlyCheckin:"accom-calendar",wifi:"accom-wifi",breakfast:"accom-breakfast",pool:"accom-pool",cots:"accom-cots",sofaBed:"accom-sofa",loungeAccess:"accom-lounge",connectingRooms:"accom-connecting",bath:"accom-spa",shower:"accom-shower",smoking:"accom-smoking",balcony:"accom-balcony"},this.amenitiesList=[{icon:"soap-icon-wifi",key:"wifi",text:"Wi-Fi"},{icon:"soap-icon-swimming",key:"pool",text:"Swimming Pool"},{icon:"soap-icon-television",key:"television",text:"Television"},{icon:"soap-icon-coffee",key:"coffee",text:"Coffee"},{icon:"soap-icon-aircon",key:"aircon",text:"Air Conditioner"},{icon:"soap-icon-fitnessfacility",key:"fitnessfacility",text:"Fitness Facility"},{icon:"soap-icon-fridge",key:"fridge",text:"Fridge"},{icon:"soap-icon-winebar",key:"winebar",text:"Wine Bar"},{icon:"soap-icon-smoking",key:"smoking",text:"Smoking"},{icon:"soap-icon-entertainment",key:"entertainment",text:"Entertainment"},{icon:"soap-icon-securevault",key:"securevault",text:"Secure Vault"},{icon:"soap-icon-pickanddrop",key:"pickanddrop",text:"Pick and Drop"},{icon:"soap-icon-phone",key:"phone",text:"Phone"},{icon:"soap-icon-pets",key:"pets",text:"Pets"},{icon:"soap-icon-playplace",key:"playplace",text:"Play Place"},{icon:"soap-icon-breakfast",key:"breakfast",text:"Complimentary Breakfast"},{icon:"soap-icon-parking",key:"parking",text:"Parking"},{icon:"soap-icon-conference",key:"conference",text:"Conference"},{icon:"soap-icon-fireplace",key:"fireplace",text:"Fireplace"},{icon:"soap-icon-handicapaccessiable",key:"handicapaccessible",text:"Handicap Accessible"},{icon:"soap-icon-doorman",key:"doorman",text:"Doorman"},{icon:"soap-icon-tub",key:"tub",text:"Hot Tub"},{icon:"soap-icon-elevator",key:"elevator",text:"Elevator in Building"},{icon:"soap-icon-star",key:"star",text:"Suitable for Events"}],this.ccForm=this.fb.group({type:[null,y.Validators.required],name:[null,y.Validators.required],number:[null,y.Validators.required],idNumber:[null,y.Validators.required],expiryMonth:[null,y.Validators.required],expiryYear:[null,y.Validators.required]}),this.cookieReservations=[],this.customMarkers=[],this.dataHasLoaded=!1,this.filter={distance:30,distance_unit:"km",location:"Brisbane",property:"",checkinDate:null,checkoutDate:null,adults:2,children:0,price_ranges:[],starRating:0,maxTotalCost:{threeHundred:!1,fiveHundred:!1,eightHundred:!1,twelveHundred:!1,twelveHundredPlus:!1},amenities:{all:!1,apartment:!1,hotel:!1,breakfast:!1,smoking:!1,wifi:!1,parking:!1,pool:!1,cots:!1,sofaBed:!1,shower:!1,balcony:!1,additionalBedding:!1,loungeAccess:!1,connectingRooms:!1,bath:!1},accomType:{all:!1,hotel:!1,apartment:!1,budget:!1,resort:!1,motel:!1,bostel:!1,bb:!1,villa:!1,others:!1}},this.hasAttemptedSubmission=!1,this.hotels=[],this.lat=-27.447071,this.lng=153.030733,this.mapOptions={center:{lat:-27.447184,lng:153.030792},zoom:5,tilt:45},this.marker={display:!0,lat:null,lng:null},this.matrixData={},this.mobileFilter=!1,this.officeHoursTimer="",this.rateTypes=[{typeTitle:"EVENT RATES",rateSource:"OBE"},{typeTitle:"ALTERNATIVE RATES",rateSource:"EVA"}],this.siteTheme="",this.sortByMethod="",this.showInCurrency={name:"",code:"",symbol_native:""},this.currencyRate=1,this.selectedHotel=this.hotels[0],this.selectedRoom=null,this.tncForm=this.fb.group({checkbox:[null,y.Validators.required]}),this.galleryOptions=[{preview:!1,width:"100%",height:"400px",thumbnailsColumns:4},{breakpoint:800,width:"100%",height:"600px",imagePercent:80,thumbnailsPercent:20,thumbnailsMargin:20,thumbnailMargin:20},{breakpoint:400,preview:!1}],this.galleryImages={}}return n.prototype.loadGalleryImages=function(){for(var n=function(n){var t=e;t.galleryImages["hotel_"+n.property.id]=[];for(var o=0,a=n.property.images;o<a.length;o++){var r=a[o],i={small:r.path,medium:r.path,big:r.path};t.galleryImages["hotel_"+n.property.id].push(i)}n.rooms.forEach(function(e){t.galleryImages["room_"+n.property.id+"_"+e.code]=[],e.images&&e.images.length>0&&e.images.forEach(function(o){var a={small:o.path,medium:o.path,big:o.path};t.galleryImages["room_"+n.property.id+"_"+e.code].push(a)})})},e=this,t=0,o=this.hotels;t<o.length;t++){n(o[t])}},n.prototype.toggleMobileFilter=function(){this.mobileFilter=!this.mobileFilter},n.prototype.toggleActiveView=function(){this.activeView="list"===this.activeView?"map":"list"},n.prototype.toggleMatrixView=function(){this.matrixView=!this.matrixView},n.prototype.initMap=function(){},n.prototype.formatCurrency=function(n){return isNaN(parseFloat(n))?n:parseFloat(n).toFixed(2)},n.prototype.hotelHasAmenity=function(n,e){for(var t=!1,o=0,a=Object.keys(e.property.amenities);o<a.length;o++){if((c=a[o])===n.key&&e.property.amenities[c]){t=!0;break}}for(var r=0,i=e.rooms;r<i.length;r++){var l=i[r];if(l.description.toLowerCase().indexOf(n.text.toLowerCase())>-1){t=!0;break}if(l.amenities)for(var s=0,d=Object.keys(l.amenities);s<d.length;s++){var c;if((c=d[s])===n.key&&l.amenities[c]){t=!0;break}}}return t},n.prototype.hotelHasAmenities=function(n){for(var e=!1,t=0,o=Object.keys(n.property.amenities);t<o.length;t++){var a=o[t];n.property.amenities[a]&&(e=!0)}if(!e)for(var r=0,i=n.rooms;r<i.length;r++){var l=i[r];if(l.amenities)for(var s=0,d=l.amenities;s<d.length;s++){var c=d[s];if(l.amenities[c]){e=!0;break}}}return e},n.prototype.onMapReady=function(n){for(var e=new google.maps.LatLngBounds,t=0,o=this.hotels;t<o.length;t++){var a=o[t];e.extend({lat:parseFloat(a.property.geoLocation.latitude),lng:parseFloat(a.property.geoLocation.longitude)})}e.extend({lat:parseFloat(this.globals.eventInfo.latitude),lng:parseFloat(this.globals.eventInfo.longitude)}),n.fitBounds(e),n.setOptions({clickableIcons:!1});var r=new google.maps.StyledMapType([{featureType:"poi.business",elementType:"all",stylers:[{visibility:"off"}]}]);n.mapTypes.set("styled_map",r),n.setMapTypeId("styled_map")},n.prototype.onCustomMarkerInit=function(n){this.customMarkers.push(n)},n.prototype.onCustomEventMarkerInit=function(n){this.customEventMarker=n},n.prototype.customClicked=function(n,e){if(this.nguiMapComponent){for(var t=0,o=this.hotels;t<o.length;t++){var a=o[t];this.nguiMapComponent.closeInfoWindow("iw_"+a.property.id)}this.nguiMapComponent.openInfoWindow("iw_"+n.property.id,this.customMarkers[e])}},n.prototype.customEventClicked=function(){this.nguiMapComponent&&this.nguiMapComponent.openInfoWindow("event_info_window",this.customEventMarker)},n.prototype.getMapOptions=function(n){return n.property.geoLocation?{center:{lat:n.property.geoLocation.latitude,lng:n.property.geoLocation.longitude},zoom:13}:null},n.prototype.guestFormInvalid=function(n){for(var e=!1,t=0,o=["title","firstName","lastName","organisation","phone","email","addCity","addCountry"];t<o.length;t++){var a=o[t];if(n.room.primaryGuestForm.controls[a].hasError("required")){e=!0;break}}return e},n.prototype.ccFormInvalid=function(n){for(var e=!1,t=0,o=["type","name","number","idNumber","expiryMonth","expiryYear"];t<o.length;t++){var a=o[t];if(n.controls[a].hasError("required")){e=!0;break}}return e},n.prototype.ngOnInit=function(){var n=this;"venue"==this.globals.appType?(this.eventId=this.globals.venueEventCode,this.accommodationOnly=!0):(this.route.params.subscribe(function(e){n.eventId=e.eventid,n.route.snapshot.queryParamMap.get("accommodationOnly")&&(n.accommodationOnly=!0)}),this.eventId||(this.eventId="d870d908-c199-4393-beaf-0dbf0d83f308")),this.setup()},n.prototype.configureFrameParentWindow=function(){this.accommodationOnly&&window.parent.postMessage({action:"hideNavigationButton"},"*"),window.parent.postMessage({action:"setNavigationButtonText",value:"Next"},"*")},n.prototype.setup=function(){var n=this;this.configureFrameParentWindow(),this.globals.hotelsLoading=!0,this.ref.detectChanges(),this.globals.change.subscribe(function(e){n.loadHotels(e,n.globals.filter)}),this.http.post(v.api+"/GetEventInfo",{EventId:this.eventId,AppRequestType:this.globals.appType}).subscribe(function(e){200===e.responseCode&&e.eventInfo?(e.eventInfo.longitude=parseFloat(e.eventInfo.longitude),e.eventInfo.latitude=parseFloat(e.eventInfo.latitude),n.globals.eventInfo=e.eventInfo,0===n.globals.eventInfo.longitude&&(n.globals.eventInfo.longitude=153.030727),0===n.globals.eventInfo.latitude&&(n.globals.eventInfo.latitude=-27.446889),n.titleService.setTitle(n.globals.eventInfo.name),n.loadEventAvailableCurrency(),n.setEventCurrency(n.globals.eventInfo.currency),n.loadCurrencyExchange(),n.globals.minStartDate=n.globals.getMinStartDate(),n.globals.minEndDate=n.globals.getMinEndDate(),n.globals.maxEndDate=n.globals.getMaxEndDate(),n.globals.endLoading(),n.initMap(),n.initFilters(),n.setDateRange()):(n.globals.activePage="no-event",n.globals.hotelsLoading=!1)}),this.obeView&&(this.renderer.listen(this.obeView.nativeElement,"mousemove",function(){n.setParentHeight()}),this.renderer.listen(this.obeView.nativeElement,"touchmove",function(){n.setParentHeight()}),this.renderer.listen(this.obeView.nativeElement,"click",function(){n.setParentHeight()}))},n.prototype.loadEventAvailableCurrency=function(){if(this.globals.eventInfo.availableCurrency&&this.globals.eventInfo.availableCurrency.length>0){var n=this;this.globals.eventInfo.availableCurrency.forEach(function(e){n.globals.selectItems.currencies.map(function(n){n.code==e.currencyCode&&(n.visible=e.showCurrency)})})}},n.prototype.setDateRange=function(){var n={startDate:this.globals.filter.checkinDate,endDate:this.globals.filter.checkoutDate},e={startDate:this.globals.filter.checkinDate,endDate:this.globals.filter.checkinDate},t={startDate:this.globals.filter.checkoutDate,endDate:this.globals.filter.checkoutDate};this.dateRange=n,this.dateRangeCheckIn=e,this.dateRangeCheckOut=t},n.prototype.setEventCurrency=function(n){if(n){var e=this.globals.selectItems.currencies.filter(function(e){return e.code==n});e&&(this.globals.siteCurrency.symbol=e[0].symbol,this.globals.siteCurrency.name=e[0].name,this.globals.siteCurrency.symbol_native=e[0].symbol_native,this.globals.siteCurrency.decimal_digits=e[0].decimal_digits,this.globals.siteCurrency.rounding=e[0].rounding,this.globals.siteCurrency.code=e[0].code,this.globals.siteCurrency.name_plural=e[0].name_plural,this.globals.siteCurrency.exchange_rate=e[0].exchange_rate)}},n.prototype.hasRates=function(n,e){for(var t=!1,o=!1,a=0,r=e.rooms;a<r.length;a++)for(var i=0,l=r[a].rates;i<l.length;i++){var s=l[i];"EA"===s.source||"OBE"===s.source?t=!0:o=!0}return"event"===n?t:o},n.prototype.initFilters=function(){if(this.filter.adults=1,this.filter.children=0,!this.globals.filter.checkinDate){var n=new Date(this.globals.eventInfo.startDate),e=new Date(n.getTime()+6e4*n.getTimezoneOffset());(t=new Date).setDate(t.getDate()+1),this.globals.filter.checkinDate=e>t?e:t}if(!this.globals.filter.checkoutDate){n=new Date(this.globals.eventInfo.startDate);var t,o=new Date(this.globals.eventInfo.endDate),a=new Date(o.getTime()+6e4*o.getTimezoneOffset());(t=new Date).setDate(t.getDate()+1),n.getDate()===o.getDate()&&a.setDate(a.getDate()+1),this.globals.filter.checkoutDate=a>t?a:t,a<t&&(this.globals.eventExpired=!0)}this.loadHotels(!0)},n.prototype.getPlan=function(n){return n.rooms[0].rates[0].plan},n.prototype.getRoomRates=function(n){return n[0].plan},n.prototype.loadMoreRates=function(n,e){n.viewLimit[e]+=3},n.prototype.getReviewData=function(n){this.http.get(v.review+"/"+n.property.name.replace(new RegExp("&","gi"),"").replace(new RegExp("@","gi"),"").replace(new RegExp("  ","gi"),"+").replace(new RegExp(" ","gi"),"+")).subscribe(function(e){if(e){var t={},o=new Array;e.rating&&(t.averageReviewRate=e.rating,e.reviews&&(e.reviews.forEach(function(n){o.push({authorName:n.author_name?n.author_name.toString():"",authorUrl:n.author_url?n.author_url.toString():"",language:n.language?n.language.toString():"",profilePhotoUrl:n.profile_photo_url?n.profile_photo_url.toString():"",rating:n.rating?n.rating.toString():"",relativeTimeDescription:n.relative_time_description?n.relative_time_description.toString():"",text:n.text?n.text.toString():"",time:n.time?n.time.toString():""})}),t.reviews=o,n.property.review=t))}},function(n){console.log(n)})},n.prototype.loadHotels=function(n,e){var t=this;this.globals.startLoading(),this.hotels.length=0,"map"==this.activeView&&(this.activeView="list"),e||(e={location:null,checkinDate:null,checkoutDate:null,totalCost:"Less than $300",adults:1,children:0,starRating:null,distance:"2km",toggles:{apartment:!1,hotel:!1,breakfast:!1,wifi:!1,parking:!1}});var o="",a="",r=function(n){var e="00"+n;return e.substr(e.length-2)};if(this.globals.filter.checkinDate&&(o=this.globals.filter.checkinDate.getFullYear()+"-"+r(this.globals.filter.checkinDate.getMonth()+1)+"-"+r(this.globals.filter.checkinDate.getDate())),this.globals.filter.checkoutDate&&(a=this.globals.filter.checkoutDate.getFullYear()+"-"+r(this.globals.filter.checkoutDate.getMonth()+1)+"-"+r(this.globals.filter.checkoutDate.getDate())),n)this.http.post(v.api+"/GetHotels",{EventId:this.eventId,DateFrom:o,DateTo:a,NumberOfAdults:parseInt(e.adults,10),NumberOfChildren:parseInt(e.children,10),AppRequestType:this.globals.appType}).subscribe(function(n){if(t.hotels.length=0,t.globals.hotels.length=0,200===n.responseCode&&n.data.length){for(var e=[],o=0,a=n.data;o<a.length;o++){var r=a[o];t.getReviewData(r),e.push(new u(r))}t.hotels=t.calcAndSortRates(e),t.globals.hotels=t.calcAndSortRates(e),t.hotels=t.filterHotels(t.hotels),t.globals.hotels=t.filterHotels(t.hotels),t.hotels=t.fixPlans(t.hotels),t.globals.hotels=t.fixPlans(t.hotels),t.getCheapestPrice(),t.globals.maxHotelAmount=Math.max.apply(Math,t.globals.hotels.map(function(n){return Math.max.apply(Math,n.rooms.map(function(n){return Math.max.apply(Math,n.rates.map(function(n){return Math.max.apply(Math,n.plan.map(function(n){return"N/A"===n.amount.toString()?0:n.amount}))}))}))}));var i=["0",t.globals.maxHotelAmount.toString()];t.globals.filter.price_ranges=i,t.globals.maxHotelDistance=Math.max.apply(Math,t.globals.hotels.map(function(n){return n.property.distanceFromVenue&&Number(n.property.distanceFromVenue.replace(" km",""))?parseFloat(n.property.distanceFromVenue.replace(" km","")):0})),t.globals.filter.distance=t.globals.maxHotelDistance,t.globals.loadAccomTypeList(),t.globals.loadAmenitiesList(),t.sortByMethod="Popular",t.changeSortBy("Popular"),t.setParentHeight(),t.loadMatrix(),t.loadGalleryImages(),t.globals.endLoading(),t.dataHasLoaded=!0}else t.hotels=[],t.loadMatrix(),t.loadGalleryImages(),t.globals.endLoading(),t.dataHasLoaded=!0});else{this.hotels=this.globals.hotels,this.hotels=e.property?this.hotels.filter(function(n){return n.property.name.toLowerCase().includes(e.property.toLowerCase())}):this.hotels,this.hotels=e.price_ranges[0]>=0&&e.price_ranges[1]>0?this.hotels.filter(function(n){return n.rooms.filter(function(n){return n.rates.filter(function(n){return n.plan.filter(function(n){return n.amount>=e.price_ranges[0]&&n.amount<=e.price_ranges[1]}).length>0}).length>0}).length>0}):this.hotels,this.hotels=e.distance>0?this.hotels.filter(function(n){return(Number(n.property.distanceFromVenue.replace(" km",""))?parseFloat(n.property.distanceFromVenue.replace(" km","")):0)<=e.distance}):this.hotels,this.hotels=e.starRating>0?this.hotels.filter(function(n){return n.property.starRating<=e.starRating}):this.hotels;var i=Object.keys(e.accomType).filter(function(n){return!0===e.accomType[n]?n:""}).map(String);i.filter(function(n){return"all"===n.toLowerCase()}).length<=0&&(this.hotels=i.length>0?this.hotels.filter(function(n){return i.filter(function(e){return n.property.accomType.toLowerCase()===e.toLowerCase()}).length>0}):this.hotels);var l=Object.keys(e.amenities).filter(function(n){return!0===e.amenities[n]?n:""}).map(String);l.filter(function(n){return"all"===n.toLowerCase()}).length<=0&&(this.hotels=l.length>0?this.hotels.filter(function(n){return l.filter(function(e){return!(!n.property.amenities||!n.property.amenities[e])&&!!n.property.amenities[e]}).length>0||n.rooms.filter(function(n){return l.filter(function(e){return!(!n.amenities||!n.amenities[e])&&!!n.amenities[e]}).length>0}).length>0}):this.hotels),this.setParentHeight(),this.loadMatrix(),this.loadGalleryImages(),this.globals.endLoading(),this.dataHasLoaded=!0}this.changeSortBy(this.sortByMethod)},n.prototype.toggleHotelExpand=function(n){n.expand=!n.expand},n.prototype.matrixDate=function(n){var e=new Date(n.date),t=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][e.getDay()],o=e.getDate(),a=["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"][e.getMonth()];return{day:t,date:o.toString(),month:a}},n.prototype.getReviewCount=function(n,e){var t=[];return n&&(t=n.filter(function(n){return n.rating==e})),t.length},n.prototype.loadMatrix=function(){var n=this.hotels,e={dates:[],hotels:[]};if(n&&n.length){for(var t=0,o=n[0].rooms[0].rates[0].plan;t<o.length;t++){var a=o[t];e.dates.push(this.matrixDate(a))}for(var r=0,i=n;r<i.length;r++){var l=i[r],s={cheapestRate:[],cheapestRateTotal:"",eventRates:[],altRates:[],name:""};if(s.name=l.property.name,s.cheapestRate=[],l.property.cheapestRate)for(var d=0,c=l.property.cheapestRate.plan;d<c.length;d++){var p=c[d];s.cheapestRate.push(p.amount.toString())}l.property.cheapestPrice&&(s.cheapestRateTotal=l.property.cheapestPrice.toString()),s.eventRates=[],s.altRates=[],e.hotels.push(s);for(var m=0,g=l.rooms;m<g.length;m++)for(var u=g[m],b={name:"",prices:[],totalCost:""},h=0,f=u.rates;h<f.length;h++){p=f[h];b.name=u.name;for(var y=0,x=p.plan;y<x.length;y++){var v=x[y];b.prices.push(v.amount.toString())}b.totalCost=p.totalCost.toString(),"EA"===p.source?s.eventRates.push(b):s.altRates.push(b)}}}this.matrixData=e},n.prototype.fixPlans=function(n){for(var e=[],t=function(n){return("0"+n).slice(-2)},o=0,a=n;o<a.length;o++){for(var r=a[o],i=0,l=r.rooms;i<l.length;i++)for(var s=0,d=l[i].rates;s<d.length;s++){var c=d[s],p=void 0,m=void 0,g={day:1,month:1,year:2018};this.globals.filter.checkinDate&&(g={day:this.globals.filter.checkinDate.getDate(),month:this.globals.filter.checkinDate.getMonth()+1,year:this.globals.filter.checkinDate.getFullYear()},p=this.globals.filter.checkinDate),this.globals.filter.checkoutDate&&(m=this.globals.filter.checkoutDate);for(var u=Math.abs(p.getTime()-m.getTime()),b=Math.ceil(u/864e5),h=[],f=new Date(g.year+"/"+g.month+"/"+g.day),y=0;y<b;y++){for(var x=!1,v=0,k=c.plan;v<k.length;v++){var C=k[v],w=new Date(C.date);if(w.getFullYear()+"/"+t(w.getMonth()+1)+"/"+t(w.getDate())===f.getFullYear()+"/"+t(f.getMonth()+1)+"/"+t(f.getDate())){if(x=!0,"N/A"!==C.amount.toString()){var R=parseFloat(C.amount.toString()).toFixed(2);"00"!==R.substr(R.length-2,2)&&(C.amount=parseFloat(R))}h.push(C);break}}if(!x){var O={date:f.getFullYear()+"/"+t(f.getMonth()+1)+"/"+t(f.getDate()),available:0,amount:"N/A",currency:this.globals.eventInfo.currency};h.push(O)}f.setDate(f.getDate()+1)}c.plan.length=0;for(var _=0,T=h;_<T.length;_++){var I=T[_];c.plan.push(I)}}e.push(r)}return e},n.prototype.calcAndSortRates=function(n){for(var e=0,t=n;e<t.length;e++){for(var o=0,a=(N=t[e]).rooms;o<a.length;o++){(M=a[o]).description&&(M.description.toLowerCase().indexOf("wifi")>-1&&(N.property.amenities.wifi=!0),M.description.toLowerCase().indexOf("smoking")>-1&&(N.property.amenities.smoking=!0)),M.bedding&&M.bedding.toLowerCase().indexOf("wifi")>-1&&(N.property.amenities.wifi=!0),M.maxCapacity&&2==M.maxCapacity&&(N.property.greatForTravelers=!0);for(var r=0,i=M.rates;r<i.length;r++){for(var l=0,s=0,d=0,c="",p=0,m=(L=i[r]).plan;p<m.length;p++){var g=m[p];l+=g.amount,s+=g.unConvertedAmount,c=g.unConvertedCurrency,d=(d=0===d?g.amount:d)>g.amount?g.amount:d}L.totalCost=l.toFixed(2),L.totalUnconvertedCost=s.toFixed(2),L.unConvertedCurrency=c,L.cheapestRoomRate=d}M.rates=M.rates.sort(function(n,e){return parseFloat(n.totalCost.toString())-parseFloat(e.totalCost.toString())}),M.cheapestPrice=parseFloat(M.rates[0].totalCost.toString()),M.viewLimit=3}N.rooms=N.rooms.sort(function(n,e){return n.cheapestPrice-e.cheapestPrice}),N.property.cheapestPrice=parseFloat(N.rooms[0].rates[0].totalCost.toString());for(var u=0,b=0,h=null,f=null,y=null,x=0,v=0,k=0,C=0,w=!0,R=!0,O=0,_=N.rooms;O<_.length;O++)for(var T=0,I=(M=_[O]).rates;T<I.length;T++){var L=I[T];"OBE"===M.source||"EA"===M.source?(0===u?(u=parseFloat(L.totalCost.toString()),h=L,w=!1):u>L.totalCost&&(u=parseFloat(L.totalCost.toString()),h=L,w=!1),v=(v=0===v?parseFloat(L.cheapestRoomRate.toString()):v)>parseFloat(L.cheapestRoomRate.toString())?parseFloat(L.cheapestRoomRate.toString()):v):1===M.specialRates?(0===x?(x=parseFloat(L.totalCost.toString()),y=L,R=!1):x>L.totalCost&&(x=parseFloat(L.totalCost.toString()),y=L,R=!1),C=(C=0===C?parseFloat(L.cheapestRoomRate.toString()):C)>parseFloat(L.cheapestRoomRate.toString())?parseFloat(L.cheapestRoomRate.toString()):C):0===b?(L.totalCost>0&&(b=parseFloat(L.totalCost.toString()),f=L,R=!1),k=(k=0===k?parseFloat(L.cheapestRoomRate.toString()):k)>parseFloat(L.cheapestRoomRate.toString())?parseFloat(L.cheapestRoomRate.toString()):k):(b>L.totalCost&&(b=parseFloat(L.totalCost.toString()),f=L,R=!1),k=(k=0===k?parseFloat(L.cheapestRoomRate.toString()):k)>parseFloat(L.cheapestRoomRate.toString())?parseFloat(L.cheapestRoomRate.toString()):k)}N.property.cheapestEventRate=h||null,N.property.cheapestEventRateCost=u||null,N.property.cheapestLiveRate=f||null,N.property.cheapestLiveRateCost=b||null,N.property.cheapestSpecialRate=y||null,N.property.cheapestSpecialRateCost=x||null,N.property.cheapestRate=N.rooms[0].rates[0],N.property.cheapestRoomEventRateCost=v||null,N.property.cheapestRoomLiveRateCost=k||null,N.property.cheapestRoomSpecialRateCost=C||null,N.property.notAvailableEventRate=w,N.property.notAvailableOnlineRate=R}for(var A=n.sort(function(n,e){return n.property.cheapestPrice&&e.property.cheapestPrice?n.property.cheapestPrice-e.property.cheapestPrice:!n.property.cheapestPrice&&e.property.cheapestPrice?1:n.property.cheapestPrice&&!e.property.cheapestPrice?-1:(n.property.cheapestPrice||e.property.cheapestPrice,-1)}),E=0,B=A;E<B.length;E++)for(var N,D=0,S=(N=B[E]).rooms;D<S.length;D++)for(var M,P=0,G=(M=S[D]).rates;P<G.length;P++){(L=G[P]).plan.length}return A},n.prototype.getCheapestPrice=function(){var n=this;this.hotels.forEach(function(e){for(var t=0,o=0,a=null,r=null,i=0,l=0,s=0,d=0,c=null,p=0,m=0,g=e.rooms;m<g.length;m++)for(var u=g[m],b=0,h=u.rates;b<h.length;b++){var f=h[b];n.allDaysAvailable(f)&&(d=0===d?parseFloat(f.totalCost.toString()):d,"OBE"===u.source||"EA"===u.source?(0===t?(t=parseFloat(f.totalCost.toString()),a=f):t>f.totalCost&&(t=parseFloat(f.totalCost.toString()),a=f),i=(i=0===i?parseFloat(f.cheapestRoomRate.toString()):i)>parseFloat(f.cheapestRoomRate.toString())?parseFloat(f.cheapestRoomRate.toString()):i):1===u.specialRates?(0===p?(p=parseFloat(f.totalCost.toString()),c=f):p>f.totalCost&&(p=parseFloat(f.totalCost.toString()),c=f),s=(s=0===s?parseFloat(f.cheapestRoomRate.toString()):s)>parseFloat(f.cheapestRoomRate.toString())?parseFloat(f.cheapestRoomRate.toString()):s):0===o?(o=parseFloat(f.totalCost.toString()),r=f,l=(l=0===l?parseFloat(f.cheapestRoomRate.toString()):l)>parseFloat(f.cheapestRoomRate.toString())?parseFloat(f.cheapestRoomRate.toString()):l):(o>f.totalCost&&(o=parseFloat(f.totalCost.toString()),r=f),l=(l=0===l?parseFloat(f.cheapestRoomRate.toString()):l)>parseFloat(f.cheapestRoomRate.toString())?parseFloat(f.cheapestRoomRate.toString()):l))}e.property.cheapestPrice=d,e.property.cheapestEventRate=a||null,e.property.cheapestEventRateCost=t||null,e.property.cheapestLiveRate=r||null,e.property.cheapestLiveRateCost=o||null,e.property.cheapestSpecialRate=c||null,e.property.cheapestSpecialRateCost=p||null,e.property.cheapestRate=e.rooms[0].rates[0],e.property.cheapestRoomEventRateCost=i||null,e.property.cheapestRoomLiveRateCost=l||null,e.property.cheapestRoomSpecialRateCost=s||null})},n.prototype.filterHotels=function(n){var e=this;return n.filter(function(n){var t=e.globals.filter.starRating,o=n.property.starRating,a=e.globals.filter.amenities,r=n.property.amenities,i=e.globals.filter.maxTotalCost,l=e.globals.filter.property,s=n.property.name;return!!e.filterByName(l,s)&&(!!e.filterByCost(i,n)&&(!!e.filterByStar(t,o)&&!!e.filterByAmenity(a,r,n)))})},n.prototype.filterByName=function(n,e){return!n||""===n.trim()||e.toLowerCase().indexOf(n.toLowerCase())>=0},n.prototype.filterByCost=function(n,e){for(var t=!1,o=0,a=e.rooms;o<a.length;o++){for(var r=!1,i=0,l=a[o].rates;i<l.length;i++){var s=n,d=l[i].totalCost;if(!(s.threeHundred||s.fiveHundred||s.eightHundred||s.twelveHundred||s.twelveHundredPlus)){r=!0;break}if(d<300){r=s.threeHundred;break}if(d<500){r=s.fiveHundred;break}if(d<800){r=s.eightHundred;break}if(d<1200){r=s.twelveHundred;break}if(d>=1200){r=s.twelveHundredPlus;break}}if(r){t=!0;break}}return t},n.prototype.filterByAmenity=function(n,e,t){return!(n.breakfast&&!e.breakfast)&&(!(n.smoking&&!e.smoking)&&(!(n.wifi&&!e.wifi)&&(!(n.parking&&!e.parking)&&(n.apartment&&!n.hotel?"Apartment"===t.property.accomType:!n.apartment&&n.hotel?"Hotel"===t.property.accomType:!n.apartment||!n.hotel||("Apartment"===t.property.accomType||"Hotel"===t.property.accomType)))))},n.prototype.filterByStar=function(n,e){return!(n.one||n.two||n.three||n.four||n.five||n.six)||(e<2?n.one:e<3?n.two:e<4?n.three:e<5?n.four:e<6?n.five:6===e?n.six:void 0)},n.prototype.selectHotel=function(n,e){this.selectedHotel=n,e&&(this.selectedRoom=e)},n.prototype.selectRoom=function(n,e){this.selectedHotel=n,this.selectedRoom=e,console.log("hotel",n),console.log("room",e)},n.prototype.openGallery=function(n){for(var e=this,t=[],o=0,a=n.property.images;o<a.length;o++){var r=a[o],i={src:r.path,caption:r.description,thumb:r.path};t.push(i)}var l=k("*").filter(function(){return k(e).css("background-image")==='url("'+e.getHotelImg(n.property.images)+'")'});setTimeout(function(){var n=l.offset(),e=k(".featherlight-content").outerWidth(),t=0;if(e&&(t=e/2),n){var o=k(window).scrollTop();(o||0===o)&&k(".featherlight-content").css("top",n.top-o+"px"),k(".featherlight-content").css("margin-left",0-t+"px")}},1)},n.prototype.getEventRooms=function(n){for(var e=[],t=0,o=n.rooms;t<o.length;t++)for(var a=o[t],r=0,i=a.rates;r<i.length;r++){if("EA"===i[r].source){a.displayIdx=e.length,e.push(a);break}}return e},n.prototype.getAltRooms=function(n,e){for(var t=[],o=0,a=n.rooms;o<a.length;o++)for(var r=a[o],i=0,l=r.rates;i<l.length;i++){if("EA"!==l[i].source&&r.specialRates==e){r.displayIdx=t.length,t.push(r);break}}return t},n.prototype.validEmail=function(n){return/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(n).toLowerCase())||""===n.trim()},n.prototype.validPhoneNumber=function(n){return new RegExp("^[0-9-+ ]{5,20}$").test(String(n).toLowerCase())||""===n.trim()},n.prototype.fieldHasContents=function(n){return!!n&&n.toString().trim().length},n.prototype.countRates=function(n,e){for(var t=0,o=0,a=0,r=e.rooms;a<r.length;a++)for(var i=0,l=r[a].rates;i<l.length;i++){var s=l[i];"OBE"!==s.source&&"EA"!==s.source?o+=1:t+=1}return"event"===n?t:o},n.prototype.validateCardDetails=function(){var n=new RegExp("^[a-zA-Z- ]{3,50}$"),e=new RegExp("^[0-9]{13,19}$"),t=new RegExp("^(0[1-9]|1[012])$"),o=new RegExp("^(201[8-9]|20[1-2]\\d|2030)$"),a=new RegExp("^[0-9]{3,4}$"),r=(new Date).getFullYear(),i=(new Date).getMonth(),l=this.globals.booking.creditCard;return l.expiryMonth=l.expiryMonth.substr(0,2),l.cardType?n.test(l.cardholderName)?e.test(l.cardNumber)?t.test(l.expiryMonth)?o.test(l.expiryYear)?r>=parseInt(l.expiryYear,10)&&i+1>=parseInt(l.expiryMonth,10)?(this.globals.toasterError("Please check your card expiration and try again.","Error Card Details"),!1):!!a.test(l.cardIdNumber)||(this.globals.toasterError("Please check your cvv number and try again.","Error Card Details"),!1):(this.globals.toasterError("Please check your expiry year and try again.","Error Card Details"),!1):(this.globals.toasterError("Please check your expiry month and try again.","Error Card Details"),!1):(this.globals.toasterError("Please check your card number and try again.","Error Card Details"),!1):(this.globals.toasterError("Please check your card name and try again.","Error Card Details"),!1):(this.globals.toasterError("Please check your card type and try again.","Error Card Details"),!1)},n.prototype.finishReservation=function(){var n=this;if(this.hasAttemptedSubmission=!0,this.validateCardDetails()){this.globals.startLoading();for(var e={eventId:this.eventId,bookingInfo:[],paymentInfo:{name:this.globals.booking.creditCard.cardholderName,number:this.globals.booking.creditCard.cardNumber,expiryMonth:this.globals.booking.creditCard.expiryMonth.substr(0,2),expiryYear:this.globals.booking.creditCard.expiryYear,cvv:this.globals.booking.creditCard.cardIdNumber,type:"Visa"==this.globals.booking.creditCard.cardType?"VisaCard":"American Express"==this.globals.booking.creditCard.cardType?"AmericanExpress":this.globals.booking.creditCard.cardType},AppRequestType:this.globals.appType},t=0,o=this.globals.booking.roomReserves;t<o.length;t++){for(var a=o[t],r="",i=0,l=this.globals.selectItems.countryCodes;i<l.length;i++){var s=l[i];if(s.name===a.room.primaryGuest.address.country){r=s.alpha2;break}}""==a.room.primaryGuest.mobile&&(a.room.primaryGuest.mobile=a.room.primaryGuest.phone);for(var d={source:a.room.rate.source,hotelId:a.property.id,hotelName:a.property.name,roomId:a.room.code,roomName:a.room.name,currency:this.globals.eventInfo.currency,rate:a.room.rate.totalCost,unConvertedRate:a.room.rate.totalUnconvertedCost,unConvertedCurrency:a.room.rate.unConvertedCurrency,numberOfAdults:parseInt(this.globals.filter.adults.toString(),10),numberOfChildren:parseInt(this.globals.filter.children.toString(),10),checkInDate:a.room.checkinDate,checkOutDate:a.room.checkoutDate,guaranteeType:"Guarantee",specialRequest:a.room.specialRequest,roomPolicy:a.room.policies,dailyRate:[],estimatedArrivalTime:a.room.estimatedArrivalTime,estimatedDepartureTime:a.room.estimatedDepartureTime,loyaltyProram:a.room.loyaltyProram,loyaltyId:a.room.loyaltyId,primaryGuest:{title:a.room.primaryGuest.title,firstName:a.room.primaryGuest.firstName.trim(),lastName:a.room.primaryGuest.lastName.trim(),organisation:a.room.primaryGuest.organisation,position:a.room.primaryGuest.position,mobileNumber:a.room.primaryGuest.mobile,phoneNumber:a.room.primaryGuest.phone,primaryEmail:a.room.primaryGuest.email.trim(),secondaryEmail:a.room.primaryGuest.email,address:{addressLine1:a.room.primaryGuest.address.addressLine1,addressLine2:a.room.primaryGuest.address.addressLine2,addressLine3:a.room.primaryGuest.address.addressLine3,city:a.room.primaryGuest.address.city,state:a.room.primaryGuest.address.state,country:r,postCode:a.room.primaryGuest.address.postCode}},additionalGuest:[]},c=0,p=a.room.rate.plan;c<p.length;c++){var m=p[c];d.dailyRate.push({bookDate:m.date,rate:m.amount,unConvertedAmount:m.unConvertedAmount,unConvertedCurrency:m.unConvertedCurrency})}for(var g=0,u=a.room.additionalGuests;g<u.length;g++){var b=u[g],h={firstName:b.firstName,lastName:b.lastName,mobileNumber:b.mobile,title:b.title};(h.firstName||h.lastName||h.lastName||h.mobileNumber)&&d.additionalGuest.push(h)}e.bookingInfo.push(d)}this.http.post(v.api+"/CreateBooking",e).subscribe(function(e){if(200===e.responseCode){var t="";if(Array.isArray(e.bookingInfo)){var o=!0,a=!1,r=n;e.bookingInfo.forEach(function(n){if(t=n.eventsAirInfo&&n.eventsAirInfo.contactId?n.eventsAirInfo.contactId:"",window.parent.postMessage({action:"setContact",value:t},"*"),o=0!=n.status&&o,1==n.status){a=!0;var e=r.globals.booking.roomReserves.findIndex(function(e){return e.room.code==n.roomId});-1!==e&&r.globals.booking.roomReserves.splice(e,1)}else r.globals.booking.roomReserves.forEach(function(e){e.room.code==n.roomId&&(e.room.statusRemarks=n.statusRemarks)})}),o?(n.globals.endLoading(),n.globals.toasterSuccess(e.responseDescription,"Rooms Successfully Booked"),window.parent.postMessage({action:"setNavigationButtonText",value:"Continue"},"*"),n.globals.switchPage("complete"),n.globals.booking.roomReserves.length=0,window.parent.postMessage({action:"addBooking",value:t},"*"),window.parent.postMessage({action:"submitNavigationButton"},"*")):(n.globals.endLoading(),a?n.globals.toasterInfo("Some of your bookings were completed, but other bookings had encountered an error. Kindly review the remaining rooms and try again.","Booking Rooms"):n.globals.toasterError("Your booking encountered an error. Kindly check the rooms and try again.","Error Booking Rooms"))}else n.globals.endLoading(),n.globals.toasterError(e.responseDescription+". Please check your booking information and try again","Error Booking Rooms")}else n.globals.endLoading(),n.globals.toasterError(e.responseDescription+". Please check your booking information and try again","Error Booking Rooms")})}},n.prototype.toggleShowLessBtn=function(n){n.showLessBtn?n.showLessBtn=!1:n.showLessBtn=!0},n.prototype.reserveRate=function(n,e,t){this.hasAttemptedSubmission=!1,this.globals.switchPage("review"),!e.maxCapacity&&e.maxCapacityBeforeSurcharge&&(e.maxCapacity=e.maxCapacityBeforeSurcharge),e.maxCapacity&&!e.maxCapacityBeforeSurcharge&&(e.maxCapacityBeforeSurcharge=e.maxCapacity);var o=new Date(new Date(t.plan[t.plan.length-1].date).setDate(new Date(t.plan[t.plan.length-1].date).getDate()+1)),a=(o.getMonth()+1).toString().length<2?"0"+(o.getMonth()+1).toString():(o.getMonth()+1).toString(),r=o.getDate().toString().length<2?"0"+o.getDate().toString():o.getDate().toString(),i={property:{id:n.property.id,name:n.property.name,photo:n.property.images[0],images:n.property.images,reservationsPhone:n.property.reservationsPhone},room:{code:e.code,name:e.name,maxCapacity:e.maxCapacity,maxCapacityBeforeSurcharge:e.maxCapacityBeforeSurcharge,surcharges:e.surcharges?{preAuth:e.surcharges.preAuth,internet:e.surcharges.internet,extraAdult:e.surcharges.extraAdult,extraChild:e.surcharges.extraChild,rollAway:e.surcharges.rollAway}:{preAuth:0,internet:0,extraAdult:0,extraChild:0,rollAway:0},guestCount:e.maxCapacityBeforeSurcharge?e.maxCapacityBeforeSurcharge>parseInt(this.globals.filter.adults.toString(),10)+parseInt(this.globals.filter.children.toString(),10)?parseInt(this.globals.filter.adults.toString(),10)+parseInt(this.globals.filter.children.toString(),10):e.maxCapacityBeforeSurcharge:parseInt(this.globals.filter.adults.toString(),10)+parseInt(this.globals.filter.children.toString(),10),description:e.description,onlineRateTerms:"",eventRateTerms:"",policies:(e.policies?"Policy: "+e.policies+" ":"")+("EA"===t.source?n.property.eventRateTerms?"Terms: "+n.property.eventRateTerms:"":n.property.onlineRateTerms?"Terms: "+n.property.onlineRateTerms:""),primaryGuest:{title:"",firstName:"",lastName:"",organisation:"",position:"",address:{addressLine1:"",addressLine2:"",addressLine3:"",city:"",state:"",country:"",postCode:"",google:""},mobile:"",phone:"",email:""},additionalGuests:[],rate:{source:t.source,code:t.code,totalCost:t.totalCost,totalUnconvertedCost:t.totalUnconvertedCost,unConvertedCurrency:t.unConvertedCurrency,plan:t.plan},statusRemarks:"",specialRequest:"",estimatedArrivalTime:"",estimatedDepartureTime:"",loyaltyProram:"",loyaltyId:"",checkinDate:t.plan[0].date.substr(0,4)+"-"+t.plan[0].date.substr(5,2)+"-"+t.plan[0].date.substr(8,2),checkoutDate:o.getFullYear()+"-"+a+"-"+r}},l=0,s=0,d=parseInt(this.globals.filter.adults.toString(),10),c=parseInt(this.globals.filter.children.toString(),10);d+c<=i.room.maxCapacityBeforeSurcharge?(l=d-1,s=c):d<=i.room.maxCapacityBeforeSurcharge?(l=d-1,s=0):(l=i.room.maxCapacityBeforeSurcharge-1,s=0);for(var p=0;p<l;p++)i.room.additionalGuests.push({title:"",firstName:"",lastName:"",mobile:"",type:"Adult"});for(p=0;p<s;p++)i.room.additionalGuests.push({title:"",firstName:"",lastName:"",mobile:"",type:"Child"});i.room.primaryGuestForm=this.fb.group({title:[null,y.Validators.required],firstName:[null,y.Validators.required],lastName:[null,y.Validators.required],organisation:[null,y.Validators.required],position:[null,y.Validators.required],addLine1:[null,y.Validators.required],addLine2:[null,y.Validators.required],addLine3:[null,y.Validators.required],addCity:[null,y.Validators.required],addState:[null,y.Validators.required],addCountry:[null,y.Validators.required],addPostCode:[null,y.Validators.required],addGoogle:[null,y.Validators.required],mobile:[null,y.Validators.required],phone:[null,y.Validators.required],email:[null,y.Validators.compose([y.Validators.required,y.Validators.email])]}),this.globals.booking.roomReserves.push(i)},n.prototype.addGuestForm=function(n){var e=this.fb;return n.forEach(function(n){n.room.primaryGuestForm||(n.room.primaryGuestForm=e.group({title:[null,y.Validators.required],firstName:[null,y.Validators.required],lastName:[null,y.Validators.required],organisation:[null,y.Validators.required],position:[null,y.Validators.required],addLine1:[null,y.Validators.required],addLine2:[null,y.Validators.required],addLine3:[null,y.Validators.required],addCity:[null,y.Validators.required],addState:[null,y.Validators.required],addCountry:[null,y.Validators.required],addPostCode:[null,y.Validators.required],addGoogle:[null,y.Validators.required],mobile:[null,y.Validators.required],phone:[null,y.Validators.required],email:[null,y.Validators.compose([y.Validators.required,y.Validators.email])]}))}),n},n.prototype.removeGuestForm=function(n){return n.forEach(function(n){n.room.primaryGuestForm&&delete n.room.primaryGuestForm}),n},n.prototype.addGuest=function(n){n.room.guestCount?n.room.guestCount+=1:n.room.guestCount=n.room.maxCapacityBeforeSurcharge,n.room.additionalGuests.push({title:"",firstName:"",lastName:"",mobile:"",type:""})},n.prototype.removeGuest=function(n,e){n.guestCount-=1,n.additionalGuests.splice(e,1)},n.prototype.allDaysAvailable=function(n){if(n.plan)for(var e=0,t=n.plan;e<t.length;e++){if("N/A"===t[e].amount)return!1}return!0},n.prototype.getStarClass=function(n,e){var t=n-e;return t<=0?"accom-star-full":.5===t?"accom-star-half":"accom-star-empty"},n.prototype.getAmenities=function(n){var e=[];if(n)for(var t=0,o=Object.keys(n);t<o.length;t++){var a=o[t];n[a]&&e.push(a)}return e},n.prototype.getArr=function(n,e){var t=[];e.room.guestCount||(e.room.guestCount=n);for(var o=0;o<e.room.guestCount-1;o++)t.push(o);return t},n.prototype.toggleRoomRates=function(n){n.showRates=!n.showRates},n.prototype.selectTab=function(n){n.property.selectedIndex=n.property.selectedIndex?0:1},n.prototype.getAccomTypeList=function(){for(var n=[],e=0,t=this.hotels;e<t.length;e++){var o=t[e],a=!1;o.property.accomType||(o.property.accomType="Unknown");for(var r=0,i=n;r<i.length;r++){var l=i[r];if(l.type.toLowerCase()===o.property.accomType.toLowerCase()){a=!0,l.count+=1;break}}a||n.push({type:o.property.accomType,count:1})}return n},n.prototype.scrollToTop=function(){this.obeView&&window.parent.postMessage({action:"scrollToTop"},"*")},n.prototype.getHotelImg=function(n){for(var e,t=0,o=n;t<o.length;t++){var a=o[t];a.default&&(e=a)}return e||(e=n[0]),e?e.path:"https://obe-admin-test.ozaccom.com.au/obe/images/no_image.jpg"},n.prototype.setParentHeight=function(){if(this.obeView){var n=Number(this.obeView.nativeElement.clientHeight);window.parent.postMessage({action:"setHeight",value:n},"*")}},n.prototype.deleteRoom=function(n){this.globals.acceptTerms=!1,this.deleteRoomIndex=n;var e=this.globals.booking.roomReserves[this.deleteRoomIndex],t=e.property.name+" ("+e.room.name+")";this.deleteRoomDetails=t},n.prototype.modalAction=function(n){1===n?(this.globals.booking.roomReserves.splice(this.deleteRoomIndex,1),this.deleteRoomIndex=-1,0===this.globals.booking.roomReserves.length&&this.globals.switchPage("search")):this.deleteRoomIndex=-1},n.prototype.changeSortBy=function(n){switch(n){case"Popular":this.hotels.sort(function(n,e){return n.property.popularOrderNumber-e.property.popularOrderNumber});break;case"Star Rating (high to low)":this.hotels.sort(function(n,e){return e.property.starRating-n.property.starRating});break;case"Name (alphabetical A-Z)":this.hotels.sort(function(n,e){return n.property.name<e.property.name?-1:n.property.name>e.property.name?1:0});break;case"Price (high to low)":this.hotels.sort(function(n,e){return(e.property.cheapestPrice?e.property.cheapestPrice:0)-(n.property.cheapestPrice?n.property.cheapestPrice:0)});break;case"Distance to Venue (high to low)":this.hotels.sort(function(n,e){return parseFloat(e.property.distanceFromVenue.replace("km",""))-parseFloat(n.property.distanceFromVenue.replace("km",""))});break;case"Star Rating (low to high)":this.hotels.sort(function(n,e){return n.property.starRating-e.property.starRating});break;case"Name (alphabetical Z-A)":this.hotels.sort(function(n,e){return e.property.name<n.property.name?-1:e.property.name>n.property.name?1:0});break;case"Price (low to high)":this.hotels.sort(function(n,e){return(n.property.cheapestPrice?n.property.cheapestPrice:0)-(e.property.cheapestPrice?e.property.cheapestPrice:0)});break;case"Distance to Venue (low to high)":this.hotels.sort(function(n,e){return parseFloat(n.property.distanceFromVenue.replace("km",""))-parseFloat(e.property.distanceFromVenue.replace("km",""))})}},n.prototype.loadCurrencyExchange=function(){var n=this,e=this.globals.eventInfo.currency;this.http.get("https://api.exchangeratesapi.io/latest?base="+e).subscribe(function(e){var t=n;Object.entries(e.rates).forEach(function(n){var e=t.globals.selectItems.currencies.filter(function(e){return e.code==n[0]});e.length>0&&(e[0].exchange_rate=Number(n[1]))})},function(n){console.log(n)})},n.prototype.changeCurrency=function(n){var e=this.globals.selectItems.currencies.filter(function(e){return e.name==n});e&&(this.globals.siteCurrency.symbol=e[0].symbol,this.globals.siteCurrency.name=e[0].name,this.globals.siteCurrency.symbol_native=e[0].symbol_native,this.globals.siteCurrency.decimal_digits=e[0].decimal_digits,this.globals.siteCurrency.rounding=e[0].rounding,this.globals.siteCurrency.code=e[0].code,this.globals.siteCurrency.name_plural=e[0].name_plural,this.globals.siteCurrency.exchange_rate=e[0].exchange_rate)},n.prototype.changeGuestNumber=function(n,e){this.globals.filter.adults="Adult"==n?"add"==e?parseInt(this.globals.filter.adults.toString())+1:parseInt(this.globals.filter.adults.toString())>1?parseInt(this.globals.filter.adults.toString())-1:1:this.globals.filter.adults,this.globals.filter.children="Children"==n?"add"==e?parseInt(this.globals.filter.children.toString())+1:parseInt(this.globals.filter.children.toString())>0?parseInt(this.globals.filter.children.toString())-1:0:this.globals.filter.children},n.prototype.changeDate=function(n,e,t){if(n.startDate&&n.endDate&&n.startDate>=this.globals.minStartDate){var o=new Date(this.globals.minStartDate.set({hour:0,minute:0,second:0})),a=new Date(this.globals.maxEndDate);if("checkin"==e){var r=new Date(n.startDate.toISOString()),i=new Date(this.globals.filter.checkoutDate?this.globals.filter.checkoutDate.toISOString():c().toISOString());r.getTime()>i.getTime()&&(i=new Date(n.startDate.toISOString())),r.getTime()===i.getTime()&&i.setDate(i.getDate()+1),i.getTime()>a.getTime()&&(r.setDate(a.getDate()-1),i.setDate(a.getDate())),this.globals.filter.checkinDate=r,this.globals.filter.checkoutDate=i}if("checkout"==e){r=new Date(this.globals.filter.checkinDate?this.globals.filter.checkinDate.toISOString():c().toISOString()),i=new Date(n.endDate.set({hour:0,minute:0,second:0}));(r.getTime()>i.getTime()||r.getTime()===i.getTime())&&(r=new Date(i)).setDate(r.getDate()-1),r.getTime()<o.getTime()&&(r=new Date(o),i.setDate(o.getDate()+1)),i.getTime()>a.getTime()&&(r.setDate(a.getDate()-1),i.setDate(a.getDate())),this.globals.filter.checkinDate=r,this.globals.filter.checkoutDate=i}if("dateRange"==e){r=new Date(n.startDate.toISOString()),i=new Date(n.endDate.set({hour:0,minute:0,second:0}));r.getTime()>i.getTime()&&(i=new Date(n.startDate.toISOString())),r.getTime()===i.getTime()&&i.setDate(i.getDate()+1),i.getTime()>a.getTime()&&(r.setDate(a.getDate()-1),i.setDate(a.getDate())),this.globals.filter.checkinDate=r,this.globals.filter.checkoutDate=i}this.setDateRange(),t&&this.loadHotels(!0,this.globals.filter),this.globals.switchPage("search"),-1!=this.deleteRoomIndex&&this.modalAction(1),!this.closeModal||"checkout"!=e&&"checkin"!=e||this.closeModal.nativeElement.click()}},n.prototype.generalModal=function(n,e){this.modalTitle=n,this.modalMessage=e},n.prototype.formatdate=function(n){return this.datePipe.transform(n,"d MMM")},n.prototype.dateDiff=function(n,e){var t=new Date(n),o=new Date(e);return Math.floor((Date.UTC(o.getFullYear(),o.getMonth(),o.getDate())-Date.UTC(t.getFullYear(),t.getMonth(),t.getDate()))/864e5)},n.prototype.checkAvailability=function(){this.loadHotels(!0),this.globals.switchPage("search"),-1!=this.deleteRoomIndex&&this.modalAction(1),this.closeModal&&this.closeModal.nativeElement.click()},C([Object(o.ViewChild)(x.a),w("design:type",x.a)],n.prototype,"nguiMapComponent",void 0),C([Object(o.ViewChild)("obeView"),w("design:type",o.ElementRef)],n.prototype,"obeView",void 0),C([Object(o.ViewChild)("closeModal"),w("design:type",o.ElementRef)],n.prototype,"closeModal",void 0),n=C([Object(o.Injectable)(),Object(o.Component)({selector:"app-home",template:t("ljLh"),providers:[],styles:[t("HcJU")]}),w("design:paramtypes",[y.FormBuilder,o.ChangeDetectorRef,g,f.a,o.Renderer,l.b,l.a,r.Title,i.DatePipe])],n)}(),O=this&&this.__decorate||function(n,e,t,o){var a,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,t,o);else for(var l=n.length-1;l>=0;l--)(a=n[l])&&(i=(r<3?a(i):r>3?a(e,t,i):a(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i},_=this&&this.__metadata||function(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)},T=function(){function n(n,e,t){this.globals=n,this.router=e,this.route=t,this.__evironment=v}return n.prototype.ngOnInit=function(){var n=this;this.route.params.subscribe(function(e){e.c&&(n.globals.appType="venue",n.globals.venueEventCode=e.c)})},n=O([Object(o.Component)({selector:"app-venue",template:t("M94H"),styles:[t("nA1Y")]}),_("design:paramtypes",[g,l.b,l.a])],n)}(),I=this&&this.__decorate||function(n,e,t,o){var a,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,t,o);else for(var l=n.length-1;l>=0;l--)(a=n[l])&&(i=(r<3?a(i):r>3?a(e,t,i):a(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i},L=[{path:"",children:[{path:"",component:R},{path:"venue",children:[{path:"",component:T}]}]},{path:"home",component:R},{path:":eventid",component:R}],A=function(){function n(){}return n=I([Object(o.NgModule)({imports:[l.c.forRoot(L)],exports:[l.c]})],n)}(),E=this&&this.__decorate||function(n,e,t,o){var a,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,t,o);else for(var l=n.length-1;l>=0;l--)(a=n[l])&&(i=(r<3?a(i):r>3?a(e,t,i):a(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i},B=this&&this.__metadata||function(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)},N=function(){function n(n){this.globals=n}return n=E([Object(o.Component)({selector:"app-root",template:t("5xMp"),styles:[t("sQHO")]}),B("design:paramtypes",[g])],n)}(),D=t("Bj4q"),S=t("zskB"),M=t("1PhI"),P=t("XNb2"),G=t("b8Rh"),F=t("EBDF"),z=t("hteu"),j=t("kzcK"),U=t("tGq5"),H=this&&this.__decorate||function(n,e,t,o){var a,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,t,o);else for(var l=n.length-1;l>=0;l--)(a=n[l])&&(i=(r<3?a(i):r>3?a(e,t,i):a(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i},K=this&&this.__metadata||function(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)},Y=function(){function n(){}return n.prototype.ngOnInit=function(){},n=H([Object(o.Component)({selector:"app-complete",template:t("Ib+Z"),styles:[t("7iwS")]}),K("design:paramtypes",[])],n)}(),V=t("Nb37"),q=t("s5+F"),W=this&&this.__decorate||function(n,e,t,o){var a,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,t,o);else for(var l=n.length-1;l>=0;l--)(a=n[l])&&(i=(r<3?a(i):r>3?a(e,t,i):a(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i},X=this&&this.__metadata||function(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)},J=function(){function n(n,e){this.globals=n,this.router=e,this.viewType="desktop",this.show=5}return n.prototype.changeDate=function(n){var e,t,o=this.globals.filter.checkinDate,a=this.globals.filter.checkoutDate;console.log(typeof o,o,typeof a,a),"checkin"==n?o&&a&&(o.getTime()>=a.getTime()?(e=new Date(o),t=new Date(1e3*(o.getTime()/1e3+86400))):(e=new Date(o),t=new Date(a))):o&&a&&(a.getTime()<=o.getTime()?(e=new Date(1e3*(a.getTime()/1e3+86400)),t=new Date(a)):(e=new Date(o),t=new Date(a))),console.log(e,t),this.globals.filter.checkinDate=e,this.globals.filter.checkoutDate=t,this.globals.minStartDate=this.globals.getMinStartDate(),this.globals.minEndDate=this.globals.getMinEndDate(),this.globals.maxEndDate=this.globals.getMaxEndDate()},n.prototype.getAmenitiesName=function(n){switch(n.toLowerCase()){case"additionalbedding":return"Additional Bedding";case"sofabed":return"Sofa Bed";case"loungeaccess":return"Lounge Access";case"connectingrooms":return"Connecting Rooms";default:return n}},n.prototype.getNightRateConfig=function(){var n={behaviour:"drag",connect:!0,step:10,margin:20,range:{min:0,max:this.globals.maxHotelAmount>0?this.globals.maxHotelAmount:1e3},format:{to:function(n){return n},from:function(n){return n}}};return parseFloat(this.globals.filter.price_ranges[1])==this.globals.maxHotelAmount&&(this.globals.filter.price_ranges[0]=n.range.min,this.globals.filter.price_ranges[1]=n.range.max),n},n.prototype.getDistanceFromVenueConfig=function(){return{behaviour:"drag",step:.1,range:{min:0,max:this.globals.maxHotelDistance>0?this.globals.maxHotelDistance:10},format:{to:function(n){return n},from:function(n){return n}}}},n.prototype.toggleAccomTypeFilter=function(n){var e=this;if(this.globals.filter.accomType[n.name.toLowerCase()]=!this.globals.filter.accomType[n.name.toLowerCase()],"all"!=n.name.toLowerCase())if(this.globals.filter.accomType[n.name.toLowerCase()]){var t=this.globals.accomTypes.filter(function(n){return 0==e.globals.filter.accomType[n.name.toLowerCase()]&&"all"!=n.name.toLowerCase()});this.globals.filter.accomType.all=!(t.length>0)}else this.globals.filter.accomType.all=!1;if("all"==n.name.toLowerCase())for(var o in this.globals.filter.accomType)this.globals.filter.accomType.hasOwnProperty(o.toLowerCase())&&(this.globals.filter.accomType[o.toLowerCase()]=this.globals.filter.accomType[n.name.toLowerCase()]);this.globals.change.emit(!1)},n.prototype.toggleAmenityFilter=function(n){var e=this;if(this.globals.filter.amenities[n.name]=!this.globals.filter.amenities[n.name],"all"!=n.name)if(this.globals.filter.amenities[n.name]){var t=this.globals.amenityTypes.filter(function(n){return 0==e.globals.filter.amenities[n.name]&&"all"!=n.name});this.globals.filter.amenities.all=!(t.length>0)}else this.globals.filter.amenities.all=!1;if("all"==n.name)for(var o in this.globals.filter.amenities)this.globals.filter.amenities.hasOwnProperty(o)&&(this.globals.filter.amenities[o]=this.globals.filter.amenities[n.name]);this.globals.change.emit(!1)},n.prototype.showMore=function(n){this.show=this.show+5,this.toggleAmenityFilter(n)},n.prototype.updateFilters=function(n){this.globals.change.emit(n)},n.prototype.ngOnInit=function(){this.globals.change.emit(!0);var n=new Date;this.globals.tomorrow=new Date(n.setDate(n.getDate()+1));var e=new Date;this.globals.dayAfterTomorrow=new Date(e.setDate(e.getDate()+2)),this.globals.minStartDate=this.globals.getMinStartDate(),this.globals.minEndDate=this.globals.getMinEndDate(),this.globals.maxEndDate=this.globals.getMaxEndDate()},n.prototype.sidebarToggle=function(){this.globals.sidebarDisplay.left=!this.globals.sidebarDisplay.left},n.prototype.changeStarRating=function(n){if(this.globals.filter.starRating=n,!n)for(var e=document.querySelectorAll(".star-cb-group input"),t=0;t<e.length;t++){e[t].checked=!1}this.globals.change.emit(!1)},W([Object(o.Input)(),X("design:type",String)],n.prototype,"viewType",void 0),n=W([Object(o.Component)({selector:"filter-mobile",template:t("U564"),styles:[t("2IBC")]}),X("design:paramtypes",[g,l.b])],n)}(),Z=this&&this.__decorate||function(n,e,t,o){var a,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,t,o);else for(var l=n.length-1;l>=0;l--)(a=n[l])&&(i=(r<3?a(i):r>3?a(e,t,i):a(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i},$=this&&this.__metadata||function(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)},Q=function(){function n(){}return n.prototype.ngOnInit=function(){},n=Z([Object(o.Component)({selector:"app-sort-by",template:t("bVdo"),styles:[t("QM4e")]}),$("design:paramtypes",[])],n)}(),nn=this&&this.__decorate||function(n,e,t,o){var a,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,t,o);else for(var l=n.length-1;l>=0;l--)(a=n[l])&&(i=(r<3?a(i):r>3?a(e,t,i):a(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i},en=this&&this.__metadata||function(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)},tn=function(){function n(){}return n.prototype.ngOnInit=function(){},n=nn([Object(o.Component)({selector:"app-demo",template:t("1249"),styles:[t("wrem")]}),en("design:paramtypes",[])],n)}(),on=t("qAtD"),an=t("+XD5"),rn=t("GgCX"),ln=t("R6qs"),sn=this&&this.__decorate||function(n,e,t,o){var a,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,t,o);else for(var l=n.length-1;l>=0;l--)(a=n[l])&&(i=(r<3?a(i):r>3?a(e,t,i):a(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i},dn=this&&this.__metadata||function(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)},cn=function(){function n(n){this.domSanitizer=n}return n.prototype.transform=function(n){return this.domSanitizer.bypassSecurityTrustHtml(n)},n=sn([Object(o.Pipe)({name:"noSanitizePipe"}),dn("design:paramtypes",[r.DomSanitizer])],n)}(),pn=t("QfdV"),mn=t("65Up"),gn=this&&this.__decorate||function(n,e,t,o){var a,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,e,t,o);else for(var l=n.length-1;l>=0;l--)(a=n[l])&&(i=(r<3?a(i):r>3?a(e,t,i):a(e,t))||i);return r>3&&i&&Object.defineProperty(e,t,i),i},un=this&&this.__metadata||function(n,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(n,e)},bn={accessToken:"76fa2044fe7747f7b7f96002ced0ad3c",captureUncaught:!0,captureUnhandledRejections:!0},hn=function(){function n(n){this.injector=n}return n.prototype.handleError=function(n){this.injector.get(yn).error(n.originalError||n)},n=gn([Object(o.Injectable)(),un("design:paramtypes",[o.Injector])],n)}();function fn(){return new ln(bn)}var yn=new o.InjectionToken("rollbar"),xn=function(){function n(){}return n=gn([Object(o.NgModule)({declarations:[N,R,Y,J,Q,tn,T,cn],imports:[r.BrowserModule,A,D.a,y.FormsModule,y.ReactiveFormsModule,f.b,V.CalendarModule,x.b.forRoot({apiUrl:"https://maps.google.com/maps/api/js?key=AIzaSyDAZ8OfZ9xlZHmUtkLuUNuCNEc4c1UnL5w&libraries=places"}),U.a.forRoot({apiKey:"AIzaSyDAZ8OfZ9xlZHmUtkLuUNuCNEc4c1UnL5w"}),d.a.forRoot({timeOut:4e3,positionClass:"toast-bottom-center"}),P.a,F.AccordionModule,z.SelectModule,G.a.forRoot(),an.b.forRoot(),rn.b.forRoot(),S.a,M.NgxGalleryModule,q.NouisliderModule,j.a.forRoot(),on.TooltipModule,pn.a.forRoot(),mn.PopoverModule],entryComponents:[],providers:[g,s.CookieService,{provide:i.APP_BASE_HREF,useValue:window._app_base||"/"},{provide:o.ErrorHandler,useClass:hn},{provide:yn,useFactory:fn},i.DatePipe],bootstrap:[N]})],n)}();v.production&&Object(o.enableProdMode)(),Object(a.a)().bootstrapModule(xn).catch(function(n){return console.log(n)})}},[0]);