/* Minification failed. Returning unminified contents.
(15,15): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(16,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary'
(131,15): run-time error CSS1039: Token not allowed after unary operator: '-on-surface-alt-teal'
(134,15): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(162,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary'
(169,15): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(186,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary'
(187,15): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(192,15): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(223,15): run-time error CSS1039: Token not allowed after unary operator: '-on-surface-alt-teal'
(274,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary'
(275,15): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(276,25): run-time error CSS1039: Token not allowed after unary operator: '-on-surface-4'
(276,45): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary'
(280,32): run-time error CSS1039: Token not allowed after unary operator: '-on-surface-2'
(458,26): run-time error CSS1039: Token not allowed after unary operator: '-lightteal2'
(461,26): run-time error CSS1039: Token not allowed after unary operator: '-table-row-hover'
(464,26): run-time error CSS1039: Token not allowed after unary operator: '-table-alternating-row-color'
(487,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-primary'
(488,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(518,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
 */
@charset "UTF-8";
.hidden {
  display: none;
}

.hidden-i {
  display: none !important;
}

.zeroheight {
  height: 0px !important;
}

#portal_header {
  color: var(--on-primary);
  background-color: var(--dark-primary);
  background-repeat: no-repeat;
  background-position: center top;
  background-position-y: 5px; /* give some top padding so customer's don't have to account for that in their images. */
  border: 0;
  margin: 0;
  padding: 0;
  z-index: 20;
  font-family: "Source sans pro";
  font-size: 14px;
}
#portal_header #persistentBanner.dark {
  background-color: #262F36;
  color: #F0F3F5;
}
#portal_header #persistentBanner.dark.error {
  background-color: #F03030;
  color: #FFFFFF;
}
#portal_header #persistentBanner.dark.warning {
  background-color: #FF9E18;
  color: #1D2429;
}
#portal_header #persistentBanner.dark.info {
  background-color: #00A3E0;
  color: #1D2429;
}
#portal_header #persistentBanner.dark.low {
  background-color: #B7E5E4;
  color: #1D2429;
}
#portal_header #persistentBanner.light {
  background-color: #FFFFFF;
  color: #333F48;
}
#portal_header #persistentBanner.light.error {
  background-color: #C70505;
  color: #FFFFFF;
}
#portal_header #persistentBanner.light.warning {
  background-color: #C25700;
  color: #FFFFFF;
}
#portal_header #persistentBanner.light.info {
  background-color: #007099;
  color: #FFFFFF;
}
#portal_header #persistentBanner.light.low {
  background-color: #1D2429;
  color: #FFFFFF;
}
#portal_header #persistentBanner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  height: 36px;
  justify-content: center;
  transition: height 0.15s;
  overflow: hidden;
}
#portal_header #persistentBanner a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}
#portal_header #persistentBanner div {
  width: 100%;
}
#portal_header #persistentBanner div #persistentBannerTitle,
#portal_header #persistentBanner div #persistentBannerMsg {
  display: block;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.25px;
  padding: 10px 0px 10px 10px;
  vertical-align: sub;
  margin-left: 10px;
  font-weight: 400;
  color: inherit;
}
@media only screen and (min-width: 720px) {
  #portal_header #persistentBanner div #persistentBannerTitle,
  #portal_header #persistentBanner div #persistentBannerMsg {
    display: inline-block;
  }
}
#portal_header #persistentBanner div #persistentBannerTitle {
  font-weight: 700;
}
#portal_header #persistentBanner div #btnDismissPersistentBanner {
  float: right;
  background: none;
  border: 0;
  height: 36px;
  margin-right: 15px;
  font-size: 14px;
  font-weight: 600;
  font-family: "Source sans pro";
  color: inherit;
}
#portal_header #persistentBanner div core-button {
  margin-right: 10px;
}
#portal_header .menu-button {
  margin: 0px;
  padding: 1px 6px 1px 6px;
  border: none;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  line-height: 26px;
  border-radius: 3px;
}
#portal_header .menu-button i {
  color: var(--on-surface-alt-teal) !important;
}
#portal_header .menu-button span {
  color: var(--on-primary);
}
#portal_header .menu-button:hover {
  background-color: #aedce1;
  border-color: #aedce1;
}
#portal_header .menu-button:hover span {
  color: black !important;
}
#portal_header #portal_header_main {
  padding: 5px 0px;
}
#portal_header #portal_header_main * {
  vertical-align: middle;
}
#portal_header #portal_header_main i {
  top: 0;
}
#portal_header #portal_header_main .changePassPinMenu,
#portal_header #portal_header_main .adminmenu {
  border: 1px solid #999999;
  background-color: #eeeeee;
  position: absolute;
  z-index: 300;
  border-radius: 3px;
}
#portal_header #portal_header_main .changePassPinMenu ul,
#portal_header #portal_header_main .adminmenu ul {
  background-color: var(--dark-primary);
  list-style: none;
  padding: 0;
  margin: 0;
}
#portal_header #portal_header_main .changePassPinMenu ul li,
#portal_header #portal_header_main .adminmenu ul li {
  color: var(--on-primary);
  padding: 6px 15px;
  cursor: pointer;
  font-size: 14px;
}
#portal_header #portal_header_main .changePassPinMenu ul li:hover,
#portal_header #portal_header_main .adminmenu ul li:hover {
  background-color: #aedce1;
  color: black !important;
}
#portal_header #portal_header_main #portal_header_logo {
  margin: 0;
  border: 0;
  padding: 2px 2px;
  display: inline-block;
}
#portal_header #portal_header_main #portal_header_logo .contextMenu {
  background-color: var(--dark-primary);
  color: var(--on-primary);
  border-color: #aedce1;
  border-radius: 3px;
}
#portal_header #portal_header_main #portal_header_logo .contextMenu input {
  color: var(--on-primary);
  font-size: 14px;
  line-height: 26px;
}
#portal_header #portal_header_main #portal_header_logo .contextMenu input:hover {
  background-color: #aedce1;
  color: black !important;
}
#portal_header #portal_header_main #portal_header_menus {
  display: inline-block;
}
#portal_header #portal_header_main #portal_header_menus img {
  vertical-align: baseline;
  margin-right: 4px;
  height: 13px; /* temp hack until icons updated */
}
#portal_header #portal_header_main #portal_header_auth {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  float: right;
  height: 32px;
  margin-top: 7px;
  margin-right: 7px;
}
#portal_header #portal_header_main #portal_header_auth .lblWelcomeMessage {
  display: inline-block;
  margin-top: 3px;
}
#portal_header #portal_header_main #portal_header_auth .lblUsername {
  color: var(--on-surface-alt-teal);
  font-weight: 600;
}
#portal_header #portal_header_main #portal_header_auth #portal_header_session_info {
  display: inline-block;
  text-align: right;
  font-size: 11px;
  line-height: 11px;
  margin-right: 10px;
  margin-top: 4px;
}
#portal_header #portal_header_main #portal_header_auth #portal_header_session_info > div {
  display: inline-block;
  margin-right: 8px;
}
#portal_header #portal_header_main #portal_header_auth #portal_header_session_info .lblPingBeacon {
  margin-left: 2px;
}
#portal_header #portal_header_main #portal_header_auth #portal_header_session_info .lblPingBeacon.notifyclr {
  background-color: #FFFF99 !important;
  color: black !important;
}
#portal_header #portal_header_main .productlogo {
  padding: 0px 5px;
}
#portal_header #portal_header_main #uiModeIcon {
  font-size: 20px;
  color: #f7c948 !important;
  vertical-align: middle;
  margin-left: 10px;
  display: none;
}
#portal_header #portal_header_main .mode-enabled::before {
  content: "✔";
  color: #4caf50;
  font-weight: bold;
  margin-right: 6px;
  vertical-align: middle;
}
#portal_header #portal_header_main .label-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
#portal_header #portal_header_tabs {
  width: 100%;
  padding: 4px 0px;
  font-size: 0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  background-color: var(--dark-primary);
  color: var(--on-primary);
  scrollbar-color: var(--on-surface-4) var(--dark-primary) !important;
}
#portal_header #portal_header_tabs A {
  display: inline-block;
  border-right: 1px solid var(--on-surface-2);
  padding: 0px 10px;
  line-height: 24px;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
#portal_header #portal_header_tabs A:last-child {
  border-right: none;
}
#portal_header #portal_header_tabs A.selected, #portal_header #portal_header_tabs A:hover {
  background-color: #aedce1;
  color: black !important;
}

#portal_panes {
  width: 100%;
  border-collapse: collapse;
  height: calc(100dvh - 122px);
  /* May need to find a solution to the quicklinks height issue on Default.aspx
     When the banner does not scroll horizontally, the scroll bar hides and the height of the page is reduced. 
     This is fine for now, can address if someone takes issue with it. */
  margin-top: 0px;
}

.portal_pane {
  vertical-align: top;
}

.portal-content-pane-left {
  padding-right: 10px;
  width: 175px;
  max-width: 175px;
  background-color: white;
  overflow: hidden;
  box-sizing: border-box;
  border-right: 1px solid lightgray;
}

.portal-content-pane-center {
  text-align: left;
}

.portal-content-pane-right {
  width: 175px;
  max-width: 175px;
  background-color: white;
  border-left: 1px solid lightgray;
}

/** HACK FOR IPAD (only tested on gen3 w/ retina display; not mini) **/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait), all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  /* REQUIRE LANDSCAPE ORIENTATION FOR FASUITE ON IPAD BECAUSE DESIGNED FOR 1024x768 MIN RESOLUTION */
  /* css rules for ipad landscape */
  #portal_header_tabs {
    overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid #ccc;
    background-image: none;
  }
  #portal_header_tabs A {
    font-size: 16px;
    color: #fff;
  }
  #portal_header_tabs .selected {
    border-bottom: 1px solid #fff;
  }
}
.alert-2 {
  color: #f6b436 !important;
}

.alert-3 {
  color: #ea002a !important;
}

/*
    #################################################################
             Report Launcher Styling
    #################################################################
*/
#menuReportFavs {
  width: 725px !important;
  height: 485px;
}
#menuReportFavs * {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  display: block;
}
#menuReportFavs div.saved_reports,
#menuReportFavs div.menu_reports {
  display: inline-block !important;
  width: calc(50% - 12px) !important;
  margin: 0px 5px !important;
}
#menuReportFavs div.saved_reports {
  vertical-align: top;
}
#menuReportFavs div.list_area.favorites,
#menuReportFavs div.list_area.history {
  height: 200px;
  width: 100%;
  border: 1px solid;
  display: inline-block;
  overflow-y: auto;
  overflow-x: hidden;
}
#menuReportFavs div.actions {
  display: inline-block;
  width: 20px;
  vertical-align: top;
  float: left;
}
#menuReportFavs div.header {
  font-weight: bold;
  margin: 5px 0px 3px 22px !important;
}
#menuReportFavs div.header span {
  display: inline-block;
}
#menuReportFavs div.report {
  display: block;
  cursor: pointer;
  padding: 2px !important;
}
#menuReportFavs div.report > * {
  vertical-align: middle;
}
#menuReportFavs div.report.SelectedHistoryItem, #menuReportFavs div.report.SelectedFavoriteItem, #menuReportFavs div.report:hover {
  background-color: lightgray;
}
#menuReportFavs .report_zoom {
  background-position: 0px 0px;
  background-image: url(../images/zoom.gif);
  width: 12px;
  height: 12px;
  cursor: pointer;
  float: right;
  margin-right: 3px !important;
}
#menuReportFavs .report_zoom,
#menuReportFavs .report_icon,
#menuReportFavs .report_title {
  display: inline-block;
  vertical-align: middle;
}
#menuReportFavs .report_title {
  width: calc(100% - 35px) !important;
  overflow: hidden;
  height: 15px;
}
#menuReportFavs .FATVNODEIMG {
  display: inline-block !important;
  padding: 5px !important;
  vertical-align: middle;
}
#menuReportFavs .menu_icon,
#menuReportFavs .menu_rpt_title,
#menuReportFavs .menu_zoom_icon {
  display: inline-block;
}
#menuReportFavs .menu_rpt_title {
  padding: 2px !important;
  white-space: nowrap !important;
}
#menuReportFavs .FATreeView {
  white-space: nowrap !important;
}

/*
    #################################################################
             Notifications Dialog Styling
    #################################################################
*/
#listNotifs table thead tr {
  background-color: var(--lightteal2);
}
#listNotifs table tbody tr:hover {
  background-color: var(--table-row-hover) !important;
}
#listNotifs table tbody tr:nth-child(odd) {
  background-color: var(--table-alternating-row-color);
}
#listNotifs .actions {
  padding: 5px;
}

#portal_header_small,
.portal_header_small {
  display: none;
}

/* responsive tabstrip experiment */
@media only screen and (max-width: 600px) {
  #portal_header.has-small-banner {
    display: none;
  }
  form {
    margin-top: 56px;
  }
  #portal_header_small {
    height: 56px;
    display: block;
    padding: 2px 4px;
    background-color: var(--dark-primary);
    color: var(--on-primary);
    margin-bottom: 5px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 99;
    font-family: "Source Sans Pro" !important;
  }
  #portal_header_small * {
    vertical-align: middle;
  }
  #portal_header_small option {
    color: black;
  }
  #portal_header_small .portal_header_small_menu_button {
    background-image: url("../images/responsive-menu.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 42px;
    height: 51px;
    display: inline-block;
    cursor: pointer;
  }
  #portal_header_small .portal_header_small_menu_button:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  #portal_header_small .portal_header_small_page_name {
    font-weight: 600;
    font-size: 16px;
    color: var(--on-primary);
  }
  .portal_header_small.drawer-container {
    display: none;
    width: 100vw;
    height: 100dvh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.32);
    z-index: 9999998;
  }
  .portal_header_small.drawer-container.show {
    display: block;
  }
  .portal_header_small.drawer-container *:not(i) {
    font-family: "Source Sans Pro" !important;
  }
  .portal_header_small.drawer-container .drawer {
    position: fixed;
    height: 100dvh;
    top: 0;
    left: -255px;
    width: 250px;
    transition: left 0.25s;
    overflow: hidden;
    background-color: white;
    border-right: 1px solid lightgray;
    z-index: 9999999;
    display: flex;
    flex-direction: column;
  }
  .portal_header_small.drawer-container .drawer.show {
    left: 0px;
  }
  .portal_header_small.drawer-container .drawer > div {
    flex: 1 1 auto;
  }
  .portal_header_small.drawer-container .drawer .logo {
    border-bottom: 1px solid lightgray;
    text-align: center;
    padding-bottom: 5px;
  }
  .portal_header_small.drawer-container .drawer .user-context span {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
    display: block;
  }
  .portal_header_small.drawer-container .drawer .user-context span:first-child {
    font-size: 16px;
  }
  .portal_header_small.drawer-container .drawer .fixed-actions {
    border-top: 1px solid lightgray;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  }
  .portal_header_small.drawer-container .drawer .logout,
  .portal_header_small.drawer-container .drawer .logout i {
    color: darkred !important;
  }
  .portal_header_small.drawer-container .drawer img {
    padding: 5px 10px 0px 10px;
  }
  .portal_header_small.drawer-container .drawer a i {
    margin-right: 5px;
  }
  .portal_header_small.drawer-container .drawer a i,
  .portal_header_small.drawer-container .drawer a span {
    vertical-align: initial;
  }
  .portal_header_small.drawer-container .drawer a {
    display: block;
    padding: 10px;
    color: rgba(0, 0, 0, 0.6) !important;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
  }
  .portal_header_small.drawer-container .drawer a:hover {
    background-color: whitesmoke !important;
    text-decoration: none;
  }
  .portal_header_small.drawer-container .drawer .tabs {
    height: calc(100dvh - 125px);
    overflow-y: auto;
  }
  .section_navigator_expander {
    top: 60px !important;
  }
  .tab-selector-small:active, .tab-selector-small:hover {
    color: #000;
  }
  .logout-button-small:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .logout-button-small .rad-button-icon {
    color: red;
  }
}
/*
    #################################################################
             GERMAN STYLING -- only custom styling below this
    #################################################################
*/
html.de #showUIMenu {
  width: 375px !important;
}