:root {
  --transparent: rgba(255, 255, 255, 0);
  --white: hsl(0, 0%, 100%);
  --th-white: hsl(0, 0%, 100%);
  --th-black: hsl(0, 0%, 0%);
  --lightGrey: hsl(0, 0%, 94%);
  --th-grey-white: hsl(210, 10%, 97%);
  --th-grey-light: hsl(210, 10%, 94.8%);
  --th-grey-medium: hsl(212, 10%, 94%);
  --th-grey: hsl(216, 22%, 91%);
  --th-grey-dark: hsl(220, 19%, 78%);
  --th-slate: hsl(221, 20%, 33%);
  --th-slate-light: hsl(222, 20%, 45%);
  --th-slate-dark: hsl(222, 22%, 18%);
  --th-slate-dark-hover800: hsl(220, 22%, 24%);
  --th-slate-dark-active800: hsl(219, 24%, 26%);
  --th-slate-dark-hover600: hsl(222, 22%, 21%);
  --th-slate-dark-active600: hsl(221, 24%, 23%);
  --th-cool-grey-600: hsl(203, 16%, 44%);
  --th-cool-grey-600: hsl(204, 16%, 38%);
  --th-cool-grey-700: hsl(204, 18%, 30%);
  --th-cool-grey-750: hsl(204, 18%, 32%);
  --th-cool-grey-800: hsl(209, 20%, 25%);
  --th-cool-grey-850: hsl(209, 20%, 21%);
  --th-cool-grey-900: hsl(210, 24%, 16%);
  --fontColorDark: var(--th-slate-dark);
  --fontColorWhite: hsl(0, 0%, 100%);
  --list-item-hover: hsl(225, 20%, 96%);
  --list-item-light-hover: hsl(210, 20%, 98%);
  --list-item-hover-dark: hsla(222, 22%, 18%, 0.5);
  --list-item-light-hover-dark: hsla(222, 20%, 33%, 0.5);
  --greyTransparent: hsla(222, 22%, 18%, 0.12);
  --whiteTransparent: hsla(0, 0%, 100%, 0.12);
  --defaultColor: hsl(220, 20%, 91%);
  --defaultColorHover: hsl(220, 19%, 78%);
  --defaultColorActive: hsl(220, 19%, 68%);
  --defaultColorSelected: hsl(221, 20%, 75%);
  --buttonBorderColor: 2px solid hsl(220, 20%, 91%);
  --buttonBorderColorHover: 2px solid hsl(220, 19%, 78%);
  --buttonBorderColorActive: 2px solid hsl(220, 19%, 68%);
  --buttonBorderColorSelected: 2px solid hsl(221, 20%, 75%);
  --iconFillColor: var(--th-slate-dark);
  --primaryColor: hsl(211, 100%, 45%);
  --primaryColorHover: hsl(211, 100%, 35%);
  --primaryColorActive: hsl(211, 100%, 25%);
  --primaryButtonBorder: 2px solid hsl(211, 100%, 45%);
  --primaryButtonBorderHover: 2px solid hsl(211, 100%, 35%);
  --primaryButtonBorderActive: 2px solid hsl(211, 100%, 25%);
  --secondaryColor: var(--th-slate);
  --secondaryColorHover: hsl(221, 20%, 23%);
  --secondaryColorActive: hsl(221, 20%, 13%);
  --secondaryButtonBorderColor: 2px solid var(--th-slate);
  --secondaryButtonBorderColorHover: 2px solid hsl(221, 20%, 23%);
  --secondaryButtonBorderColorActive: 2px solid hsl(221, 20%, 13%);
  --disabledColor: hsl(0, 0%, 50%);
  --disabledBackgroundColor: hsl(0, 0%, 95%);
  --brandColorGreen: hsl(76, 60%, 52%);
  --brandColorGreenActive: hsl(76, 62%, 40%);
  --primaryColorGreen: hsl(79, 100%, 24%);
  --primaryColorGreenHover: hsl(79, 100%, 14%);
  --primaryColorGreenActive: hsl(79, 100%, 4%);
  --buttonBorderGreen: 2px solid hsl(79, 100%, 24%);
  --buttonBorderGreenHover: 2px solid hsl(79, 100%, 14%);
  --buttonBorderGreenActive: 2px solid hsl(79, 100%, 4%);
  --brandColorPink: hsl(344, 98%, 59%);
  --primaryColorPink: #e12362;
  --primaryColorPinkHover: hsl(340, 76%, 41%);
  --primaryColorPinkActive: hsl(340, 76%, 31%);
  --buttonBorderPink: 2px solid hsl(340, 76%, 51%);
  --buttonBorderPinkHover: 2px solid hsl(340, 76%, 41%);
  --buttonBorderPinkActive: 2px solid hsl(340, 76%, 31%);
  --brandColorTeal: hsl(180, 85%, 34%);
  --primaryColorTeal: hsl(184, 50%, 35%);
  --primaryColorTealHover: hsl(184, 50%, 25%);
  --primaryColorTealActive: hsl(184, 50%, 15%);
  --buttonBorderTeal: 2px solid hsl(184, 50%, 35%);
  --buttonBorderTealHover: 2px solid hsl(184, 50%, 25%);
  --buttonBorderTealActive: 2px solid hsl(184, 50%, 15%);
  --brandColorPurple: hsl(264, 100%, 68%);
  --primaryColorPurple: hsl(264, 83%, 62%);
  --primaryColorPurpleHover: hsl(264, 83%, 52%);
  --primaryColorPurpleActive: hsl(264, 83%, 42%);
  --buttonBorderPurple: 2px solid hsl(264, 83%, 62%);
  --buttonBorderPurpleHover: 2px solid hsl(264, 83%, 52%);
  --buttonBorderPurpleActive: 2px solid hsl(264, 83%, 42%);
  --brandColorOrange: hsl(33, 94%, 48%);
  --primaryColorOrange: hsl(15, 79%, 45%);
  --primaryColorOrangeHover: hsl(15, 80%, 35%);
  --primaryColorOrangeActive: hsl(15, 80%, 25%);
  --buttonBorderOrange: 2px solid hsl(15, 79%, 45%);
  --buttonBorderOrangeHover: 2px solid hsl(15, 80%, 35%);
  --buttonBorderOrangeActive: 2px solid hsl(15, 80%, 25%);
  --brandColorBlue: hsl(197, 100%, 50%);
  --brandColorBlueActive: hsl(197, 100%, 39%);
  --primaryColorBlue: hsl(201, 100%, 37%);
  --primaryColorBlueHover: hsl(201, 100%, 27%);
  --primaryColorBlueActive: hsl(201, 100%, 17%);
  --buttonBorderBlue: 2px solid hsl(201, 100%, 37%);
  --buttonBorderBlueHover: 2px solid hsl(201, 100%, 27%);
  --buttonBorderBlueActive: 2px solid hsl(201, 100%, 17%);
  --BrandcolorYellow: hsl(41, 90%, 61%);
  --primaryColorReachDeck: hsl(209, 100%, 39%);
  --primaryColorReachDeckHover: hsl(209, 100%, 29%);
  --primaryColorReachDeckActive: hsl(209, 100%, 19%);
  --buttonBorderReachDeck: 2px solid hsl(209, 100%, 39%);
  --buttonBorderReachDeckHover: 2px solid hsl(209, 100%, 29%);
  --buttonBorderReachDeckActive: 2px solid hsl(209, 100%, 19%);
  --reachDeckEditorColor: hsl(112, 100%, 26%);
  --launchpadButtonLight: hsl(210, 10%, 96%);
  --launchpadButtonLightHover: hsl(220, 8%, 92%);
  --launchpadButtonLightActive: hsl(0, 0%, 90%);
  --textColor: var(--th-slate-dark);
  --textColorLight: var(--th-white);
  --border: 1px solid var(--th-grey);
  --borderDark: 1px solid var(--th-grey-dark);
  --infoColor: hsl(194, 77%, 24%);
  --successColor: hsla(134, 71%, 43%, 0.584);
  --errorColor: hsl(0, 71%, 51%);
  --warningColor: hsl(45, 97%, 51%);
  --infoBackgroundColor: hsl(180, 100%, 99%);
  --successBackgroundColor: hsl(78, 100%, 98%);
  --errorBackgroundColor: hsl(0, 100%, 98%);
  --warningBackgroundColor: hsl(35, 100%, 98%);
  --infoBorderColor: hsl(191, 44%, 82%);
  --successBorderColor: hsl(100, 28%, 69%);
  --errorBorderColor: hsl(0, 37%, 73%);
  --warningBorderColor: hsl(41, 30%, 71%);
  --infoTitleColor: hsl(194, 77%, 24%);
  --successTitleColor: hsl(121, 48%, 23%);
  --errorTitleColor: hsl(1, 47%, 40%);
  --warningTitleColor: hsl(37, 92%, 25%);
  --infoWarningColor: hsl(194, 77%, 24%);
  --successWarningColor: hsla(121, 48%, 23%, 0.8);
  --errorWarningColor: hsla(1, 47%, 40%, 0.8);
  --warningWarningColor: hsla(37, 92%, 25%, 0.8);
  --modal-dialog-margin: 2rem;
  --buttonBorderRadius: 30px;
  --buttonRoundness: var(--buttonBorderRadius);
  --buttonLinkTextColor: var(--primaryColor) !important;
  --buttonLinkIconColor: var(--primaryColor) !important;
  --buttonNoBackgroundTextColor: var(--th-slate-dark);
  --buttonNoBackgroundIconColor: var(--th-slate-dark);
  --buttonNoBackgroundColor: transparent;
  --buttonNoBackgroundColorHover: var(--icon-button-background-hover-color);
  --buttonNoBackgroundColorActive: var(--icon-button-background-active-color);
  --buttonNoBackgroundBorder: 2px solid transparent;
  --buttonNoBackgroundBorderHover: 2px solid transparent;
  --buttonNoBackgroundBorderActive: 2px solid transparent;
  --themeColorDefault: var(--defaultColor);
  --themeColorGroundworks: var(--primaryColor);
  --themeColorReadWrite: var(--primaryColorPurple);
  --themeColorEquatio: var(--primaryColorBlue);
  --themeColorBrowsealoud: var(--primaryColorOrange);
  --themeColorWriq: var(--primaryColorTeal);
  --themeColorFluencyTutor: var(--primaryColorGreen);
  --themeColorSnapVerter: var(--primaryColorGreen);
  --themeColorSpeechStream: var(--primaryColorPink);
  --themeColorTexthelp: var(--primaryColorTeal);
  --themeColorReachDeck: var(--primaryColorReachDeck);
  --themeColorPdfReader: var(--primaryColorPink);
  --line-height-base: 1.5;
  --zindex-modal: 1050;
  --modal-dialog-margin: 2em;
  --modal-content-border-radius: 1px;
  --modal-inner-padding: 1.5em;
  --modal-title-padding: 1.5em;
  --modal-title-line-height: var(--line-height-base);
  --modal-content-bg: #fff;
  --modal-content-border-color: rgba(0, 0, 0, 0.2);
  --modal-content-fallback-border-color: #999;
  --modal-backdrop-bg: #000;
  --modal-backdrop-opacity: 0.5;
  --modal-header-border-color: #e5e5e5;
  --modal-footer-border-color: var(--modal-header-border-color);
  --modal-header-background-color: #f5f5f5;
  --select-border: 1px solid #DADADA;
  --select-background: hsl(0, 0%, 100%);
  --select-background-color: #efefef;
  --select-background-color-hover: hsl(0, 0%, 97%);
  --input-border: 1px solid #DADADA;
  --input-background-color: #ffffff;
  --settings-title-color: var(--primaryColor);
  --settings-item-background-color: var(--th-white);
  --settings-item-background-hover-color: var(--th-grey-medium);
  --settings-item-background-active-color: var(--th-grey);
  --list-group-background-color: transparent;
  --list-group-item-background-color: var(--th-white);
  --list-group-item-background-hover-color: var(--th-grey-light);
  --list-group-item-background-active-color: var(--th-grey);
  --list-group-item-icon-color: var(--th-slate-dark);
  --toolbar-button-disabled: hsl(0, 0%, 96.1%);
  --toolbar-button-background: hsl(0, 0%, 96.1%);
  --toolbar-button-hover-background: hsl(0, 0%, 80%);
  --toolbar-button-color: hsl(0, 0%, 0%);
  --toolbar-button-hover-active-background: hsl(0, 0%, 70.2%);
  --toolbar-button-default-size: 43px;
  --toolbar-button-focus-color: hsl(213, 71.3%, 60.4%);
  --toolbar-button-svg-color: hsl(0, 0%, 29%);
  --toolbar-button-toggle-color: hsl(264, 100%, 68%);
  --panel-inner-padding: 0.7em;
  --icon-button-background-default-color: hsla(0, 0%, 0%, 0.077);
  --icon-button-background-hover-color: hsla(0, 0%, 0%, 0.125);
  --icon-button-background-active-color: hsla(0, 0%, 0%, 0.187);
  --icon-button-background-default-color-dark: rgba(255, 255, 255, 0.077);
  --icon-button-background-hover-color-dark: rgba(255, 255, 255, 0.146);
  --icon-button-background-active-color-dark: rgba(255, 255, 255, 0.221);
  --icon-button-border-color: solid 2px transparent;
  --menuIconFillColor: var(--th-slate);
  --cardIconFillColor: var(--th-slate);
  --default-menu-notify-background-colour: hsl(264, 100%, 68%);
  --toolbarButtonBackgroundColor: var(--defaultColor);
  --toolbarButtonBackgroundHoverColor: var(--icon-button-background-hover-color);
  --toolbarButtonBackgroundActiveColor: var(--icon-button-background-active-color);
  --toolbarIconHoverFill: var(--th-slate);
  --toolbarIconToggleFill: var(--primaryColor);
  --dashboardContentBackgroundColor: #fff;
  --dashboardHeaderBackgroundColor: #fff;
  --dashboardSidebarBorderTopColor: var(--lightGrey);
  --dashboardTextColor: var(--th-slate);
  --dashboardTitleTextColor: var(--fontColorDark);
  --dashboardSubTitleTextColor: var(--th-slate-light);
  --dashboardCardBackgroundColor: var(--white);
  --dashboardCardBackgroundHoverColor: var(--th-grey-light);
  --dashboardCardBackgroundActiveColor: var(--lightGrey);
  --dashboardCardHighlightColor: var(--primaryColor);
  --dashboardCardBorderColor: var(--lightGrey);
  --dashboardCardFooterLinkColor: var(--primaryColor);
  --dashboardCardAuditorColor: hsl(208, 100%, 43%);
  --dashboardCardAuditorLabelColor: hsl(208, 100%, 43%);
  --dashboardCardEditorLabelColor: var(--reachDeckEditorColor);
  --dashboardCardToolbarColor: var(--primaryColorOrange);
  --dashboardCardToolbarLabelColor: var(--primaryColorOrange);
  --dashboardPaneBackgroundColor: #fcfcfc;
  --dashboardPaneBorderColor: rgba(92, 106, 138, 0.4);
  --dashboardPaneDashedBorderColor: var(--dashboardDashedBorderLight);
  --icon-opacity: 1;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0px;
  padding: 0px;
  height: 100%;
}
body {
  color: #000;
  padding: 0;
  margin: 0;
  font-family: "Barlow-Regular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  background-color: #fff;
  min-height: 100vh;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.body-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
html,
body {
  min-height: 100%;
}
.top-border-red {
  border-top: 4px solid #db062b;
}
.bottom-border-red {
  border-bottom: 2px solid #db062b;
  display: inline;
}
.headline {
  font-size: 50px !important;
  display: inline-block;
  position: relative;
  margin-top: 16px;
}
.center-text {
  text-align: center;
}
.clearfix {
  clear: both;
}
.clearfix :before {
  display: table;
  content: " ";
}
.clearfix :after {
  display: table;
  content: " ";
  clear: both;
}
.pull-left {
  float: left !important;
}
.center-pull-left {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
a {
  color: #00566e;
  text-decoration: none;
  background-color: transparent;
}
a :visited {
  text-decoration: none;
  color: #00334d;
}
a:visited {
  text-decoration: none;
  color: #00334d;
}
img {
  border: 0;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 14px;
}
::selection {
  color: #fff;
  background-color: #167b9a;
}
h1 {
  color: #db062b;
  font-family: "Barlow-Medium", Helvetica, Arial, sans-serif;
  font-size: 32px;
  margin-bottom: 4px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
}
.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip:focus {
  position: static;
  left: 0px;
  width: auto;
  height: auto;
}
.banner-body {
  grid-template-columns: 1fr 1fr 1fr;
  display: flex;
  column-gap: 8px;
  flex-direction: row;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #ddd;
}
.banner-body .banner-header {
  font-weight: 600;
}
.banner-body .banner-close {
  margin-left: auto;
  cursor: pointer;
}
.banner-body svg {
  padding-top: 4px;
  margin-right: 0;
}
.banner-body.caution {
  background-color: rgba(243, 153, 95, 0.2);
}
.banner-body.information {
  background-color: rgba(113, 188, 213, 0.2);
}
.banner-body.success {
  background-color: rgba(82, 171, 108, 0.2);
}
@media print {
  .no-print {
    display: none !important;
  }
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: inline;
}
.nav > li > a {
  position: relative;
  display: flex;
}
.nav:before {
  display: table;
  content: " ";
}
.nav:after {
  clear: both;
  display: table;
  content: " ";
}
.navbar {
  border: 0;
  background: #fff;
  margin: 0;
  position: relative;
  min-height: 38px;
  margin-bottom: 28px;
  border: 1px solid transparent;
}
.navbar.global-header {
  min-height: 80px;
  height: 80px;
  max-height: 120px;
  display: block;
}
.navbar.global-header .container {
  display: flex;
  justify-content: space-between;
  padding-right: 2px;
}
.navbar.global-header .container:before {
  display: none;
  content: none;
}
.navbar.global-header .container:after {
  display: none;
  content: none;
}
.container:before,
.container:after {
  display: table;
  content: " ";
}
.navbar.global-header .global-header-logo {
  height: 40px;
  padding: 0;
  padding-right: 18px;
  margin: 0;
  margin-left: -120px;
  vertical-align: bottom;
}
.navbar.global-header .navbar-nav.site-toolbar {
  display: flex;
  flex-grow: 0;
  min-width: 350px;
  border-bottom: 0;
  height: 40px;
  padding: 0;
  color: #000;
}
.navbar.global-header .navbar-nav .function-link {
  height: 100%;
  display: inline-block;
}
.navbar.global-header .navbar-nav .function-link .icon {
  height: 16px;
  width: 16px;
  fill: #000;
  margin: 0;
  margin-right: 10px;
  margin-left: 20px;
  vertical-align: baseline;
}
[class^=icon-],
[class*=" icon-"] {
  height: 18px;
  width: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
  fill: #777;
  margin-right: 10px;
}
svg:not(:root) {
  overflow-clip-margin: content-box;
  overflow: hidden;
}
.navbar.global-header .navbar-nav.function-link > a,
.navbar.global-header .navbar-nav.function-link > button {
  height: 98%;
  display: flex;
  align-items: center;
  border: 0;
}
.navbar.global-header .navbar-nav.function-link a {
  padding-left: 0;
  padding-right: 16px;
  display: flex;
}
.navbar #site-logo {
  display: flex;
  align-items: flex-end;
  padding: 17px 0;
}
.navbar a {
  color: #000;
  text-decoration: none;
  display: flex;
}
.navbar :before {
  display: table;
  content: " ";
}
.navbar :after {
  display: table;
  content: " ";
  clear: both;
}
.navbar-default {
  background-color: #fff;
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
}
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
  display: inline-block;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 28px;
  display: flex;
}
.main-header {
  position: relative;
  z-index: 4;
}
.header-top-wrapper {
  display: flex;
  flex-direction: column;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 90%;
  width: 50%;
  min-width: 350px;
  box-sizing: border-box;
}
.maintenance-text {
  color: #db062b;
  font-family: "Barlow-Medium", Helvetica, Arial, sans-serif;
  font-size: 32px;
  margin-bottom: 4px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 20px;
}
@media print {
  .no-print {
    display: none !important;
  }
  .container {
    padding-right: 15px;
    padding-left: 120px;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
    width: 90%;
    min-width: 350px;
    box-sizing: border-box;
  }
}
@media (max-width: 1024px) {
  .main-header .small-hide {
    display: none !important;
  }
  .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .main-header .small-show {
    display: none !important;
  }
}
.dropdown-content {
  min-width: 220px;
  position: absolute;
  right: 0;
  background-color: #FFFFFF;
  border: solid 1px #e7e7e7;
  border-top: none;
}
.beta-text {
  color: blue;
  display: inline;
  vertical-align: bottom;
}

.input-group {
  padding: 0;
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group .form-control {
  display: table-cell;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
input[type=text],
input[type=date] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
input[type="text" i],
input[type=date i] {
  appearance: auto;
  box-sizing: border-box;
  writing-mode: horizontal-tb !important;
  padding-block: 1px;
  padding-inline: 4px;
}
input {
  text-rendering: auto;
  color: fieldtext;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  appearance: auto;
  -webkit-rtl-ordering: logical;
  cursor: text;
  background-color: field;
  margin: 0em;
  padding: 1px 0px;
  border-width: 2px;
  border-style: inset;
  border-color: -internal-light-dark(#767676, #858585);
  border-image: initial;
  padding-block: 1px;
  padding-inline: 4px;
}
.text-input {
  border: 1px solid #000;
  height: 40px;
  box-shadow: none;
  color: #000;
  border-radius: 0;
  font-family: "Barlow-Regular", Helvetica, Arial, sans-serif;
}
.form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 4px 8px;
  font-size: 18px;
  line-height: 1.6;
  color: #000;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-dropdown {
  display: block;
  width: 100%;
  height: 38px;
  padding: 4px 8px;
  font-size: 18px;
  line-height: 1.6;
  color: #000;
  background-color: #fff;
  background-image: none;
  border: none;
  border-bottom: 1px solid;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
.site-search .globalsitesearch,
.site-search #mobilesearch {
  border: 1px solid #7b8795;
  font-size: 20px;
  padding: 23px 10px;
}
span.search-title {
  font-size: 18px;
}
.search-dropdown {
  margin: 0;
  justify-content: end;
  align-items: center;
  padding: 0;
  min-width: 325px;
  width: 100%;
  max-width: 100%;
}
.search-dropdown .search-dropdown-button {
  fill: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background: #167b9a;
  color: #fff;
  border: 1px solid #7b8795;
  border-left: 0;
  font-size: 20px;
  padding: 23px 20px;
  cursor: pointer;
}
.search-dropdown .search-dropdown-button svg {
  height: 20px;
  width: 20px;
  margin-right: 4px;
}
svg:not(:root) {
  overflow: hidden;
}
[class^=icon-],
[class*=" icon-"] {
  height: 18px;
  width: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
  fill: #000;
  margin-right: 10px;
}
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
label {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  max-width: 100%;
  cursor: default;
}
.databaseSearch {
  display: flex;
  margin-top: 34px;
  margin-bottom: 34px;
}
.icon-search {
  fill: #fff;
}
.search-label {
  width: -webkit-fill-available;
  float: left;
  color: #00334d;
  font-weight: 600;
  margin: 0px;
  font-size: 18px !important;
}
@media (min-width: 1620px) {
  .search-label {
    width: auto;
  }
}
@media (max-width: 1024px) {
  .date-fields p {
    overflow: visible;
    white-space: nowrap;
  }
  .center-pull-left {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .global-header-logo {
    margin-left: 0 !important;
    padding-right: 8px !important;
  }
  .headline {
    font-size: 40px !important;
    display: inline-block;
    position: relative;
    margin-top: 16px;
  }
  .navbar.global-header .navbar-nav .function-link .icon {
    height: 16px;
    width: 16px;
    fill: #000;
    margin: 0;
    margin-right: 10px;
    margin-left: 8px;
    vertical-align: baseline;
  }
}
@media print {
  .no-print {
    display: none !important;
  }
}

#SubMenu ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
#SubMenu div.level-1 {
  border-left: none;
  border-right: none;
}
#SubMenu .level-1 {
  padding: 8px;
  border: 1px solid #DB062B;
  background-color: #DB062B;
  text-transform: uppercase;
}
#SubMenu .level-1 a {
  color: #fff;
  font-weight: bold;
}
#SubMenu .level-2 {
  color: #00334d;
}
.filter-container {
  min-width: 360px;
}
.filter-tabs {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  margin-top: 4px;
}
.filter-tabs button {
  float: left;
  cursor: pointer;
  padding: 8px 16px;
  transition: 0.3s;
  background-color: transparent;
  border-bottom: 1px solid #ddd;
  margin-right: 2px;
  line-height: 1.6;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #00566e;
}
.filter-tabs button:hover {
  background-color: #ddd;
}
.filter-tabs button.active {
  background-color: #fafafa !important;
  color: #777;
  cursor: default;
  border: 1px solid #ddd;
  border-bottom-color: #fafafa !important;
  font-weight: bold;
}
.tabcontent {
  display: none;
  padding: 0px 12px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.tab-header {
  background-color: #fafafa !important;
}
.tab-line {
  font-size: 4px;
  line-height: 6px;
}
.information-filter-search {
  margin-left: 10px;
  fill: #00334d;
}

form input {
  width: 100%;
  padding: 23px 10px;
}
form select {
  padding: 0px !important;
}
.form {
  background: #0e101c;
}
button[type="submit"]:active,
input[type="button"]:active,
input[type="submit"]:active {
  transition: 0.3s all;
  transform: translateY(3px);
  border: 1px solid transparent;
  opacity: 0.8;
}
input[type="submit"] {
  -webkit-appearance: none;
}
.search-form-button {
  fill: #000;
  display: flex;
  text-align: center;
  align-items: center;
  width: auto;
  justify-self: flex-end;
  justify-content: center;
  background: #167b9a;
  color: #fff;
  border: 1px solid #7b8795;
  border-left: 0;
  font-size: 20px;
  padding: 0px 20px;
  cursor: pointer;
}
.top-search-input {
  margin: 8px 0px;
}
.smaller-box {
  height: 40px;
  width: 60px;
  padding: 0px 10px;
  vertical-align: middle;
  accent-color: #167b9a;
  cursor: pointer;
}
.visible-label {
  font-size: 18px !important;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.form-date-field {
  width: 48%;
  align-self: flex-end;
}
.form-checkbox-field {
  width: 18%;
  align-self: flex-end;
}
.date-fields {
  display: flex;
  flex-direction: row;
}
.date-fields :first-child {
  margin-right: 2%;
}
.date-fields .level-3,
.date-fields .inputField {
  margin-right: 0 !important;
}
@media (min-width: 1620px) {
  .level-3 {
    display: grid;
    grid-template-columns: 220px auto;
    grid-column-gap: 8px;
    align-items: center;
  }
  .level-3 .inputField {
    margin-right: 105px;
  }
  .level-3-3-columns {
    display: grid;
    grid-template-columns: 220px 150px auto;
    grid-column-gap: 8px;
    align-items: center;
  }
  .level-3-4-columns {
    display: grid;
    grid-template-columns: 220px 150px auto 105px;
    grid-column-gap: 8px;
    align-items: center;
  }
  .level-3-5-columns {
    display: grid;
    grid-template-columns: 220px 150px 150px auto 105px;
    grid-column-gap: 8px;
    align-items: center;
  }
  .form-checkbox-field {
    width: auto;
  }
  .form-checkbox-field .inputField {
    display: inline-flex;
  }
  .form-checkbox-field .inputField .visible-label {
    align-content: center;
  }
  .search-form-button {
    position: sticky;
    inset: 0;
  }
}
.between-input-field-text {
  width: 20px;
  font-weight: 600;
  align-self: flex-end;
  margin-bottom: 13px;
  margin-right: 2%;
}
.validation-error-box {
  background-color: #FFCCBA;
  text-align: center;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
}
.auto-width {
  width: auto;
}
.form-relative-parent {
  position: relative;
}
.form-link-bottom-left {
  position: absolute;
  bottom: 0;
  font-size: 14px;
  left: 2px;
  text-decoration: underline;
}
@media (max-width: 1024px) {
  .gazette-search-button {
    margin-top: 35px;
  }
  .old-gazette-link {
    width: 175px;
  }
  .form-checkbox-field {
    width: auto;
  }
}

.header-bottom-wrapper {
  background: #db062b;
  margin-top: 4px;
  display: flex;
  flex: 1;
  left: 0;
  right: 0;
}
.header-bottom-wrapper .container {
  display: flex;
  padding-right: 2px;
  flex-direction: row;
  padding-left: 0px;
}
.content-holder {
  margin-bottom: 20px;
}
.tab-label {
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.2px;
}
.tab-label .current-page {
  box-shadow: inset 0 -6px 0 #fff;
}
.menu-tab-links {
  display: flex;
}
.result-wrapper {
  display: grid;
  grid-template-columns: 25% 75%;
}
.full-row {
  grid-column: 1 / span 2;
}
.full-row-grid {
  grid-column: 1 / span 4;
}
.searchresult {
  margin-top: 16px;
  width: 100%;
  justify-content: center;
  display: flex;
}
#advancedSearchTab {
  padding-left: 0px;
}
.result-detail-label {
  font-weight: 600;
  display: grid;
  width: 205px;
  float: left;
}
.result-view-content .result-detail-detail {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.result-view-content .result-detail-detail-no-line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
.result-no-wrap-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block !important;
}
.list-of-article {
  max-width: 90%;
  width: 50%;
  min-width: 330px;
}
.link-block .link-block-content h2 {
  font-family: "Barlow-Regular", Helvetica, Arial, sans-serif;
  line-height: 1.35;
  margin-bottom: 0;
  margin-top: 4px;
  color: #000;
}
.search-result-list-item .link-block {
  padding-bottom: 10px;
}
.link-block.calendar-list-item {
  padding: 0;
  background-color: transparent;
}
.search-result-list-item .link-block .link-block-content {
  position: inherit;
  padding-left: 32px;
  padding-right: 32px;
  background-color: #fafafa;
}
.menu-tab-links a {
  color: #fff !important;
  padding-bottom: 1rem;
  padding-top: 1rem;
  flex-grow: 1;
  padding-right: 4rem;
  text-align: center;
  padding-left: 8px;
}
.menu-tab-links a :active {
  box-shadow: inset 0 -6px 0 #fff;
}
.menu-tab-links a :visited {
  text-decoration: none;
  color: #fff !important;
}
.activeTab {
  background-color: #fff;
  color: #db062b !important;
}
.activeTab a {
  color: #db062b !important;
}
.activeTab a :visited {
  text-decoration: none;
  color: #db062b !important;
}
.calendar-content-wrapper {
  display: block;
}
h2 {
  font-family: "Barlow-Medium", Helvetica, Arial, sans-serif;
  line-height: 1.1;
  margin-top: 26px;
  margin-bottom: 8px;
  font-weight: 600;
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.link-block .link-block-content h2.calendar-block-heading a {
  font-family: "Barlow-Regular", Helvetica, Arial, sans-serif;
  color: #167b9a;
  font-size: 20px;
  line-height: 1.35;
  margin-bottom: 4px;
  margin-top: 0;
  padding-right: 20px;
  border: 0;
}
.link-block .link-block-content p {
  font-family: "Barlow-Regular", Helvetica, Arial, sans-serif;
  font-size: 15px;
}
a:visited {
  text-decoration: none;
  color: #00334d;
}
.search-result-list-item .link-block .link-block-content p {
  margin-bottom: 5px;
}
p {
  font-family: "Barlow-Regular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 8px;
  display: block;
  color: #000;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.status-dot {
  height: 20px;
  width: 20px;
  background-color: #167b9a;
  border-radius: 50%;
  display: inline-block;
  margin-left: -24px;
  margin-right: 4px;
  float: left;
  align-content: center;
}
.status-dot svg {
  background: #ffffff;
  border-radius: 25px;
  fill: #167b9a;
}
.pending-status-dot {
  height: 20px;
  width: 20px;
  background-color: #E2E2E2;
  border-radius: 50%;
  display: inline-block;
  margin-left: -24px;
  margin-right: 4px;
  float: left;
  align-content: center;
}
.pending-status-dot svg {
  background: #ffffff;
  border-radius: 25px;
  fill: #E2E2E2;
}
.status-dot-table {
  height: 20px;
  width: 20px;
  background-color: #167b9a;
  border-radius: 50%;
  display: inline-block;
}
.pending-status-dot-table {
  height: 20px;
  width: 20px;
  background-color: #E2E2E2;
  border-radius: 50%;
  display: inline-block;
}
.change-list-view {
  margin-top: 16px;
  margin-bottom: -16px;
}
.change-list-view p {
  font-size: 18px !important;
  padding-right: 8px;
  padding: 4px 8px;
  font-weight: normal;
  display: inline-block;
  max-width: 100%;
  cursor: default;
}
.change-list-view .list-view-icon {
  padding: 6px 6px 2px 6px;
  cursor: pointer;
}
.change-list-view button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.list-view-icon-wrapper .active {
  border: 1px solid #00566e;
}
@media (max-width: 1024px) {
  .menu-tab-links a {
    padding-right: 8px;
  }
  .menu-tab-links a :visited {
    text-decoration: none;
    color: #fff !important;
  }
  .menu-tab {
    width: 100% !important;
    max-width: 100% !important;
  }
  .list-of-article {
    width: 100% !important;
  }
  .search-result-list-item .link-block .link-block-content {
    padding-left: 27px;
    padding-right: 2px;
  }
  .result-detail-label {
    width: 175px;
  }
}
@media print {
  .no-print {
    display: none !important;
  }
  .list-of-article {
    max-width: 90%;
    width: 90%;
    min-width: 360px;
  }
  .list-of-article tr {
    border-bottom: 1px solid black;
  }
}

.center-div {
  margin-top: 20px;
  width: 100%;
  justify-content: center;
  display: flex;
}
.center-div .div-content {
  justify-content: center;
  display: flex;
}
.number-of-pages {
  margin: 28px 16px 0;
  line-height: 1.6;
}
.number-of-pages label {
  font-size: 18px !important;
  padding-right: 8px;
  padding: 4px 8px;
}
.number-of-pages select {
  padding: 4px 8px;
}
.pagination-container {
  display: inline-block;
  padding-left: 0;
  margin: 28px 0;
  border-radius: 4px;
}
.pagination-container > li {
  display: inline;
  cursor: pointer;
}
.pagination-container > li:first-child > a,
.pagination-container > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination-container > li > a,
.pagination-container > li > span {
  position: relative;
  float: left;
  padding: 4px 8px;
  margin-left: -1px;
  line-height: 1.6;
  color: #00566e;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination-container > li > a:hover,
.pagination-container > li > a:focus,
.pagination-container > li > span:hover,
.pagination-container > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #00566e;
  border-color: #00566e;
}
.pagination-container > li:first-child > a,
.pagination-container > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination-container > li:last-child > a,
.pagination-container > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-container > .active > a,
.pagination-container > .active > a:hover,
.pagination-container > .active > a:focus,
.pagination-container > .active > span,
.pagination-container > .active > span:hover,
.pagination-container > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #167b9a;
  border-color: #167b9a;
}
.pagination-container > .disabled > span,
.pagination-container > .disabled > span:hover,
.pagination-container > .disabled > span:focus,
.pagination-container > .disabled > a,
.pagination-container > .disabled > a:hover,
.pagination-container > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
@media (max-width: 1024px) {
  .center-div {
    display: inline;
  }
  .number-of-pages {
    margin: 0 16px 10px;
    justify-content: center;
    display: flex;
  }
}

#main-footer {
  font-size: 17px;
  background: #00334d;
  color: #fff;
  font-family: "Barlow-Regular", Helvetica, Arial, sans-serif;
  display: block;
  overflow: auto;
  margin-top: auto;
  width: 100%;
}
#main-footer .global-header-logo-wrap {
  display: inline-block !important;
  margin-left: -105px;
  float: left;
}
#main-footer .bottom-footer-wrapper {
  background: #00334d;
  color: #fff;
  font-size: 14px;
}
#main-footer .bottom-footer-wrapper .container-fluid {
  justify-content: flex-end;
  display: block;
  flex-wrap: wrap;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
#main-footer .bottom-footer-wrapper .footer-center {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
#main-footer .bottom-footer-wrapper a {
  font-size: 14px;
  color: #fff;
}
#main-footer .bottom-footer-wrapper p.top-border-white {
  border-top: 1px solid #71bcd5;
  margin-bottom: 12px;
}
#main-footer .bottom-footer-wrapper p .small-line-height {
  margin-top: -10px !important;
  color: #fff;
  display: inline-block;
  line-height: 1.01;
}
#main-footer .bottom-footer-wrapper .margin-large {
  margin-left: 31%;
  margin-right: 31%;
}
#main-footer .bottom-footer-wrapper .footer-center {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
#main-footer .bottom-footer-wrapper .footer-flex-end {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-end;
}
#main-footer .footer-list,
#main-footer .footer-list-first {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-bottom: 16px;
  list-style-type: none;
  font-family: "Barlow-Regular", Helvetica, Arial, sans-serif;
  font-size: 17px;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 12px;
}
#main-footer .footer-list .footer-list-icons,
#main-footer .footer-list-first .footer-list-icons {
  margin: 0;
  padding: 0;
}
#main-footer .footer-list .footer-list-icons a,
#main-footer .footer-list-first .footer-list-icons a {
  margin: 0;
  padding: 0;
  border: 0;
  color: #fff;
  font-size: 14px;
}
#main-footer .footer-list .footer-list-icons a .icon.footer-social-media-icon,
#main-footer .footer-list-first .footer-list-icons a .icon.footer-social-media-icon {
  align-items: center;
  width: 24px;
  height: 22px;
  fill: #fff;
  margin-right: 3px;
}
#main-footer .footer-list .col-sm-3,
#main-footer .footer-list .col-xs-6 {
  padding-left: 0;
  padding-right: 0;
}
#main-footer .footer-list-last {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0;
  padding-bottom: 16px;
  list-style-type: none;
  width: 100%;
  font-family: "Barlow-Regular", Helvetica, Arial, sans-serif;
}
#main-footer .footer-list-last li.function-link {
  padding-bottom: 8px;
}
#main-footer .footer-list-last li {
  display: inline-block;
}
#main-footer li {
  display: list-item;
  text-align: -webkit-match-parent;
}
#main-footer ul,
#main-footer ol {
  margin-top: 0;
  margin-bottom: 14px;
}
#main-footer ul {
  display: block;
  list-style-type: disc;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
#main-footer svg:not(:root) {
  overflow-clip-margin: content-box;
  overflow: hidden;
}
#main-footer :not(svg) {
  transform-origin: 0px 0px;
}
#main-footer [class^=icon-],
#main-footer [class*=" icon-"] {
  height: 18px;
  width: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
  fill: #fff;
  margin-right: 10px;
}
#main-footer a {
  color: #00566e;
  text-decoration: none;
  background-color: transparent;
}
#main-footer a :visited {
  text-decoration: none;
  color: #00334d;
}
#main-footer a :-webkit-any-link {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}
#main-footer .container-fluid {
  margin-right: 15px;
  margin-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
#main-footer .col-sm-offset-0 {
  margin-left: 0%;
}
#main-footer .col-lg-2 {
  width: 16.66666667%;
}
#main-footer .col-md-5 {
  width: 49.66666667%;
}
#main-footer .col-md-6 {
  width: 50%;
}
#main-footer .col-md-7 {
  width: 50.33333333%;
}
#main-footer .col-xs-12 {
  width: 100%;
}
#main-footer .col-lg-12 {
  width: 100%;
}
#main-footer .col-lg-1,
#main-footer .col-lg-2,
#main-footer .col-lg-3,
#main-footer .col-lg-4,
#main-footer .col-lg-5,
#main-footer .col-lg-6,
#main-footer .col-lg-7,
#main-footer .col-lg-8,
#main-footer .col-lg-9,
#main-footer .col-lg-10,
#main-footer .col-lg-11,
#main-footer .col-lg-12 {
  float: left;
}
#main-footer .col-md-1,
#main-footer .col-md-2,
#main-footer .col-md-3,
#main-footer .col-md-4,
#main-footer .col-md-5,
#main-footer .col-md-6,
#main-footer .col-md-7,
#main-footer .col-md-8,
#main-footer .col-md-9,
#main-footer .col-md-10,
#main-footer .col-md-11,
#main-footer .col-md-12 {
  float: left;
}
#main-footer .col-xs-1,
#main-footer .col-xs-2,
#main-footer .col-xs-3,
#main-footer .col-xs-4,
#main-footer .col-xs-5,
#main-footer .col-xs-6,
#main-footer .col-xs-7,
#main-footer .col-xs-8,
#main-footer .col-xs-9,
#main-footer .col-xs-10,
#main-footer .col-xs-11,
#main-footer .col-xs-12 {
  float: left;
}
#main-footer .col-xs-1,
#main-footer .col-sm-1,
#main-footer .col-md-1,
#main-footer .col-lg-1,
#main-footer .col-xs-2,
#main-footer .col-sm-2,
#main-footer .col-md-2,
#main-footer .col-lg-2,
#main-footer .col-xs-3,
#main-footer .col-sm-3,
#main-footer .col-md-3,
#main-footer .col-lg-3,
#main-footer .col-xs-4,
#main-footer .col-sm-4,
#main-footer .col-md-4,
#main-footer .col-lg-4,
#main-footer .col-xs-5,
#main-footer .col-sm-5,
#main-footer .col-md-5,
#main-footer .col-lg-5,
#main-footer .col-xs-6,
#main-footer .col-sm-6,
#main-footer .col-md-6,
#main-footer .col-lg-6,
#main-footer .col-xs-7,
#main-footer .col-sm-7,
#main-footer .col-md-7,
#main-footer .col-lg-7,
#main-footer .col-xs-8,
#main-footer .col-sm-8,
#main-footer .col-md-8,
#main-footer .col-lg-8,
#main-footer .col-xs-9,
#main-footer .col-sm-9,
#main-footer .col-md-9,
#main-footer .col-lg-9,
#main-footer .col-xs-10,
#main-footer .col-sm-10,
#main-footer .col-md-10,
#main-footer .col-lg-10,
#main-footer .col-xs-11,
#main-footer .col-sm-11,
#main-footer .col-md-11,
#main-footer .col-lg-11,
#main-footer .col-xs-12,
#main-footer .col-sm-12,
#main-footer .col-md-12,
#main-footer .col-lg-12 {
  position: relative;
  min-height: 1px;
}
#main-footer p {
  font-family: "Barlow-Regular", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 18px;
  margin: 0 0 14px;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
#main-footer img {
  vertical-align: middle;
  border: 0;
  overflow-clip-margin: content-box;
  overflow: clip;
}
@media (max-width: 1024px) {
  #main-footer .small-hide {
    display: none !important;
  }
  .footer-center .global-header-logo {
    margin-left: 17px !important;
  }
  #main-footer .bottom-footer-wrapper .container-fluid {
    width: 90%;
  }
  #main-footer .bottom-footer-wrapper .global-header-logo-wrap {
    margin-left: -15px;
  }
  #main-footer .col-md-6,
  .col-md-5 {
    width: auto !important;
  }
  #main-footer .bottom-footer-wrapper .footer-flex-end {
    align-items: baseline;
  }
}
@media (min-width: 1024px) {
  #main-footer .small-show {
    display: none !important;
  }
}
@media print {
  #main-footer {
    display: none !important;
  }
}

.table-result-header {
  background-color: rgba(82, 171, 108, 0.6);
  cursor: pointer;
}
tbody tr:nth-child(odd) {
  background-color: #fafafa;
}
tbody td {
  height: 1px;
  align-content: baseline;
}
tbody td a {
  min-height: 16px;
  max-height: 54px;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
table {
  border-collapse: collapse;
  text-indent: initial;
  border-spacing: 2px;
  width: 100%;
  empty-cells: show;
}
table .header-status {
  width: 5%;
}
table .header-applicationNumberFormatted {
  width: 15%;
}
table .header-publicationNumber {
  width: 15%;
}
table .header-title {
  width: 15%;
}
table .header-classification {
  width: 15%;
}
table .header-applicant {
  width: 25%;
}
table .header-filingDate {
  width: 15%;
}
table th {
  text-align: left;
}
table th,
table td {
  padding: 2px;
}
table .text-blue-500 {
  color: #00566e;
  cursor: pointer;
}
.overflow-x-auto {
  overflow-x: auto;
}
.scalable-svg-50percent {
  transform: scale(0.5);
  /* Scale down to 50% of the original size */
}

.navigation-row {
  width: 50%;
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}
.main-breadcrumb {
  background: transparent;
  padding: 7px 0 3px 7px;
  border: 0;
}
.breadcrumb,
breadcrumb-back-next {
  font-size: 20px;
  list-style: none;
  border-radius: 4px;
}
.breadcrumb-back-next > li {
  display: inline-block;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb a {
  background: url(/d59e220d74dabb839bbf.svg) center right / 10px 9px no-repeat;
  padding-left: 10px;
  padding-right: 15px;
  border: 0;
  cursor: pointer;
}
.breadcrumb a :visited {
  text-decoration: none;
  color: #00334d;
}
.breadcrumb-back-next a {
  padding-left: 10px;
  padding-right: 15px;
  border: 0;
  cursor: pointer;
}
.breadcrumb-back-next a :visited {
  text-decoration: none;
  color: #00334d;
}
.flipped {
  transform: scaleX(-1);
}
.small {
  font-size: 16px;
}
.application-header {
  color: #db062b;
  margin-bottom: 4px;
}
.application-sub-header {
  color: #00334d;
  margin-bottom: 8px;
}
.detail-label {
  font-weight: 600;
  display: block;
  float: left;
  margin-bottom: 8px;
}
.detail-under-label {
  display: block;
  float: left;
}
.red-text {
  color: red;
}
.detail-bold {
  font-weight: 600;
}
.detail {
  min-height: 10px;
  margin-bottom: 8px;
}
.list-detail {
  min-height: 10px;
  margin-bottom: 2px;
}
.collapsible-detail {
  text-align: end;
}
.collapsible-detail button {
  border: none;
  background: none;
}
.chevron {
  margin-left: 8px;
}
.two-column-auto {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 8px;
}
.four-column-auto {
  display: grid;
  grid-template-columns: 82px auto auto auto;
  column-gap: 8px;
  word-break: break-word;
}
.five-column-auto {
  display: grid;
  grid-template-columns: 82px auto auto auto auto;
  column-gap: 8px;
  word-break: break-word;
}
.span-2-grid-columns {
  grid-column: span 2;
}
.span-4-grid-columns {
  grid-column: span 4;
}
.two-col-first-larger {
  display: grid;
  grid-template-columns: 75% 25%;
}
.two-col-second-larger {
  display: grid;
  grid-template-columns: 25% 75%;
}
.two-col-second-larger-first-100px {
  display: grid;
  grid-template-columns: clamp(55px, 100px, 25%) auto;
}
.three-col-third-larger {
  display: grid;
  grid-template-columns: 25% 25% 50%;
}
.four-col {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}
.four-col-fourth-larger {
  display: grid;
  grid-template-columns: fit-content(20%) fit-content(20%) 20% auto;
  gap: 8px;
  word-break: break-word;
}
.alignBottom {
  align-content: end;
}
.alignTextEnd {
  text-align: end;
}
.margin-8px {
  margin: 8px;
}
.margin-bottom-0px {
  margin-bottom: 0 !important;
}
.image-text {
  display: grid;
  width: fit-content;
}
.image-pagination {
  display: ruby;
}
.image-pagination button {
  border: none;
  background: none;
  cursor: pointer;
}
.image-pagination button:hover {
  color: #71bcd5;
}
.image-pagination button:disabled,
.image-pagination button[disabled] {
  color: #fafafa;
}
.image-box {
  justify-self: start;
}
.image {
  height: 100px;
  width: 100%;
  object-fit: contain;
  /* or cover, depending on your needs */
}
.details-page {
  margin-bottom: 20px;
}
.details-page .detail-container {
  background-color: #fafafa;
  margin-bottom: 16px;
  display: grid;
  grid-column-gap: 8px;
  grid-template-columns: 25% 75%;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 8px;
  margin-right: auto;
  margin-left: auto;
  max-width: 90%;
  width: 50%;
  min-width: 330px;
}
.details-page .detail-container-reversed {
  background-color: #fafafa;
  margin-bottom: 16px;
  display: grid;
  grid-column-gap: 8px;
  grid-template-columns: 75% 25%;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 8px;
  margin-right: auto;
  margin-left: auto;
  max-width: 90%;
  width: 50%;
  min-width: 330px;
}
@media print {
  .details-page .detail-container {
    background-color: #fafafa;
    margin-bottom: 16px;
    display: grid;
    grid-column-gap: 8px;
    grid-template-columns: 25% 75%;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 8px;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
    width: 90%;
    min-width: 330px;
  }
  .details-page .detail-container-reversed {
    background-color: #fafafa;
    margin-bottom: 16px;
    display: grid;
    grid-column-gap: 8px;
    grid-template-columns: 75% 25%;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 8px;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
    width: 90%;
    min-width: 330px;
  }
}
.details-page .last-info {
  padding-bottom: 16px;
  border-bottom: 4px solid #db062b;
  background-color: #fafafa;
}
.details-page .last-info-light-blue {
  padding-bottom: 16px;
  border-bottom: 4px solid #71bcd5;
  background-color: #fafafa;
}
.details-page .last-info-blue {
  padding-bottom: 16px;
  border-bottom: 4px solid #00334d;
  background-color: #fafafa;
}
.icon-arrow-circle-o-right {
  transform: rotate(180deg);
  fill: #fff;
}
.go-back-button {
  min-width: 10%;
  max-width: 25%;
  display: flex;
  margin: 10px 15px 0 0;
  overflow: hidden;
}
.go-back-button .search-dropdown-button {
  fill: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background: #167b9a;
  color: #fff;
  border: 1px solid #7b8795;
  font-size: 20px;
  cursor: pointer;
}
.go-back-button .search-dropdown-button svg {
  height: 20px;
  width: 20px;
  margin-right: 4px;
}
.justify-center {
  justify-items: center;
}
.details-page-wrapper {
  overflow-wrap: break-word;
}
.no-list-decoration {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-thumbnail-style {
  margin-top: 8px;
  border: 1px solid #71bcd5;
  width: auto;
  height: 100px;
}
.list-thumbnail-style:hover {
  cursor: pointer;
  transform: scale(4);
}
.image-container {
  width: 90%;
  /* desired width */
  height: 200px;
  /* desired height */
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #71bcd5;
  /* optional border */
  overflow: hidden;
}
.image-container:hover {
  cursor: pointer;
  transform: scale(2);
  z-index: 1000;
}
.design-image-text {
  position: absolute;
  color: red;
  font-size: 18px;
  font-weight: bold;
}
.figure-style-design {
  max-width: 90%;
  height: auto;
  max-height: 200px;
}
.figure-style {
  margin-top: 8px;
  border: 1px solid #71bcd5;
  max-width: 90%;
  height: auto;
  max-height: 500px;
}
.figure-style:hover {
  cursor: pointer;
  transform: scale(2);
  z-index: 1000;
}
.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.loadingSpinner {
  width: 100px;
  height: 100px;
  border-radius: 5%;
}
.print {
  right: 0;
  top: 0;
  text-align: end;
}
.print .print-icon {
  fill: #000;
  height: 24px;
  width: 24px;
}
.print button {
  color: #000;
  font-size: 12px;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
@media print {
  .no-print {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .details-page .detail-container {
    width: 95%;
  }
  .navigation-row {
    width: 95%;
  }
}

.link-box {
  width: 50%;
  max-width: 90%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 16px;
  padding-bottom: 16px;
  min-width: 330px;
  background-color: #fafafa;
  border-bottom: 4px solid #f3995f;
  display: grid;
  grid-template-columns: 25% 75%;
}
.link-box h2 {
  color: #00334d;
}
.classification-links {
  list-style-type: none;
  padding: 16px;
  margin: 0;
  border: 0;
}
.classification-links li {
  line-height: 200%;
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
}
.header-links,
.spt-link {
  font-weight: 600;
}
@media (max-width: 1024px) {
  .link-box {
    width: 95%;
  }
}
@media print {
  .no-print {
    display: none !important;
  }
}