@charset "utf-8";

#PageHeader { background: var(--headerBackground); height: var(--headerLogoHeight); padding: 0px; }

#PageHeader #HeaderHotelDisplay { display: flex; float: left; align-items: center; }

#PageHeader #Logo { width: var(--headerLogoWidth); height: var(--headerLogoHeight); background-image: var(--headerLogoImage); overflow: hidden; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0px 0.5rem; }

#PageHeader h1 { color: var(--headerColor); display: inline-block; float: left; padding: 0px 0.75rem 0px 0px; }

#PageHeader .small { display: inline-block; float: left; padding: 0.75rem 0px; }

#PageHeader a { color: inherit; }

#MenuRow { clear: both; background: var(--menuTopBackground); }

#MenuRow a { color: inherit; font-size: var(--menuTopfontSize); text-transform: uppercase; text-decoration: none; outline: none; }

#MenuRow div.frstLvl::before { border-top: var(--menuTopBorderTop); content: ""; display: block; }

#MenuRow div.frstLvl > ul { margin: 0px; padding: 0px; list-style: none; }

#MenuRow div.frstLvl > ul > li { color: var(--menuTopText); float: left; display: block; padding: 0.75rem 1.87rem; margin: 0px; line-height: 1; }

#MenuRow div.frstLvl > ul > li > a:focus, #MenuRow div.frstLvl > ul > li > div > a:focus { font-style: italic; }

#MenuRow div.frstLvl > ul > li.selected { background: var(--menuTopSelectedBackground); color: var(--menuTopSelectedColor); border-top: var(--menuTopSelectTopBorder); margin-top: var(--menuTopSelectedTopMargin); }

#MenuRow div.frstLvl > ul > li.active, #MenuRow div.frstLvl > ul > li:focus-within, #MenuRow div.frstLvl > ul > li.focus-within { background: var(--menuTopActiveBackground); color: var(--menuTopActiveColor); border-top: var(--menuTopActiveTopBorder); margin-top: var(--menuTopActiveTopMargin); }

#MenuRow div.secdLvl { position: absolute; margin: 0.75rem 0px 0px -1.87rem; padding: 0px 0px 1.5rem; z-index: 2500; }

#MenuRow div.secdLvl > ul { background-color: var(--menu2ndLvlBackground); color: var(--menu2ndLvlColor); border-radius: 0 0 0 var(--borderRadius); float: left; margin: 0px; padding: 0.75rem 0px; list-style: none; min-width: 160px; box-shadow: rgba(112, 112, 112, 0.3) 2px 2px 2px 0px; }

#MenuRow div.secdLvl > ul > li { padding: 0.375rem 1.5rem 0.375rem 0.75rem; margin: 0px; display: block; }

#MenuRow div.secdLvl > ul > li:hover, #MenuRow div.secdLvl > ul > li:focus-within, #MenuRow div.secdLvl > ul > li.focus-within { background-color: var(--menu2ndLvlBackgroundFocusHover); color: var(--menu2ndLvlColorFocusHover); }

#MenuRow div.secdLvl > ul > li.active { background-color: var(--menu2ndLvlBackgroundActive); color: var(--menu2ndLvlColorActive); border-left: 1px solid var(--menu2ndLvlBackground); text-indent: -1px; }

#MenuRow div.secdLvl > ul > li > a { color: inherit; font-size: var(--menu2ndLvlFontSize); display: block; }

#MenuRow div.thrdLvl { background-color: var(--menu3rdLvlBackground); color: var(--menu3rdLvlColor); float: left; padding: 0.75rem 0px; box-shadow: rgba(0, 0, 0, 0.23) 1px 0px 9px; }

#MenuRow div.thrdLvl > ul { float: left; margin: 0px; padding: 0px; list-style: none; min-width: 110px; }

#MenuRow div.thrdLvl > ul > li { padding: 0.1875rem 1.5rem 0.1875rem 0.75rem; margin: 0px; display: block; }

#MenuRow div.thrdLvl > ul > li > a { font-size: var(--menu3rdLvlfontSize); color: inherit; text-transform: none; }

#MenuRow div.thrdLvl > ul > li:hover, #MenuRow div.thrdLvl > ul > li:focus-within, #MenuRow div.thrdLvl > ul > li.focus-within { background: var(--menu3rdLvlBackgroundFocusHover); color: var(--menu3rdLvlColorFocusHover); }

#MenuRow div.thrdLvl div.col { float: left; border-right: 1px solid var(--menu3rdLvlSepLine); }

#MenuRow div.thrdLvl div.colLast { border-right: 0px; }

#MenuRow div.thrdLvl div.col > h5 { font-size: var(--menu2ndLvlFontSize); font-weight: var(--fontWeightBold); color: var(--menu3rdLvlColor); font-family: var(--fontFamily); padding: 0.1875rem 1.5rem 0.1875rem 0.75rem; margin: 0px; }

#MenuRow div.thrdLvl div.col > ul { padding: 0px; list-style: none; margin: 0px 0px 1rem; }

#MenuRow div.thrdLvl div.col > ul > li { padding: 0.1875rem 1.5rem 0.1875rem 0.75rem; margin: 0px; display: block; }

#MenuRow div.thrdLvl div.col > ul > li:hover, #MenuRow div.thrdLvl div.col > ul > li:focus-within, #MenuRow div.thrdLvl div.col > ul > li.focus-within { background: var(--menu3rdLvlBackgroundFocusHover); color: var(--menu3rdLvlColorFocusHover); }

#MenuRow div.thrdLvl div.col > ul > li > a { font-size: var(--menu3rdLvlfontSize); color: inherit; text-transform: none; }

#MenuRow div.frthLvl { background-color: var(--menu4rtLvlBackground); color: var(--menu4rtLvlColor); float: left; padding: 0.75rem 0px; box-shadow: rgba(112, 112, 112, 0.3) 2px 2px 2px 0px; }

#MenuRow div.frthLvl > ul { padding: 0px; list-style: none; margin: 0px 0px 1rem; }

#MenuRow div.frthLvl > ul > li { padding: 0.1875rem 1.5rem 0.1875rem 0.75rem; margin: 0px; display: block; }

#MenuRow div.frthLvl > ul > li:hover, #MenuRow div.frthLvl > ul > li:focus-within, #MenuRow div.frthLvl > ul > li.focus-within { background: var(--menu4rtLvlBackgroundFocusHover); color: var(--menu4rtLvlColorFocusHover); }

#MenuRow div.frthLvl > ul > li > a { font-size: var(--menu4rtLvlFontSize); color: inherit; text-transform: none; margin: 0px; }

#MenuRow div.secdLvl, #MenuRow div.thrdLvl, #MenuRow div.frthLvl, #MenuRow div.pages { display: none; }

.notify-circle { background: var(--backgroundMediumGray); color: var(--textColor); border: 1px solid var(--borderMediumGray); position: fixed; top: 40px; margin: 9px -17px; border-radius: 50%; z-index: 0; height: 12px; width: 12px; text-align: center; }

.notify-num { font-family: var(--fontFamily); font-weight: var(--fontWeightBold); color: var(--textColorInfo); font-size: 10px; position: relative; top: -1px; }

.notify-bell::before { font-family: spark-icon-line; content: ""; font-size: 16px; line-height: 1; width: 16px; height: 16px; padding: 0px 0px 0px 1.5rem; }

.notify-delete::before { font-family: spark-icon-line; content: ""; font-size: 16px; line-height: 1; width: 16px; height: 16px; display: block; }

.notify-mini { padding: 3px; }

.notifyjs-container { margin-left: 160px; top: 34px !important; display: block !important; }

.notifyjs-custom-base { background: var(--borderMediumGray); color: var(--textColor); border-radius: var(--borderRadius); }

.notify-box { background: var(--backgroundWhite); color: var(--textColor); border-radius: 0 0 var(--borderRadius) var(--borderRadius); z-index: 9999; width: 420px; max-height: 440px; position: absolute; box-shadow: rgba(0, 0, 0, 0.16) 0px 12px 32px 0px; -webkit-font-smoothing: antialiased; right: 10px; }

.notify-box, .notify-box *, .notify-box ::after, .notify-box ::before { box-sizing: border-box; }

.notify-box-container { background-color: var(--backgroundMediumGray); color: var(--textColor); border-radius: 0 0 var(--borderRadius) var(--borderRadius); border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 0px 1px 1px; position: relative; width: 420px; padding: 0.75rem; }

.empty-container { height: 150px; }

.notify-box-list { color: var(--textColor); margin: 0px; width: 100%; }

.notify-box-list .empty { margin: 1rem; }

.notify-box-list li { border-bottom: 1px solid var(--borderLightGray); list-style: none; margin: 0px; }

.notify-box-list li:last-child { border: 0px; }

.notify-box-list li:hover { background: var(--backgroundDarkGray); color: var(--textColor); }

.notify-box-list-unread { background: var(--backgroundHighlight) !important; color: var(--textColor) !important; }

#viewAll:hover, #emptyItem:hover { background: var(--backgroundMediumGray) !important; color: var(--textColor) !important; }

.notify-box-list li:hover .notify-box-remove { display: block; }

.notify-box-list li #notify-box-notification { width: 75%; }

#notify-box-buttons { width: 20%; }

.notify-remove-icon { float: right; display: none; }

.notify-box-notification-data { padding: 0.375rem 0.375rem 0px; }

.notify-box-notification-data p { margin-bottom: 0.375rem; }

.notify-box-notification-bullet-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding: 0px 0px 0px 0.75rem; }

.line-clamp { position: relative; height: 5.6em; }

.line-clamp::after { content: ""; text-align: right; position: absolute; bottom: 0px; right: 0px; }

@supports (-webkit-line-clamp: 3) {
  .line-clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 5.6em; height: auto; }
  .line-clamp::after { display: none; }
}

.notify-box-notification-bullet-text a { color: var(--textColorLink) !important; }

.notify-box-notification-actionButtons { display: block; }

.notify-box .notify-box-item { overflow: hidden; zoom: 1; display: block; min-height: 1px; padding: 0px; position: relative; text-decoration: none; }

.notify-box-notification-custom { -webkit-tap-highlight-color: transparent; text-decoration: none; color: inherit; display: block; }

.notify-box-notification-action { float: left; margin-top: 4px; }

.notify-box .notify-box-scroll-bar, .notify-box .notify-box-scroll-rail { position: absolute; top: 0px; display: none; }

.notify-box-container:hover .notify-box .notify-box-scroll-bar[aria-disabled="false"], .notify-box-container:hover .notify-box .notify-box-scroll-rail[aria-disabled="false"] { display: block; }

.notify-box .notify-box-scroll-bar.bar-show, .notify-box .notify-box-scroll-rail.bar-show { opacity: 1; }

.notify-box .notify-box-scroll-rail { background: var(--backgroundMediumGray); color: var(--textColor); box-shadow: rgb(223, 223, 223) 1px 1px 3px inset; width: 7px; height: 100%; right: 1px; }

.notify-box .notify-box-scroll-bar { background-color: var(--backgroundDarkGray); color: var(--textColor); border-radius: 5px; cursor: pointer; width: 5px; right: 2px; margin-right: 2px; display: block; transition: opacity 0.1s ease-in-out; opacity: 0; }

.notify-box .notify-box-scroll-bar, .notify-box .notify-box-scroll-rail { position: absolute !important; top: 0px !important; display: none !important; }

#simplemodal-overlay { background: rgba(0, 0, 0, 0.75) !important; }

#notify-simplemodal-container { top: 10px !important; }

#notify-simplemodal-container .simplemodal-wrap { vertical-align: middle; position: relative; z-index: 2; max-width: 700px; border-radius: 8px; text-align: left; border: 4px solid var(--borderLightGray); padding: 0px; height: auto !important; width: 700px !important; }

#notify-simplemodal-container .simplemodal-data { border: 1px solid var(--borderLightGray); background: var(--backgroundWhite); color: var(--textColor); padding: 0.375rem; border-radius: var(--borderRadius); }

.simplemodal-container { border-radius: var(--borderRadius); background: var(--backgroundWhite) !important; border: 0px !important; padding: 0.75rem !important; }

.simplemodal-container .ui-dialog { box-shadow: none !important; }

#notify-simplemodal-container .simplemodal-close { border: 1px solid var(--borderLightGray); background: var(--backgroundMediumGray); color: var(--textColor); position: relative; float: right; margin: 0px; padding: 0px; z-index: 1003; box-shadow: none; top: 12px !important; right: 12px !important; }

.notification-view-all { text-align: center; font-size: var(--fontSizeSmall) !important; padding: 0.375rem !important; }

.notification-view-all a { color: var(--textColorLink) !important; }

.SearchHotel, .SearchHotel:hover { float: left; text-decoration: none; }

.SearchHotel span.searchIcon, .SearchHotel.active span.searchIcon { color: var(--headerColor); padding: 0px 1.5rem 0px 0px; display: inline-block; vertical-align: middle; line-height: 1; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; }

.SearchHotel span.searchIcon::after { font-family: spark-icon-fill; font-size: 20px; content: ""; margin-left: 0.75rem; }

#ChangeHotelContainer, #ChangeContextContainer { position: absolute; top: var(--headerLogoHeight); left: var(--headerLogoWidth); display: none; z-index: 2600; }

#ChangeContextContainer label { text-transform: none; }

.ChangeHotelIndicator { position: absolute; top: -2px; left: 50%; width: 10px; height: 10px; display: block; background: var(--backgroundWhite); border-top-color: ; border-top-style: ; border-top-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: 0px; border-bottom: 0px; transform: rotate(45deg) translateY(-50%); }

.ChangeHotelContent { background: var(--backgroundWhite); border: 1px solid var(--borderLightGray); color: var(--textColor); border-radius: var(--borderRadius); padding: 0.75rem; display: block; }

.ChangeHotelContent .SearchIDCodeField, .ChangeHotelContent .SearchHotelDropdown { border-bottom: 1px solid var(--borderDark); padding-bottom: 0.75rem; }

.ChangeContextContent { background: var(--backgroundWhite); border: 1px solid var(--borderLightGray); color: var(--textColor); border-radius: var(--borderRadius); padding: 0.75rem; display: block; }

.SearchIDCodeField label { margin-top: 0.75rem; display: block; }

.HotelCodeTextField { position: relative; }

.ContextSelectorField { position: relative; }

.HotelIDTextBox { width: 100%; box-sizing: border-box !important; }

.ContextSelectorField select, .ContextSelectorField input { width: -webkit-fill-available; margin-bottom: 8px; box-sizing: border-box !important; }

.ContextSelectorField .button { margin-top: 8px; }

.ChangeHotelContent a { display: block; margin: 0.75rem 0px 0px; }

#ChangeHotelContainerForm .select2-container { width: 100% !important; margin-top: 0.75rem; }

#ChangeContextContainer label.EmptyContextToken { color: rgb(172, 0, 0) !important; }

#ChangeContextContainer input.EmptyContextToken { border-color: rgb(172, 0, 0) !important; }

.warning-summary h4 { font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; color: rgb(148, 79, 23); font-size: 1.25rem; font-weight: 700; }

.warning-summary h4 span { padding: 9px; }

.ufd { display: inline-block; position: relative; white-space: nowrap; }

.ufd, #ufd-container div.list-scroll, #ufd-container div.list-wrapper, #ufd-container ul, #ufd-container li { border: 0px; margin: 0px; padding: 0px; }

.ufd, .ufd button, #ufd-container div.list-scroll, #ufd-container div.list-wrapper, #ufd-container ul, #ufd-container li { overflow: hidden; }

.ufd select, #ufd-container .invisible, .ufd.invisible { display: none; }

.ufd input, .ufd button { position: relative; float: left; }

.ufd button.disabled { cursor: default; }

.ufd input.disabled { background: rgb(238, 238, 238); color: rgb(137, 137, 137); }

#ufd-container div.list-wrapper { position: absolute; }

#ufd-container ul { list-style-type: none; }

#ufd-container li { cursor: pointer; height: auto; display: block; white-space: nowrap; }

.ufd.web20 { background: transparent; border: 0px; margin: 0px; height: auto; position: relative; }

.ufd.web20 input { background: var(--inputBackground); border: var(--inputBorder); color: var(--inputTexColor); border-radius: var(--inputBorderRadius); font-family: var(--inputFontFamily); font-size: var(--inputFontSize); font-weight: var(--inputFontWeight); padding: 0.375rem 0.75rem; margin: 0px; box-sizing: border-box; height: auto; width: 100% !important; }

.ufd.web20 input:focus { background: var(--inputBackgroundFocus); border: var(--inputBorderFocus); color: var(--inputTexColorFocus); outline: 0px; }

.ufd.web20 input.disabled { background: rgb(238, 238, 238); color: rgb(137, 137, 137); }

.ufd.web20 button { position: absolute; right: 5px; top: 5px; bottom: 5px; background: var(--buttonBackground); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-width: var(--buttonBorderBottomWidth); border-radius: var(--buttonBorderRadius); color: var(--buttonTextColor); font-size: var(--buttonFontSize); font-family: var(--buttonFontFamily); line-height: var(--buttonLineHeight); font-weight: var(--buttonFontWeight); text-transform: uppercase; text-decoration: none; display: inline-block; padding: 0px 0.75rem; transition: 1s; vertical-align: middle; cursor: pointer; margin: 0px; }

.ufd.web20 button:hover { color: var(--buttonTextColorHover); background: var(--buttonBackgroundHover); border-color: var(--buttonBorderHoverColor); }

.ufd.web20 button:active { color: var(--buttonTextColorActive); background: var(--buttonBackgroundActive); border-color: var(--buttonBorderActiveColor); }

.ufd.web20 button:focus { box-shadow: 0 0 0 2px var(--backgroundWhite), 0 0 0 6px var(--buttonFocusShadowColor); outline: 0px; }

.ufd.web20 .icon { font-family: spark-icon-fill; color: currentcolor; display: inline-block; font-size: 10px; vertical-align: middle; line-height: 1; }

.ufd.web20 .icon::before { content: ""; }

.ufd.web20-focus .icon::before { content: ""; }

#ufd-container .web20 div.list-scroll { border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-width: 0px; border-radius: 0 0 var(--borderRadius) var(--borderRadius); background: var(--backgroundWhite); }

#ufd-container .web20 div.list-wrapper-up div.list-scroll { border-top-width: 1px; border-bottom-width: 0px; border-radius: var(--borderRadius) var(--borderRadius) 0 0; }

#ufd-container .web20 li { font: var(--fontSizeSmall) var(--fontFamily); color: var(--textColorLight); background: var(--backgroundWhite); padding: 0.375rem 0.75rem; outline: none; }

#ufd-container .web20 li em { font-weight: var(--fontWeightBold); font-style: normal; }

#ufd-container .web20 li.active { color: var(--textColorDarkBg); background: var(--backgroundDark1); }

.header .left-menu { width: var(--headerLogoWidth); height: var(--headerLogoHeight); background-image: var(--headerLogoImage); float: left; display: block; margin: 0px 0px 0px 1rem; }

#ParentHeader { border-top: var(--menuTopActiveTopBorder, 4px solid #D13630) !important; }

.LeftHeader { display: flex; }

.PageHeaderNextGen { max-height: 33px; display: flex; padding-left: 20px; justify-content: space-between; position: sticky; z-index: 1; width: 100%; background: var(--menu3rdLvlBackground, white) !important; }

.PageHeaderNextGen h1 { padding: 0px 0.75rem 0px 0.5rem !important; }

#StatusDisplayLinkParent { display: inline-flex; }

.HeaderHotelDisplayNextGen { padding-top: 6px; }

.SearchHotelNextGen span.searchIcon, .SearchHotelNextGen.active span.searchIcon { padding: 0.3rem 0.5rem 0px; font-size: 16px; top: -2.5px; position: relative; }

.SearchHotelNextGen span.searchIcon::after { content: none !important; margin: 0px !important; }

.DownArrow { align-content: center; }

.ContextTypeDisplayNextGen { font-size: var(--fontSize, 16px) !important; }

.ContextDisplayNameNextGen { font-size: var(--fontSize, 16px); }

.ContextTypeDisplayComponent { display: flex; align-items: center; }

.SearchHotelNextGen { display: flex; align-items: center; }

.WhiteSpace { font-size: var(--fontSize, 16px); }

.spark-header__title { display: none; }

.ParentHotelNameDisplayNameDiv { display: inline-flex; align-items: center; }

#HotelNameDisplayNameDivNextGen { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ParentContextID { display: flex; top: -6px; }

#MegaHeader { background: white; }

.HeaderToolbarNextGen { scale: 0.85; position: relative; right: -35px; top: -5px; }

@media (max-width: 620px) {
  .PageHeaderNextGen #Logo { display: none; }
  .HeaderHotelDisplayNextGen h1 { padding-left: 2.4rem; }
}

@media (max-width: 1074px) and (min-width: 1050px) {
  #HeaderToolbar { left: -60px; position: relative; }
}

@media (max-width: 1050px) {
  .PageHeaderNextGen { min-height: 69px; background-color: white; }
  .spark-header .spark-header__nav::after { background: transparent !important; }
  #ParentHeader { display: flex; justify-content: space-between; background-color: white; align-items: stretch; }
  #HeaderToolbarNextGen { top: 0.7rem; position: relative; left: -3rem; }
}

@media (max-width: 1260px) and (min-width: 1074px) {
  #HeaderToolbar { right: 5px; }
}