@charset "utf-8";

@import url("RadControls/Calendar.Custom.css");

@import url("RadControls/Calendar.Revenue.css");

@import url("RadControls/Calendar.RevenueNew.css");

@import url("RadControls/Grid.Custom.css");

@import url("RadControls/Treeview.Default.css");

@import url("../../Content/font-awesome.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; font: inherit; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote::before, blockquote::after, q::before, q::after { content: none; }

table { border-collapse: collapse; border-spacing: 0px; border-style: none; }

img { border: 0px; }

@font-face { font-family: spark-icon-line; font-style: normal; font-weight: normal; src: local("spark-icon-line"), url("../../Content/spark/fonts/spark/spark-icon-line.ttf") format("truetype"), url("../../Content/spark/fonts/spark/spark-icon-line.woff") format("woff"), url("../../Content/spark/fonts/spark/spark-icon-line.woff2") format("woff2"); }

@font-face { font-family: spark-icon-fill; font-style: normal; font-weight: normal; src: local("spark-icon-fill"), url("../../Content/spark/fonts/spark/spark-icon-fill.ttf") format("truetype"), url("../../Content/spark/fonts/spark/spark-icon-fill.woff") format("woff"), url("../../Content/spark/fonts/spark/spark-icon-fill.woff2") format("woff2"); }

html { height: 100%; overflow: hidden; font-size: var(--fontSize); }

body { margin: 0px; height: 100%; overflow: hidden; background: var(--backgroundMediumGray); }

body.popupmodal { background: var(--backgroundWhite); }

body, .bodyText { font-family: var(--fontFamily); font-weight: var(--fontWeightNormal); line-height: var(--lineHeight); color: var(--textColor); }

a, a:visited { color: var(--textColorLink); text-decoration: underline; cursor: pointer; transition: 1s; }

a:hover, .linkPopUp:hover { color: var(--textColorLinkHover); }

a:active, .linkPopUp:active { color: var(--textColorLinkActive); }

.linkPopUp { font-weight: var(--fontWeightBold); font-size: var(--fontSizeSmall); }

.label { font-weight: var(--fontWeightBold); font-size: var(--fontSizeSmall); }

.FieldSizeLimit { color: var(--textColorLight); font-style: italic; font-size: var(--fontSizeSmall); }

.SelectButton { padding: 0.1875rem 0.375rem; text-align: center; color: var(--textColorAction); }

td.SelectButton { padding: 0.75rem 1rem; }

.nullSize { display: none; }

.paddingRt10 { padding-right: 0.75rem; }

.posRelative { position: relative; }

.btnBar { width: auto; padding: 0px 0px 0px 2rem; white-space: nowrap; vertical-align: middle; text-align: left; }

.dtTextBox { width: 75px; }

ul.NoBullets { display: list-item; list-style-type: none; padding: 0.1875rem 0px 0px 0.1875rem; margin-left: 0.1875rem; }

.refreshLabel { padding: 0.375rem 0px 0px; display: inline-block; }

.clear { clear: both; }

.emailed { color: var(--textColorBlue); }

.events { color: var(--textColorViolet); }

.queued { color: var(--textColorSuccess); }

.delivered { color: var(--textColorBlue); }

input[type="text"], input[type="password"], input[type="email"], textarea, select { 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); max-width: 100%; min-width: calc(50px + 1.5rem); padding: 0.375rem 0.75rem; margin: 0.375rem 0.1875rem; vertical-align: middle; box-sizing: content-box; min-height: calc(var(--inputFontSize) + 0.75rem); }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { background: var(--inputBackgroundFocus); border: var(--inputBorderFocus); color: var(--inputTexColorFocus); outline: 0px; }

option { padding: 0.375rem 0.1875rem; }

option:empty { display: none; }

input[type="checkbox"] { height: 20px !important; width: 20px !important; vertical-align: middle !important; }

input[type="radio"] { height: 20px !important; width: 20px !important; vertical-align: middle !important; }

.checkbox, .radio { margin-right: 0.1875rem; }

input[type="submit"], input[type="reset"], input[type="button"], .button a { 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: 0.375rem 0.75rem; transition: 1s; vertical-align: middle; cursor: pointer; margin: 0.375rem 0.1875rem; }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button a:hover { color: var(--buttonTextColorHover); background: var(--buttonBackgroundHover); border-color: var(--buttonBorderHoverColor); }

input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .button a:active { color: var(--buttonTextColorActive); background: var(--buttonBackgroundActive); border-color: var(--buttonBorderActiveColor); }

input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus, .button a:focus { box-shadow: 0 0 0 2px var(--backgroundWhite), 0 0 0 6px var(--buttonFocusShadowColor); outline: 0px; }

input[type="submit"].ButtonHide { display: none; }

.disabled_submit { background: rgb(238, 238, 238) !important; border-color: rgb(238, 238, 238) !important; color: rgb(137, 137, 137) !important; }

.ui-edit-button { font-family: spark-icon-line; display: inline-block; vertical-align: middle; line-height: 1; font-size: 20px; color: var(--iconColor); cursor: pointer; margin-left: 0.1875rem; }

.ui-edit-button::before { content: ""; }

span[id*="AttributeMaskButton"], span[id*="AttributeCloseButton"] { font-family: spark-icon-fill; display: inline-block; vertical-align: middle; line-height: 1; font-size: 20px; color: var(--iconColor); cursor: pointer; margin-left: 0.1875rem; }

span[id*="AttributeCloseButton"] { font-size: 15px; }

span[id*="AttributeMaskButton"].fa-eye::before { content: ""; }

span[id*="AttributeMaskButton"].fa-eye-slash::before { content: ""; }

span[id*="AttributeCloseButton"]::before { content: ""; }

#Container { display: flex; flex-direction: column; width: 100vw; height: 100vh; }

#ContentContainer { overflow: auto; flex-grow: 1; width: auto !important; height: auto !important; }

#ContentBuffer { background: var(--backgroundWhite); border: 1px solid var(--borderMediumGray); border-radius: var(--borderRadius); margin: 1rem 2% 2rem; padding: 1.5rem; }

#LoadingPageDiv { margin: 0px 2%; padding: 2rem 1rem; font-size: var(--fontSize) !important; font-weight: var(--fontWeightBold) !important; }

#LoadingPageDiv span { padding: 2rem 1rem; font-size: var(--fontSize) !important; font-weight: var(--fontWeightBold) !important; }

#ToolBarContainer { flex-grow: 0; }

#InfoPanelToolbarContainer, #PopupToolBarContainer { display: flex; flex-direction: column; }

#InfoPanelToolbarContainer div:first-child, #PopupToolBarContainer div:first-child { order: 2; }

#InfoPanelToolbarContainer #PageHeadContainer, #PopupToolBarContainer #PageHeadContainer { margin-bottom: 0px; }

#ToolBarAccentImg { display: none; }

ul#ToolBar, ul#InfoPanelToolBar, ul#PopupToolBar { list-style: none; padding: 0.375rem 0px; margin: 0px 2%; display: inline-block; }

ul#InfoPanelToolBar, ul#PopupToolBar { order: 1; }

ul#ToolBar li, ul#InfoPanelToolBar li, ul#PopupToolBar li { display: inline-block; border-right: 1px solid var(--borderLightGray); padding: 0px 0.75rem; list-style: none; }

ul#ToolBar li:last-child, ul#InfoPanelToolBar li:last-child, ul#PopupToolBar li:last-child { border-right: none; padding-right: 0px; }

.ToolBarItem, .ToolBarItemOver { display: inline-block; color: var(--iconColor); cursor: pointer; text-transform: uppercase; }

.ToolBarItem:focus { outline: 3px solid var(--iconColor); outline-offset: 2px; }

.ToolBarIcon { border: 0px; vertical-align: text-bottom; }

#HelpButtonContainer { position: relative; top: 0px; right: 2%; float: right; padding: 0.375rem; color: var(--iconColor); }

#PreferencesButtonContainer { position: relative; top: 0px; right: 2%; float: right; padding: 0.375rem; color: var(--iconColor); }

.InfoPanelToolBar, .PopupToolbar { margin: 0px 2%; padding: 0.375rem 0px; order: 3; text-align: right; }

.InfoPanelToolBar span, .PopupToolbar span { right: 0px !important; top: 0px !important; color: var(--textColor) !important; }

.PopupToolbar span.fieldLabel, .PopupToolbar span.fieldLabel_50, .PopupToolbar span.fieldLabel_75, .PopupToolbar span.fieldLabel_100, .PopupToolbar span.fieldLabel_125, .PopupToolbar span.fieldLabel_150, .PopupToolbar span.fieldLabel_175, .PopupToolbar span.fieldLabel_200, .PopupToolbar span.fieldLabel_225 { display: inline; float: none; }

[id*="PageHeaderWrapperDiv"] { flex-grow: 0; }

#PageHeadContainer { background: var(--backgroundWhite); border: 1px solid var(--borderLightGray); border-radius: var(--borderRadius); margin: 0px 2% 1rem; padding: 1rem 1.5rem; width: auto !important; }

.PageHeaderImage { display: none; }

#PageBreadcrumb { font-size: var(--fontSizeSmall); }

#PageHeadContainer #PageHeader { font-family: var(--fontFamilyHeadings); font-size: var(--fontSizeHeadingXLarge); line-height: var(--lineHeightHeading); color: var(--textColorHeading); font-weight: var(--fontWeightLight); margin: 0.1875rem 0px 0px; display: flex; justify-content: space-between; }

#PageInstructions { color: var(--textColorLight); padding: 0.1875rem 0px 0px; font-weight: var(--fontWeightLight); }

.SectionHeadContainer { cursor: pointer; }

.SectionHeadContainer td:first-child img { margin-right: 0.375rem; }

.SectionHeadContainer td:last-child img { margin-left: 0.375rem; }

.SectionHeadCustomContainer { cursor: pointer; clear: both; padding: 0px 0px 0.1875rem 1rem; }

.SubSubSubSectionHeadContainer { cursor: pointer; }

.SectionHeadContainer img, .SubSubSubSectionHeadContainer img, .SectionHeadCustomContainer img { vertical-align: middle; height: 20px !important; width: 20px !important; }

.SectionHeadContainer th:first-child img, .SubSubSubSectionHeadContainer th:first-child img, .SectionHeadContainer td:first-child img, .SubSubSubSectionHeadContainer th:first-child img, .SectionHeadCustomContainer td:first-child img, .SectionHeadCustomContainer th:first-child img { margin-right: 0.375rem; }

.SectionHeadContainer th:last-child img, .SubSubSubSectionHeadContainer th:last-child img, .SectionHeadContainer td:last-child img, .SubSubSubSectionHeadContainer td:last-child img, .SectionHeadCustomContainer td:last-child img, .SectionHeadCustomContainer td:last-child img { margin-left: 0.375rem; }

.SectionHeader { font-family: var(--fontFamilyHeadings); font-size: var(--fontSizeLarge); line-height: var(--lineHeightHeading); font-weight: var(--fontWeightLight); color: var(--textColorHeading); padding: 0px 0px 0px 0.1875rem; }

div.SectionHeader { margin: 0.375rem !important; }

.SubSectionHeader { font-family: var(--fontFamilyHeadings); font-size: var(--fontSizeHeading); font-weight: var(--fontWeightBold); color: var(--textColorHeading); line-height: var(--lineHeightHeading); vertical-align: middle; position: relative; }

.SubSectionHeaderNoBorder { font-size: var(--fontSizeSmall); font-weight: var(--fontWeightBold); color: var(--textColorHeading); line-height: var(--lineHeightHeading); vertical-align: middle; margin-bottom: 1rem; }

.SubSubSectionHeader { font-size: var(--fontSizeSmall); font-weight: var(--fontWeightBold); line-height: var(--lineHeightHeading); }

.SubSubSubSectionHeader { font-size: var(--fontSizeSmall); font-weight: var(--fontWeightBold); line-height: var(--lineHeightHeading); }

.SubSubSubSectionHeader:hover { text-decoration: underline; }

.SectionInstructions, .SubSectionInstructions, .SubSubSectionInstructions, .SubSubSubSectionInstructions { color: var(--textColorLight); font-size: var(--fontSizeSmall); }

.SectionInstructions:empty, .SubSectionInstructions:empty, .SubSubSectionInstructions:empty, .SubSubSubSectionInstructions:empty { display: none; }

.AccessPointSectionClass { padding: 0.75rem 0.75rem 0.75rem 2rem; }

.SectionHeaderDiv { margin-left: 1.5rem; }

.BottomBorderOnly { border-bottom: 1px solid var(--borderLightGray); }

.ui-widget-content { z-index: 99991 !important; }

.ui-widget-overlay { z-index: 99990 !important; }

.ui-dialog { padding: 0px; }

div.ui-dialog-content.ui-widget-content { height: auto !important; max-height: 80vh !important; }

.no-close .ui-dialog-titlebar-close { display: none; }

.popupmodal > form { display: flex; flex-direction: column; width: 100vw; height: 100vh; }

#PopupContentContainer, #InfoPanelContentContainer { overflow: auto; flex-grow: 1; }

#PopupContentBuffer, #InfoPanelContentBuffer { margin: 1px 2%; }

.ui-progressbar { background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: linear-gradient(to bottom, var(--backgroundWhite) 0%, var(--backgroundLightGray) 100%); }

.ui-progressbar .ui-progressbar-value { background: var(--backgroundSucess); }

div.tabDiv { position: relative; z-index: 2; margin-bottom: -1px; display: inline-block; }

a.tabon, a.taboff { background: var(--backgroundLightGray); color: var(--textColorLight); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-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-bottom: 1px solid var(--borderMediumGray); float: left; padding: 0.75rem; text-align: center; text-decoration: none; margin: 2px 0px 0px; min-width: 10rem; display: inline-block !important; vertical-align: bottom !important; }

a.tabon { background: var(--backgroundWhite); color: var(--textColor); border-radius: var(--borderRadius) var(--borderRadius) 0 0; padding-top: calc(2px + 0.75rem); margin: 0px; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-bottom: 1px solid var(--backgroundWhite) !important; }

.TabWithTreeviewContainer, .treeContainer { z-index: 1; border: 1px solid var(--borderMediumGray); height: auto; padding: 1rem; vertical-align: top; position: relative; }

.TabWithTreeviewContainer { overflow: auto; clear: both; }

.treeContainer { width: 275px; }

#configurationTable .treeContainer { width: auto; }

.RadTabStrip .rtsPrevArrow, .RadTabStrip .rtsNextArrow, .RadTabStrip .rtsPrevArrowDisabled, .RadTabStrip .rtsNextArrowDisabled, .RadTabStripVertical .rtsPrevArrow, .RadTabStripVertical .rtsNextArrow, .RadTabStripVertical .rtsPrevArrowDisabled, .RadTabStripVertical .rtsNextArrowDisabled { margin: 0.375rem 0px 0px !important; width: 20px !important; height: 20px !important; line-height: 1 !important; }

.RadTabStrip .rtsLink, .RadTabStripVertical .rtsLink { padding-left: 0.75rem !important; }

.RadTabStrip .rtsOut, .RadTabStripVertical .rtsOut { padding-right: 0.75rem !important; }

.RadTabStrip .rtsIn, .RadTabStripVertical .rtsIn { padding: 0px 0.375rem !important; }

.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt { padding: 0px 0.375rem !important; }

.RadTabStrip a.rtsLink:focus, .RadTabStripVertical a.rtsLink:focus { outline: currentcolor solid 2px !important; }

.RadTabStrip a.rtsLink:focus::after, .RadTabStripVertical a.rtsLink:focus::after { border: 2px solid currentcolor !important; }

.RadTabStrip .rtsSeparator, .RadTabStripVertical .rtsSeparator, .RadTabStrip .rtsScroll, .RadTabStrip .rtsSeparator { height: 1.5rem !important; }

.RadTabStrip_Vista { color: var(--textColor) !important; font-style:  !important; font-variant-ligatures:  !important; font-variant-caps:  !important; font-variant-numeric:  !important; font-variant-east-asian:  !important; font-variant-alternates:  !important; font-variant-position:  !important; font-variant-emoji:  !important; font-weight:  !important; font-stretch:  !important; font-size:  !important; font-family:  !important; font-optical-sizing:  !important; font-size-adjust:  !important; font-kerning:  !important; font-feature-settings:  !important; font-variation-settings:  !important; line-height: var(--lineHeight) !important; }

.RadTabStrip_Vista .rtsGhostTab { border-color: var(--borderMediumGray) !important; border-radius: var(--borderRadius) !important; color: var(--textColor) !important; background-color: var(--backgroundLightGray) !important; }

.RadTabStrip_Vista .rtsLI, .RadTabStrip_Vista .rtsLink { color: var(--textColor) !important; font: var(--fontSizeSmall)/var(--lineHeight) var(--fontFamily) !important; }

.RadTabStrip_Vista .rtsDisabled { color: var(--textColorLighter) !important; }

.RadTabStrip_Vista .rtsLevel .rtsLink, .RadTabStrip_Vista .rtsLevel .rtsLI .rtsLink { background: var(--backgroundLightGray) !important; color: var(--textColorLight) !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-bottom: 1px solid var(--borderMediumGray) !important; padding: 0.75rem !important; text-align: center !important; text-decoration: none !important; vertical-align: bottom !important; margin: 2px 0px 0px !important; }

.RadTabStrip_Vista .rtsLevel .rtsLink.rtsSelected, .RadTabStrip_Vista .rtsLevel .rtsSelected .rtsLink { background: var(--backgroundWhite) !important; color: var(--textColor) !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-bottom: 1px solid var(--backgroundWhite) !important; border-radius: var(--borderRadius) var(--borderRadius) 0 0 !important; padding-top: calc(2px + 0.75rem) !important; margin: 0px !important; }

.RadTabStrip_Vista .rtsLevel .rtsOut { background: transparent !important; }

.RadMultiPage { border: 1px solid var(--borderMediumGray); margin-top: -1px; padding: 1rem 1.5rem; width: auto !important; }

.RadMultiPage::after { display: table; clear: both; content: ""; }

.accPanel { background: var(--backgroundWhite); border: 1px solid var(--borderLightGray); text-align: left; margin-bottom: 1rem; }

table.accPanel th { vertical-align: top; padding: 0.375rem 0.75rem; background: var(--backgroundLightGray); }

table.accPanel th img { vertical-align: middle; margin-right: 0.1875rem; }

table.accPanel td { vertical-align: middle; padding: 0.375rem 0.75rem; text-align: left !important; }

table.accPanel th.actionBtn { width: 100px; text-align: left; }

.FloatPanel { position: absolute; z-index: 3; border: 1px solid var(--borderMediumGray); background: var(--backgroundWhite); padding: 1rem; }

.FloatPanelShadow { position: absolute; z-index: 2; background: var(--backgroundDark1); opacity: 0.25; }

.TableSectionRow { background: var(--backgroundMediumGray); font-weight: var(--fontWeightBold); 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: 0px; }

.TableSectionRow td { padding: 0.75rem 1rem; }

.DefaultLabel { font-weight: var(--fontWeightBold); font-style: italic; }

.ReportViewer { display: table !important; }

.ReportSuscription .dataList_head td { white-space: nowrap; }

.ReportSuscription span.fieldLabel { display: inline; float: none; line-height: normal; }

.ReportSuscription input { margin: 0.1875rem 0px; }

.Container_15 { width: 100%; margin-bottom: 1rem; border: 0px; }

.ShoppingCartTableHeaderRow { background: var(--backgroundMediumGray); }

.ShoppingCartTableHeaderCell { background: var(--backgroundMediumGray); font-weight: var(--fontWeightBold); font-size: var(--fontSizeSmall); }

.ShoppingCartHeader { font-family: var(--fontFamily); font-size: var(--fontSizeSmall); font-weight: var(--fontWeightBold); color: var(--textColor); background: var(--backgroundWhite); 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 0px; padding: 0.1875rem; }

.jquery-message { background: var(--backgroundDark1); border-radius: var(--borderRadius); position: absolute; top: 120px; left: 25%; width: 50%; text-align: center; display: none; opacity: 0; z-index: 100000; }

.jquery-message p { color: var(--textColorDarkBg); font-weight: var(--fontWeightBold); padding: 0.75rem 1rem; display: block; }

.jquery-message a { display: none; }

.dataLabel { float: left; }

.fieldLabel, .fieldLabel_50, .fieldLabel_75, .fieldLabel_100, .fieldLabel_125, .fieldLabel_150, .fieldLabel_175, .fieldLabel_200, .fieldLabel_225 { padding: 0.375rem 0px; vertical-align: text-bottom; text-align: left; }

.fieldLabel { padding: 0.1875rem 0px; }

span.fieldLabel, span.fieldLabel_50, span.fieldLabel_75, span.fieldLabel_100, span.fieldLabel_125, span.fieldLabel_150, span.fieldLabel_175, span.fieldLabel_200, span.fieldLabel_225 { display: block; float: left; text-wrap: wrap; }

.fieldLabel_50 { width: 50px; }

.fieldLabel_75 { width: 75px; }

.fieldLabel_100 { width: 100px; }

.fieldLabel_125 { width: 125px; }

.fieldLabel_150 { width: 150px; }

.fieldLabel_175 { width: 175px; }

.fieldLabel_200 { width: 200px; }

.fieldLabel_225 { width: 225px; }

.fieldLabelValue { font-weight: normal; }

.bodyText_italic { font-style: italic; vertical-align: top; }

.bodyText_gray { color: var(--textColorLight); }

.bodyText_darkGray { color: var(--textColorLighter); }

.bodyText_red { color: var(--textColorError); }

.empty-records { font-weight: var(--fontWeightBold); color: var(--textColorLighter); }

.header, .header_bold, .header_col { font-family: var(--fontFamily); font-size: var(--fontSizeSmall); color: var(--textColor); font-weight: var(--fontWeightNormal); }

.header_bold { padding-top: 0.375rem; font-weight: var(--fontWeightBold); }

.userInfoLabel { font-size: 1rem; font-weight: var(--fontWeightBold); color: var(--textColorSuccess); }

.DenyBg { background: var(--backgroundHighlightError); }

.iCEWaterMark { background: url("../../images/iceportal.png") rgb(255, 255, 255); width: 16px; height: 16px; position: absolute; left: 47%; bottom: 6px; }

.disabledButton { background: rgb(238, 238, 238) !important; border: 1px solid rgb(238, 238, 238) !important; color: rgb(137, 137, 137) !important; cursor: not-allowed !important; }

th { text-align: left; }

span.dataList_head, .dataList_head td, .dataList_head th, .dataList_Item th, .dataList_item th, .dataList_alternateItem th, .dataList_highlightItem th { background: var(--backgroundDark1); border: 1px solid var(--borderDark); color: var(--textColorDarkBg); font-size: var(--fontSizeSmall); font-weight: var(--fontWeightBold); padding: 0.375rem 0.15rem; text-transform: uppercase; }

span.dataList_head .ToolBarItem, .dataList_head td .ToolBarItem, .dataList_head th .ToolBarItem, .dataList_Item th .ToolBarItem, .dataList_item th .ToolBarItem, .dataList_alternateItem th .ToolBarItem, .dataList_highlightItem th .ToolBarItem, span.dataList_head .ToolBarItemOver, .dataList_head td .ToolBarItemOver, .dataList_head th .ToolBarItemOver, .dataList_Item th .ToolBarItemOver, .dataList_item th .ToolBarItemOver, .dataList_alternateItem th .ToolBarItemOver, .dataList_highlightItem th .ToolBarItemOver { color: var(--textColorDarkBg); }

.dataList_head th { text-align: left; }

.dataList_head .ToolBarItem, .dataList_head .ToolBarItemOver { color: var(--textColorDarkBg); }

.dataList_head th a, .dataList_head td a { font-size: inherit; font-weight: var(--fontWeightBold); color: inherit; }

.dataList_alternateItem th { background: var(--backgroundDark1); border: 1px solid var(--borderDark); color: var(--textColorDarkBg); }

.dataList_highlightItem th { background: var(--backgroundLightGray); }

.dataList_Item, .dataList_item, .dataList_alternateItem, .dataList_highlightItem { background: var(--backgroundWhite); 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: 0px; text-align: left; }

div.dataList_Item, div.dataList_item, div.dataList_alternateItem, div.dataList_highlightItem, .dataList_Item td, .dataList_item td, .dataList_alternateItem td, .dataList_highlightItem td { padding: 0.375rem 0.75rem; }

.dataList_highlightItem, div.dataList_highlightItem { background: var(--backgroundHighlight); }

.dataList_subTable th { color: var(--textColor); border-right: 1px solid var(--borderLightGray); border-collapse: collapse; }

td.dataList_head span, td.dataList_Item span, td.dataList_item span, td.dataList_alternateItem span { display: inline-block; }

.dataList_head table, .dataList_item table, .dataList_item table, .dataList_alternateItem table, .dataList_highlightItem table { width: 100%; }

div.gridRow { display: block; overflow: hidden; clear: both; }

.gridRow_even { border-top: 1px solid var(--borderLightGray); border-bottom: 1px solid var(--borderLightGray); }

#ImagesContainer td { vertical-align: top; text-align: left; }

.Rows { padding: 0.75rem 0.375rem; line-height: var(--lineHeight) !important; }

.OddRow { background-color: var(--backgroundLightGray) !important; }

.bodyText .TextLeft input { margin-top: calc(-1px - 0.375rem); margin-bottom: calc(-1px - 0.375rem); line-height: var(--lineHeight) !important; font-size: var(--fontSize) !important; padding: 0.375rem !important; }

.bodyText .TextLeft input[type="button"] { padding: 0.1875rem 0.75rem !important; }

#RoomAllocationTable .fieldLabel, #RoomAllocationTable .bodyText_bold { padding: 0.375rem !important; height: 3rem !important; }

table.dataList_sortable { transform: translateZ(0px); }

table.dataList_sortable thead tr .header { cursor: pointer; }

table.dataList_sortable thead tr th, table.dataList_sortable tfoot tr th { padding: 0.1875rem 30px 0.1875rem 0.75rem; }

table.dataList_sortable thead tr .headerSortDown, table.dataList_sortable thead tr .headerSortUp { background-color: rgb(223, 223, 223); color: var(--textColor); position: relative; padding-right: 30px; }

table.dataList_sortable thead tr .headerSortUp::after, table.dataList_sortable thead tr .headerSortDown::after { content: ""; background: currentcolor; width: 10px; height: 10px; vertical-align: middle; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; mask-size: contain; mask-repeat: no-repeat; display: block; }

table.dataList_sortable thead tr .headerSortUp::after { mask-image: url("../../Images/icon_triangle_up.svg"); }

table.dataList_sortable thead tr .headerSortDown::after { mask-image: url("../../Images/icon_triangle_down.svg"); }

table.dataList_sortable tbody tr.dataList_item th a { font-weight: var(--fontWeightBold); color: inherit; }

table.dataList_sortable tbody td { white-space: nowrap; }

.pager { background: var(--backgroundWhite); }

.pager td { padding: 0.75rem 1.5rem; text-align: left; }

.RevenueHeader { margin: 0.375rem 0px 0.375rem 1.5rem; font-size: var(--fontSizeLarge); font-weight: var(--fontWeightBold); color: var(--textColorHeading); white-space: nowrap; }

.RevenueLabel { font-size: var(--fontSizeSmall); font-weight: var(--fontWeightBold); color: var(--textColor); padding: 0px 0px 0.75rem; }

.RevenueWarning { clear: left; float: left; margin-top: 1rem; white-space: nowrap; color: var(--textColorError); }

.RevenueTab { float: left; border: 1px solid var(--borderMediumGray); padding: 1rem; margin-top: -1px; }

[id*="CalLegendPanel"] > div { margin: 0px !important; padding: 1rem 0px !important; max-width: 500px !important; width: 100% !important; text-align: center !important; }

[id*="CalLegendPanel"] > div > div { display: inline-block; width: auto !important; padding: 0px 0.75rem !important; float: none !important; }

.LegendCurrentDay { display: inline-block; background: var(--backgroundDarkGray) !important; float: none !important; }

.LegendSelectedDay { display: inline-block; background: var(--dataBlueBackground) !important; float: none !important; }

.LegendEvent { display: inline-block; background: var(--dataGreenBackground) !important; float: none !important; }

[id*="CalLegendPanel"] > div > div > img { float: none !important; display: inline-block; }

.LegendLabel { font-size: var(--fontSizeSmall); color: var(--textColorLight); white-space: nowrap; padding-left: 0.375rem; }

.Asterix { color: var(--textColorError); }

table#CompDataTable tbody tr { 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: 0px; }

table#CompDataTable tbody td { padding: 0.1875rem 0.75rem; }

table#CompDataLegend { margin-top: 0.75rem !important; }

table#CompDataLegend td, table#CompDataLegend td span { padding: 0.375rem !important; }

.priceLow { background: var(--dataBlueBackground); color: var(--dataBlueText); }

.priceHigh { background: var(--dataOrangeBackground); color: var(--dataOrangeText); }

.priceAlert { background: var(--dataRedBackground); color: var(--dataRedText); }

label.error { color: var(--textColorError); margin-left: 0.1875rem; padding: 0.1875rem; }

.validity-modal-msg { position: absolute; z-index: 2; background: var(--backgroundDark1); border: 1px solid var(--borderDark); color: var(--textColorDarkBg); padding: 0.1875rem; cursor: pointer; }

.validity-modal-msg:hover { background: var(--backgroundDarkGray); color: var(--textColor); }

.validity-summary-container { display: none; width: 80%; }

.validity-summary-output ul { padding-left: 0.75rem; }

.validity-erroneous { border: 1px solid var(--textColorError) !important; }

.ValidationControl, div.ValidationControl li, div.ValidationControl span { font-family: var(--fontFamily); font-size: var(--fontSizeSmall); color: var(--textColorError) !important; }

.input-validation-error, div.input-validation-error, span.input-validation-error, input.input-validation-error, select.input-validation-error, select.input-validation-error + .ui-multiselect, textarea.input-validation-error { border: 1px solid var(--backgroundError); }

div.input-validation-error:focus, input.input-validation-error:focus, select.input-validation-error:focus, select.input-validation-error + .ui-multiselect.ui-state-active, textarea.input-validation-error:focus, .ui-widget input.input-validation-error:focus, .ui-spinner.input-validation-error.ui-state-active { border: 2px solid var(--textColorError); }

span.input-validation-error input.input-validation-error:focus, div.input-validation-error input.input-validation-error:focus, tr.input-validation-error { border: none; }

ul.WarningList { margin-top: 0.1875rem; margin-bottom: 0.1875rem; }

ul.WarningList li { font-size: var(--fontSizeSmall); }

.warningTxt { font-family: var(--fontFamily); font-size: var(--fontSize); font-weight: var(--fontWeightLight); text-decoration: none; color: var(--textColorError); padding: 0.375rem 0px; }

.warningTxt.important { color: var(--textColorError) !important; }

input.input-validation-error { border-color: var(--textColorError); }

.validation-gotoerror { display: inline-block; vertical-align: middle; margin-left: 0.375rem; color: var(--textColorError) !important; }

.validation-gotoerror::before { content: ""; transform: rotate(90deg); font-family: spark-icon-fill; display: inline-block; width: 16px; height: 16px; }

.success { color: var(--textColorSuccess); }

.failure, .errors { color: var(--textColorError); text-decoration: underline; }

.alerts { color: var(--textColorError); text-decoration: underline; }

[id*="WarningImage"], [id*="HotelStatusImage"] { color: var(--textColorWarning) !important; }

[id*="WarningMessageLabel"], [id*="hotelStatus"] { color: var(--textColorWarning) !important; font-family: var(--fontFamily) !important; font-size: var(--fontSizeSmall) !important; }

.ChildItem { background: var(--backgroundWhite); font-style: italic; }

.ParentItem { font-weight: var(--fontWeightBold); background: var(--backgroundLightGray); 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: 1px 0px; }

.OrphanItem { background: var(--backgroundLightGray); 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: 1px 0px; }

.ufd { display: inline-block; position: relative; white-space: nowrap; margin: 0.375rem 0.1875rem !important; }

.ufd, .ufd input, .ufd button, #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; display: block; white-space: nowrap; }

.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); }

.TokenVars { height: 250px; width: 180px; }

.TokenVars ul { list-style-type: none; }

.TokenVars ul li a, .TokenVars ul li a:visited, .TokenVars ul li a:focus { color: var(--textColorLink); text-decoration: underline; }

.TokenVars ul li a:active { color: var(--textColorLinkActive); }

.fw_textbox { max-width: none; }

.bGreen, .bGreen b { font-weight: var(--fontWeightBold); color: var(--textColorSuccess); }

img.greenImg { background: var(--backgroundSucess) !important; color: var(--backgroundSucessText) !important; }

.bOrange, .bOrange b { font-weight: var(--fontWeightBold); color: var(--textColorWarning); }

img.orangeImg { background: var(--backgroundWarning) !important; color: var(--backgroundWarningText) !important; }

.bRed, .bRed b { font-weight: var(--fontWeightBold); color: var(--textColorError); }

img.redImg { background: var(--backgroundError) !important; color: var(--backgroundErrorText) !important; }

.bBlue, .bBlue b { font-weight: var(--fontWeightBold); color: var(--textColorInfo); }

img.blueImg { background: var(--backgroundInfo) !important; color: var(--backgroundInfoText) !important; }

.MappingGrid { width: 638px; overflow: auto; }

.TermsAndConditions { width: 100%; height: auto; overflow: auto; }

.hotelTrans.fieldLabel, .chainTrans.fieldLabel { margin-left: 0.75rem; }

.hotelTrans, .chainTrans { border: 0px !important; padding: 0px !important; }

.hotelTrans::before, .chainTrans::before { content: ""; width: 20px; height: 20px; margin: 0px 0.375rem 0px 0px; display: inline-block; border: 1px solid currentcolor; vertical-align: middle; padding: 0px !important; }

.hotelTrans::before { background: var(--dataOrangeBackground); }

.chainTrans::before { background: var(--dataVioletBackground); }

.defaultTrans { color: var(--textColor); }

.sub_grid_tbl { border-top: 1px solid var(--borderLightGray); border-left: 1px solid var(--borderLightGray); }

.sub_grid_header { padding-left: 0.1875rem; background: var(--backgroundWhite); }

.sub_grid_header td { font-size: var(--fontSizeSmall); color: var(--textColor); font-weight: bold; }

.sub_grid_header td span { font-size: var(--fontSizeSmall); color: var(--textColor); font-weight: var(--fontWeightBold); }

.spark-panel__content input[type="text"], .spark-panel__content input[type="password"], .spark-panel__contentinput[type="email"], .spark-panel__content textarea, select { font-family: var(--inputFontFamily); }

.col-xs-3 .spark-btn--secondary i { color: var(--textColorInfo) !important; }

.spark-btn, .spark-progress.spark-btn { 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: 0.375rem 0.75rem; transition: 1s; vertical-align: middle; cursor: pointer; }

.spark-btn:hover, .spark-progress.spark-btn:hover { color: var(--buttonTextColorHover); background: var(--buttonBackgroundHover); border-color: var(--buttonBorderHoverColor); }

.spark-btn:active, .spark-progress.spark-btn:active { color: var(--buttonTextColorActive); background: var(--buttonBackgroundActive); border-color: var(--buttonBorderActiveColor); }

.spark-btn:focus, .spark-progress.spark-btn:focus { box-shadow: 0 0 0 2px var(--backgroundWhite), 0 0 0 6px var(--buttonFocusShadowColor); outline: 0px; }

.spark-btn--secondary, .spark-btn--secondary.hover, .spark-btn--secondary:hover, .spark-btn--secondary:active, .spark-progress.spark-btn.spark-btn--secondary { background: var(--buttonSecondaryBackground); border: var(--buttonSecondaryBorder); color: var(--buttonSecondaryColor); }

.ajax-loading-block-window { position: fixed; top: 50%; left: 50%; width: 128px; height: 128px; overflow: hidden; z-index: 1105; margin-left: -64px; margin-top: -64px; }

.ajax-loading-block-window .loading-image { border-radius: 50%; background-color: var(--backgroundLightGray); display: inline-block; max-width: 100%; overflow: hidden; position: relative; top: 0px; left: 0px; width: 128px; height: 128px; }

.ajax-loading-block-window .loading-image::before { background-color: var(--backgroundWhite); border: 1px solid var(--borderLightGray); border-radius: 50%; content: ""; display: inline-block; height: 108px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: background-color 0.1s ease-in-out; width: 108px; z-index: 5; }

.ajax-loading-block-window .loading-image::after { animation: 0.8s ease 0s infinite normal none running spin; background-color: var(--backgroundInfo); border-radius: 100% 0px 0px; content: ""; display: inline-block; height: 50%; left: 0px; position: absolute; transform: rotate(90deg); transform-origin: right bottom; transition: transform 0.1s linear, -webkit-transform 0.1s linear; width: 50%; }

.background-overlay { background: rgba(255, 255, 255, 0.8); height: 100%; width: 100%; position: fixed; left: 0px; z-index: 1004; }

.LoadingImage { float: left; margin: 0px 0px 0px 0.75rem; border-radius: 50%; background-color: var(--backgroundLightGray); display: inline-block; max-width: 100%; overflow: hidden; width: 24px; height: 24px; position: relative; }

.LoadingImage::before { background-color: var(--backgroundWhite); border: 1px solid var(--borderLightGray); border-radius: 50%; content: ""; display: inline-block; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: background-color 0.1s ease-in-out; width: 16px; height: 16px; z-index: 5; }

.LoadingImage::after { animation: 0.8s ease 0s infinite normal none running spin; background-color: var(--backgroundInfo); border-radius: 100% 0px 0px; content: ""; display: inline-block; height: 50%; left: 0px; position: absolute; transform: rotate(90deg); transform-origin: right bottom; transition: transform 0.1s linear, -webkit-transform 0.1s linear; width: 50%; }

#LoadingMessageContainer { background: var(--backgroundWhite); border: 1px solid var(--borderLightGray); position: fixed; z-index: 10; top: 190px; left: 200px; width: 200px; height: 150px; text-align: center; vertical-align: middle; }

#LoadingMessageContainer div { position: relative; top: 20px; }

#LoadingMessageContainer div img { width: 75px; height: 75px; }

#LoadingMessage { font-weight: var(--fontWeightBold); color: var(--textColorLight); vertical-align: middle; }

#LoadingMessageContainerShadow { background: var(--backgroundDark2); position: fixed; z-index: 9; top: 195px; left: 205px; width: 200px; height: 150px; opacity: 0.25; }

.datepickerdiv { margin: 0px; }

.ui-spinner, .ui-spinner-disabled, .ui-spinner-disabled:hover { width: 120px; height: 40px !important; }

.ui-spinner { border-collapse: collapse; border: 1px solid var(--borderLightGray) !important; }

.ui-spinner:hover { cursor: pointer; border: 1px solid var(--borderMediumGray) !important; }

.ui-spinner-up, .ui-spinner-down, .ui-spinner-up:visited, .ui-spinner-down:visited, .ui-spinner-up:hover, .ui-spinner-down:hover { box-shadow: inset 0 -2px 0 var(--textColorAction); color: var(--textColorAction); border-collapse: collapse; margin: 0.7em 0px; padding: 5px 0px; float: right; text-decoration: none; border: 1px solid var(--textColorAction) !important; }

.ui-spinner-up::before, .ui-spinner-down::before { color: currentcolor; font-family: spark-icon-fill; line-height: 1; font-size: 1rem; }

.ui-spinner-up::before { content: ""; }

.ui-spinner-down::before { content: ""; }

.ui-spinner-up span, .ui-spinner-down span { display: none; }

.ui-spinner-up { border-radius: 0 var(--borderRadius) var(--borderRadius) 0; }

.ui-spinner-down { border-radius: var(--borderRadius) 0 0 var(--borderRadius); }

input[type="text"].ui-spinner-input, input[type="number"].ui-spinner-input { height: 100%; width: 37%; display: inline-block; float: left; margin-top: 0px !important; text-align: center !important; }

.ui-spinner-button { display: inline-block; position: relative; width: 20%; height: 40%; background-color: var(--backgroundWhite) !important; }

[class*="spark-icon"] { color: currentcolor; font-family: spark-icon-line; display: inline-block; }

.spark-icon-delete::before { content: ""; }

.spark-icon-plus::before { content: ""; }

.spark-icon-minus::before { content: ""; }

.spark-icon-anim_loading::before { content: ""; }

.spark-icon-basic-right-arrow::before { content: ""; }

.spark-icon-basic-left-arrow::before { content: ""; }

.spark-icon-basic-up-arrow::before { content: ""; }

.spark-icon-basic-down-arrow::before { content: ""; }

.spark-icon-triangle_down_arrow::before { content: ""; }

.spark-icon-triangle_up_arrow::before { content: ""; }

.spark-icon-traiangle_down_arrow::before { content: ""; }

.spark-icon-traiangle_right_arrow ::before { content: ""; }

.spark-icon-triangle_left_arrow ::before { content: ""; }

.spark-icon-download::before { content: ""; }

.spark-icon-upload::before { content: ""; }

.spark-icon-circle_add::before { content: ""; }

.spark-icon-user::before { content: ""; }

.spark-icon-out::before { content: ""; }

.spark-icon-subscribe::before { content: ""; }

.spark-icon-date_range::before { content: ""; }

.spark-icon-food::before { content: ""; }

.spark-icon-info::before { content: ""; }

.spark-icon-note::before { content: ""; }

.spark-icon-reset::before { content: ""; }

.spark-icon-folder::before { content: ""; }

.spark-icon-print::before { content: ""; }

.spark-icon-copy_or_new::before { content: ""; }

.spark-icon-unlock::before { content: ""; }

.spark-icon-warning::before { content: ""; }

.spark-icon-help::before { content: ""; }

.spark-icon-setup::before { content: ""; }

.spark-icon-add::before { content: ""; }

.spark-icon-fav ::before { content: ""; }

.spark-icon-hotels::before { content: ""; }

.spark-icon-picture::before { content: ""; }

.spark-icon-season::before { content: ""; }

.spark-icon-close::before { content: ""; }

.spark-icon-search::before { content: ""; }

.spark-icon-track::before { content: ""; }

.spark-icon-check_mark::before { content: ""; }

.spark-icon-view::before { content: ""; }

img[class^="sparkSvg"], .accordianIconOpen, .accordianIconClosed, img[src*="blank_expand_on"], img[src*="blank_expand_off"] { background: currentcolor; width: 20px; height: 20px; vertical-align: middle; position: relative; top: -2px; mask-size: contain; mask-repeat: no-repeat; }

.sparkSvg_add { mask-image: url("../../Images/icon_add.svg"); }

.sparkSvg_arrow_down { mask-image: url("../../Images/icon_arrow_down.svg"); }

.sparkSvg_arrow_left { mask-image: url("../../Images/icon_arrow_left.svg"); }

.sparkSvg_arrow_right { mask-image: url("../../Images/icon_arrow_right.svg"); }

.sparkSvg_arrow_up { mask-image: url("../../Images/icon_arrow_up.svg"); }

.sparkSvg_bar_chart { mask-image: url("../../Images/icon_bar_chart.svg"); }

.sparkSvg_calendar { mask-image: url("../../Images/icon_calendar.svg"); }

.sparkSvg_cancel { mask-image: url("../../Images/icon_close_cancel.svg"); }

.sparkSvg_check { mask-image: url("../../Images/icon_check.svg"); }

.sparkSvg_chevron_down, .accordianIconClosed { mask-image: url("../../Images/icon_chevron_down.svg"); }

.sparkSvg_chevron_left { mask-image: url("../../Images/icon_chevron_left.svg"); }

.sparkSvg_chevron_right { mask-image: url("../../Images/icon_chevron_right.svg"); }

.sparkSvg_chevron_up, .accordianIconOpen { mask-image: url("../../Images/icon_chevron_up.svg"); }

.sparkSvg_expand, img[src*="blank_expand_off"] { mask-image: url("../../Images/icon_expand.svg"); }

.sparkSvg_collapse, img[src*="blank_expand_on"] { mask-image: url("../../Images/icon_collapse.svg"); }

.sparkSvg_close { mask-image: url("../../Images/icon_close_cancel.svg"); }

.sparkSvg_copy { mask-image: url("../../Images/icon_copy.svg"); }

.sparkSvg_delete { mask-image: url("../../Images/icon_delete.svg"); }

.sparkSvg_distribute { mask-image: url("../../Images/icon_distribute.svg"); }

.sparkSvg_download { mask-image: url("../../Images/icon_download.svg"); }

.sparkSvg_export { mask-image: url("../../Images/icon_export.svg"); }

.sparkSvg_favorites { mask-image: url("../../Images/icon_favorites.svg"); }

.sparkSvg_favorites_add { mask-image: url("../../Images/icon_favorites_add.svg"); }

.sparkSvg_favorites_organize { mask-image: url("../../Images/icon_favorites_organize.svg"); }

.sparkSvg_folder { mask-image: url("../../Images/icon_folder.svg"); }

.sparkSvg_food { mask-image: url("../../Images/icon_food.svg"); }

.sparkSvg_go { mask-image: url("../../Images/icon_go.svg"); }

.sparkSvg_help { mask-image: url("../../Images/icon_help.svg"); }

.sparkSvg_hotels { mask-image: url("../../Images/icon_hotel.svg"); }

.sparkSvg_image_library { mask-image: url("../../Images/icon_image_library.svg"); }

.sparkSvg_info { mask-image: url("../../Images/icon_info.svg"); }

.sparkSvg_loading { mask-image: url("../../Images/icon_loading.svg"); animation-name: spinSvg; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; }

.sparkSvg_login { mask-image: url("../../Images/icon_login.svg"); }

.sparkSvg_logout { mask-image: url("../../Images/icon_logout.svg"); }

.sparkSvg_minus { mask-image: url("../../Images/icon_minus.svg"); }

.sparkSvg_new { mask-image: url("../../Images/icon_new.svg"); }

.sparkSvg_note { mask-image: url("../../Images/icon_note.svg"); }

.sparkSvg_note_important { mask-image: url("../../Images/icon_note_important.svg"); }

.sparkSvg_picture { mask-image: url("../../Images/icon_picture.svg"); }

.sparkSvg_plus { mask-image: url("../../Images/icon_plus.svg"); }

.sparkSvg_pointer { mask-image: url("../../Images/icon_pointer.svg"); }

.sparkSvg_print { mask-image: url("../../Images/icon_print.svg"); }

.sparkSvg_reset { mask-image: url("../../Images/icon_reset.svg"); }

.sparkSvg_save { mask-image: url("../../Images/icon_save.svg"); }

.sparkSvg_save_close { mask-image: url("../../Images/icon_save_close.svg"); }

.sparkSvg_search { mask-image: url("../../Images/icon_search.svg"); }

.sparkSvg_season { mask-image: url("../../Images/icon_season.svg"); }

.sparkSvg_season_add { mask-image: url("../../Images/icon_season_add.svg"); }

.sparkSvg_setup { mask-image: url("../../Images/icon_setup.svg"); }

.sparkSvg_sitemap { mask-image: url("../../Images/icon_sitemap.svg"); }

.sparkSvg_sort { mask-image: url("../../Images/icon_sort.svg"); }

.sparkSvg_start { mask-image: url("../../Images/icon_start.svg"); }

.sparkSvg_subscribe { mask-image: url("../../Images/icon_subscribe.svg"); }

.sparkSvg_translate { mask-image: url("../../Images/icon_translate.svg"); }

.sparkSvg_triangle_down { mask-image: url("../../Images/icon_triangle_down.svg"); }

.sparkSvg_triangle_left { mask-image: url("../../Images/icon_triangle_left.svg"); }

.sparkSvg_triangle_right { mask-image: url("../../Images/icon_triangle_right.svg"); }

.sparkSvg_triangle_up { mask-image: url("../../Images/icon_triangle_up.svg"); }

.sparkSvg_unlock { mask-image: url("../../Images/icon_unlock.svg"); }

.sparkSvg_upload { mask-image: url("../../Images/icon_upload.svg"); }

.sparkSvg_user { mask-image: url("../../Images/icon_user.svg"); }

.sparkSvg_user_add { mask-image: url("../../Images/icon_user_add.svg"); }

.sparkSvg_warning { mask-image: url("../../Images/icon_warning.svg"); }

.collapsible-heading { background: var(--backgroundWhite); border: 1px solid var(--borderLightGray); margin: -1px 0px 0px; padding: 1rem 1.5rem; }

.collapsible-content, .collapsible-heading + :not(input) { 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; box-shadow: inset 0 7px 10px -7px var(--borderLightGray), inset 0 -7px 10px -7px var(--borderLightGray); padding: 1rem 1.5rem; overflow: auto; margin: 0px !important; float: none !important; width: auto !important; position: relative !important; }

.collapsible-content::after, .collapsible-heading + :not(input)::after { clear: both; display: table; content: ""; }

.collapsible-heading + table, table#SelectorsDiv { border: 0px; box-shadow: none; padding: 0px; position: relative; margin: 1rem 1.5rem !important; width: calc(100% - 3rem) !important; }

.collapsible-heading + table tbody, .collapsible-heading + table tr, .collapsible-heading + table th, .collapsible-heading + table td, table#SelectorsDiv tbody, table#SelectorsDiv tr, table#SelectorsDiv th, table#SelectorsDiv td { position: relative; z-index: 2; }

.collapsible-heading + table::before, table#SelectorsDiv::before { 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; box-shadow: inset 0 7px 10px -7px var(--borderLightGray), inset 0 -7px 10px -7px var(--borderLightGray); position: absolute; content: ""; inset: -1rem -1.5rem; z-index: 1; }

.collapsible-heading + span { display: block; }

.collapsible-heading + :not(input) > .btnBar { top: 1rem !important; }

#CriteriaContainer > table { float: none !important; }

.CalendarContainer { margin: 1rem 0px; width: 100%; max-width: 830px; }

.BECalLegend { background: var(--backgroundWhite); border: 1px solid var(--borderLightGray); border-radius: var(--borderRadius); color: var(--textColor); font-size: var(--fontSizeSmall); padding: 0.375rem 1.125rem 0.375rem 0.375rem; text-align: left; margin-bottom: 0.75rem; }

.BECalLegend td { font-weight: var(--fontWeightBold) !important; }

.DayCellDate { font-size: var(--fontSizeLarge); margin: 0px 0px 0.75rem; padding: 0px !important; }

.DayCellValue { font-size: var(--fontSizeSmall); }

.RadCalendar_Packages { margin: 1rem 0px; max-width: 830px; width: 100% !important; }

.RadCalendar_Packages .rcTitlebar { background: var(--backgroundMediumGray); color: var(--textColor); width: 100%; border: 0px !important; padding: 0.375rem !important; }

.RadCalendar_Packages .rcTitlebar .rcPrev, .RadCalendar_Packages .rcTitlebar .rcNext, .RadCalendar_Packages .rcTitlebar .rcFastPrev, .RadCalendar_Packages .rcTitlebar .rcFastNext { color: var(--textColor); display: block; width: 16px; height: 16px; font-size: 16px; overflow: hidden; margin: 0px 0.375rem; text-decoration: none; font-family: spark-icon-fill; text-indent: -9999em; line-height: 1; }

.RadCalendar_Packages .rcTitlebar .rcFastPrev::before, .RadCalendar_Packages .rcTitlebar .rcFastNext::before, .RadCalendar_Packages .rcTitlebar .rcPrev::before, .RadCalendar_Packages .rcTitlebar .rcNext::before { text-indent: 0px; display: block; }

.RadCalendar_Packages .rcTitlebar .rcFastPrev::before { content: ""; }

.RadCalendar_Packages .rcTitlebar .rcPrev::before { content: ""; }

.RadCalendar_Packages .rcTitlebar .rcNext::before { content: ""; }

.RadCalendar_Packages .rcTitlebar .rcFastNext::before { content: ""; }

.RadCalendar_Packages .rcMain { border: 0px !important; padding-top: 0.75rem !important; }

.RadCalendar_Packages .rcWeek th { background: var(--backgroundLightGray); color: var(--textColorLight); width: 14.28%; border-bottom: 2px solid var(--backgroundWhite) !important; text-align: center !important; }

.RadCalendar_Packages .rcWeek th:first-child { border-left: 2px solid var(--backgroundWhite) !important; }

.RadCalendar_Packages .rcWeek th:last-child { border-right: 2px solid var(--backgroundWhite) !important; }

.RadCalendar_Packages .rcRow > td { background: var(--backgroundLightGray); box-sizing: border-box; color: var(--textColorLighter); border: 2px solid var(--backgroundWhite) !important; vertical-align: top !important; width: 14.28% !important; text-align: center !important; padding: 0.75rem !important; }

.RadCalendar_Packages .rcRow .otherMonth { display: none; }

.RadCalendar_Packages .rcRow .rcOtherMonth { background: var(--backgroundWhite); }

.RadCalendar_Packages .rcMain .rcRow a, .RadCalendar_Packages .rcMain .rcRow span { padding: 0px !important; }

.RadCalendar_Packages .PkgDayCellDate { padding: 0px !important; }

#DayInventoryPanel table, #TimeInventoryPanel table { margin: 0px auto !important; }

#DayInventoryPanel table td, #TimeInventoryPanel table td { font-size: var(--fontSizeSmall); vertical-align: top; border: 0px !important; padding: 0.1875rem !important; }

#DayInventoryPanel table td:first-child, #TimeInventoryPanel table td:first-child { text-align: left; }

div.pkgInvInd { border: 1px solid var(--borderDark); margin: -2px 0.375rem 0px 0.75rem; vertical-align: middle; display: inline-block; width: 20px !important; height: 20px !important; }

div.pkgInvIndLabel { display: inline-block; }

.calendar { background: var(--backgroundWhite); width: 100%; border: 0px !important; font-size: var(--fontSizeSmall) !important; }

.calendar a { text-decoration: none; display: block; color: var(--textColor) !important; }

.calendar a:focus { outline: currentcolor solid 2px; outline-offset: 2px; }

.calendar .calendar__month__title { background: var(--backgroundWhite); font-weight: var(--fontWeightBold); color: var(--textColorHeading); font-size: 1rem !important; border: none !important; }

.calendar .calendar__month__title tr { border-bottom: 1px solid var(--borderLightGray); }

.calendar .calendar__month__title td { padding: 0.1875rem; }

.calendar .calendar__next__previous { text-align: center; transition: opacity 150ms; }

.calendar .calendar__next__previous:nth-child(1) a::before { content: ""; font-family: spark-icon-line; font-size: 16px; }

.calendar .calendar__next__previous:nth-child(3) a::before { content: ""; font-family: spark-icon-line; font-size: 16px; }

.calendar tr th.calendar__dayheader { border-right: 1px solid var(--backgroundWhite); border-bottom: 1px solid var(--borderLightGray); border-top: none; padding: 0.1875rem; text-align: center; font-weight: var(--fontWeightBold); color: var(--textColorLight); }

.calendar tr td.calendar__othermonthday { background: var(--backgroundLightGray); border-bottom: 1px solid var(--borderLightGray); border-right: 1px solid var(--borderLightGray); text-decoration: none; padding: 0.1875rem; }

.calendar tr td.calendar__othermonthday a { color: var(--textColorLighter) !important; }

.calendar tr td.calendar__day, .calendar tr td.calendar__daytoday { border-bottom: 1px solid var(--borderLightGray); border-right: 1px solid var(--borderLightGray); padding: 0.1875rem; }

.calendar tr th.calendar__dayheader:last-child, .calendar tr td.calendar__othermonthday:last-child, .calendar tr td.calendar__day:last-child, .calendar tr td.calendar__daytoday:last-child { border-radius: 0px; }

.calendar td.calendar__dayselected { background-color: var(--backgroundInfo) !important; color: var(--backgroundInfoText) !important; }

.calendar td.calendar__dayselected a { background-color: var(--backgroundInfo); border: 1px solid var(--backgroundInfo); z-index: 7; color: var(--backgroundInfoText) !important; }

.calendar .calendar__daytoday a { display: block; border: 1px solid var(--borderDark); border-radius: 50%; }

a.calendar-icon { color: var(--textColorLight); }

a.calendar-icon::before { content: ""; line-height: 2rem; font-family: spark-icon-line; }

@media print {
  * { font-size: 10pt; }
  #ContentContainer { position: static; top: auto; left: auto; overflow: visible; padding-bottom: 0px; width: 100% !important; }
  body { overflow: visible; height: auto; width: auto; margin: 0px; padding: 0px; }
  #PageHeadContainer { display: none; }
  #HelpButtonContainer { display: none; }
  .pageBreak { display: block; break-after: page; }
  .gridRow_even { padding: 0px; }
  .SectionInstructions { margin-bottom: 0px; padding-bottom: 10px; }
  .SectionHeadContainer { margin: 15px 0px 0px; }
  td { padding: 1px; margin: 1px; }
  .SectionHeader, .SubSectionHeader { font-size: 12pt; }
  #ToolBarAccentImg, #ToolBar { display: none; }
}

@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes spinSvg { 
  0% { transform: rotate(-360deg); }
  100% { transform: rotate(0deg); }
}

#CustomRoleHistoryContainer { margin-left: 2vw; margin-top: 1vh; width: 96vw; }

#CustomRoleHistoryContainer tr td { border: 1px solid rgb(204, 204, 204); text-align: center; }

#reportParms tr { border-bottom: 5px solid transparent; }