@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@font-face {
  font-family: "gotham_boldregular";
  src: url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bold-webfont.eot");
  src: url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bold-webfont.eot?#iefix") format("embedded-opentype"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bold-webfont.woff") format("woff"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bold-webfont.ttf") format("truetype"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bold-webfont.svg#gotham_boldregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gotham_bolditalic";
  src: url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bolditalic-webfont.eot");
  src: url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bolditalic-webfont.woff") format("woff"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bolditalic-webfont.ttf") format("truetype"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bolditalic-webfont.svg#gotham_bolditalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gotham_lightregular";
  src: url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_light-webfont.eot");
  src: url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_light-webfont.eot?#iefix") format("embedded-opentype"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_light-webfont.woff") format("woff"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_light-webfont.ttf") format("truetype"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_light-webfont.svg#gotham_lightregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gotham_lightitalic";
  src: url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_lightitalic-webfont.eot");
  src: url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_lightitalic-webfont.woff") format("woff"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_lightitalic-webfont.ttf") format("truetype"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_lightitalic-webfont.svg#gotham_lightitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gotham_bookregular";
  src: url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_book-webfont.eot");
  src: url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_book-webfont.eot?#iefix") format("embedded-opentype"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_book-webfont.woff") format("woff"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_book-webfont.ttf") format("truetype"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_book-webfont.svg#gotham_bookregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gotham_bookitalic";
  src: url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bookitalic-webfont.eot");
  src: url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bookitalic-webfont.eot?#iefix") format("embedded-opentype"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bookitalic-webfont.woff") format("woff"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bookitalic-webfont.ttf") format("truetype"), url("https://d19t87v9ruil69.cloudfront.net/fonts/gotham_bookitalic-webfont.svg#gotham_bookitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
body.visitor, body.op_visitor {
  font-family: "Roboto";
  --joy-fontFamily-body: "Roboto";
  color: #454545;
}
body.visitor h1, body.op_visitor h1 {
  font-family: "Roboto Slab";
  color: #081D4F;
}
body.visitor .skip-link, body.op_visitor .skip-link {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  padding-left: 30px;
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 991px) {
  body.visitor .skip-link, body.op_visitor .skip-link {
    padding-left: 0px;
  }
}
body.visitor .skip-link:active, body.visitor .skip-link:focus, body.op_visitor .skip-link:active, body.op_visitor .skip-link:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: absolute;
  white-space: normal;
  width: auto;
}
body.visitor .nav-button, body.op_visitor .nav-button {
  color: white;
  font-size: 16px;
  font-family: "Roboto";
  font-weight: 700;
  word-wrap: break-word;
  display: flex;
  width: 109px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 999px;
  background: var(--theme-secondary, #123F1C);
}
body.visitor .nav-button:hover, body.op_visitor .nav-button:hover {
  background: var(--theme-secondary-darker-75, #737300);
}
body.visitor .nav-right, body.op_visitor .nav-right {
  padding: 8px 24px;
  display: flex;
  gap: 20px;
  flex-grow: 1;
  justify-content: flex-end;
}
@media (max-width: 400px) {
  body.visitor .nav-right, body.op_visitor .nav-right {
    padding: 8px 0;
  }
}
body.visitor .visitor-header, body.op_visitor .visitor-header {
  display: flex;
  position: relative;
  justify-content: space-around;
  padding: 1rem 0;
  border-bottom: 1px solid #A4A4A4;
  background: #FFF;
  height: 80px;
}
@media (max-width: 991px) {
  body.visitor .visitor-header, body.op_visitor .visitor-header {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 400px) {
  body.visitor .visitor-header, body.op_visitor .visitor-header {
    overflow: hidden;
  }
}
body.visitor .visitor-header .nav-left, body.op_visitor .visitor-header .nav-left {
  max-width: 52%;
  display: flex;
  flex-grow: 1;
  justify-content: space-around;
}
@media (min-width: 991px) {
  body.visitor .visitor-header .nav-left .logo, body.op_visitor .visitor-header .nav-left .logo {
    width: 33.125rem;
  }
}
body.visitor .standard-layout, body.op_visitor .standard-layout {
  display: flex;
  flex-direction: column;
}
body.visitor .visitor-container, body.op_visitor .visitor-container {
  display: flex;
  flex-wrap: wrap;
  min-height: 100vh;
}
@media (max-width: 991px) {
  body.visitor .visitor-container, body.op_visitor .visitor-container {
    padding-left: 0px;
  }
}
body.visitor .visitor-right, body.op_visitor .visitor-right {
  background-color: var(--theme-primary, #08467C);
  min-width: 1px;
  position: relative;
  flex-grow: 1;
  overflow: hidden;
  min-height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.visitor .visitor-images-container, body.op_visitor .visitor-images-container {
  position: relative;
  min-width: 390px;
  height: 55vh;
}
@media (min-width: 991px) {
  body.visitor .visitor-images-container, body.op_visitor .visitor-images-container {
    min-width: 429px;
  }
}
body.visitor .visitor-images-container img, body.op_visitor .visitor-images-container img {
  position: absolute;
  width: 250px;
  height: 250px;
  border-radius: 20px;
  border: 5px solid #fff;
}
body.visitor .visitor-images-container img:nth-child(2), body.op_visitor .visitor-images-container img:nth-child(2) {
  position: absolute;
}
@media (max-width: 991px) {
  body.visitor .visitor-images-container img:nth-child(2), body.op_visitor .visitor-images-container img:nth-child(2) {
    top: 8.25rem;
    left: 8.25rem;
  }
}
@media (min-width: 991px) {
  body.visitor .visitor-images-container img:nth-child(2), body.op_visitor .visitor-images-container img:nth-child(2) {
    top: 11.25rem;
    left: 11.25rem;
  }
}
body.visitor .visitor-branding-images-container, body.op_visitor .visitor-branding-images-container {
  position: relative;
  min-width: 390px;
  height: 55vh;
}
@media (min-width: 991px) {
  body.visitor .visitor-branding-images-container, body.op_visitor .visitor-branding-images-container {
    min-width: 429px;
  }
}
body.visitor .visitor-branding-images-container .branding-logo, body.op_visitor .visitor-branding-images-container .branding-logo {
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  border-radius: 0;
  border: none;
}
@media (max-width: 400px) {
  body.visitor .visitor-branding-images-container .branding-logo, body.op_visitor .visitor-branding-images-container .branding-logo {
    width: 300px;
  }
}
body.visitor .visitor-branding-images-container img, body.op_visitor .visitor-branding-images-container img {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: 250px;
  border-radius: 20px;
  border: 5px solid #fff;
}
@media (max-width: 400px) {
  body.visitor .visitor-branding-images-container img, body.op_visitor .visitor-branding-images-container img {
    top: 22rem;
  }
}
@media (width: 540px) and (height: 720px) {
  body.visitor .visitor-branding-images-container img, body.op_visitor .visitor-branding-images-container img {
    top: 20rem;
  }
}
@media (width: 1024px) and (height: 600px) {
  body.visitor .visitor-branding-images-container img, body.op_visitor .visitor-branding-images-container img {
    top: 20rem;
  }
}
body.visitor .visitor-main > div, body.op_visitor .visitor-main > div {
  width: 33.125rem;
}
body.visitor .logo-background, body.op_visitor .logo-background {
  position: absolute;
  z-index: 0;
}
body.visitor .logo-background-left, body.op_visitor .logo-background-left {
  flex-shrink: 0;
  bottom: -5.625rem;
  left: -7.5rem;
}
body.visitor .help-container, body.op_visitor .help-container {
  width: 80%;
  margin: 50px auto;
}
body.visitor .footer-wrap, body.op_visitor .footer-wrap {
  font-size: 14px;
  text-align: center;
  height: 150px;
  border-top: 1px solid #D5D5D5;
}
body.visitor .footer-wrap .footer-owned-by, body.op_visitor .footer-wrap .footer-owned-by {
  margin-top: 1.25rem;
}
body.visitor .footer-wrap ul, body.op_visitor .footer-wrap ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
body.visitor .footer-nav, body.op_visitor .footer-nav {
  padding-top: 1rem;
}
body.visitor .footer-nav li, body.op_visitor .footer-nav li {
  display: inline-block;
}
body.visitor .footer-nav li a, body.op_visitor .footer-nav li a {
  padding: 0 15px;
  color: #000;
  text-decoration: underline;
}
body.visitor .footer-nav li a:hover, body.op_visitor .footer-nav li a:hover {
  font-weight: bold;
  border: none;
}
body.visitor .reg-form a, body.op_visitor .reg-form a {
  color: #000;
  text-decoration: underline;
}
@media (max-width: 991px) {
  body.visitor .all-forms-container, body.op_visitor .all-forms-container {
    padding: 0 3rem;
  }
}
body.visitor .MuiInput-sizeLg, body.op_visitor .MuiInput-sizeLg {
  height: 60px;
}
body.visitor .MuiInput-input, body.op_visitor .MuiInput-input {
  box-shadow: none !important;
}
body.visitor .MuiBox-root h1, body.op_visitor .MuiBox-root h1 {
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  margin: 4rem 0 1.5rem;
  line-height: 112%;
}
body.visitor label:not(.MuiCheckbox-label), body.op_visitor label:not(.MuiCheckbox-label) {
  font-feature-settings: "'clig' off; 'liga' off";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.154px;
  color: #4D4D4D;
  margin-bottom: 0.5rem;
}
body.visitor input, body.op_visitor input {
  color: #4A5568;
  background-color: #F7FAFC;
  font-size: 16px;
  padding: 7px 0 8px;
  border-radius: 20px;
}
body.visitor .MuiInput-root, body.op_visitor .MuiInput-root {
  border-radius: 12px;
}
body.visitor .btn, body.op_visitor .btn {
  height: 60px;
  font-size: 20px;
  font-style: normal;
  padding: 0 24px;
  border-radius: 999px;
}
body.visitor .submit-button, body.op_visitor .submit-button {
  background-color: var(--theme-secondary, #123F1C);
  color: #F7FAFC;
  line-height: 28px;
  font-weight: 700;
  transition: 0.3s;
  border-radius: 999px;
}
body.visitor .submit-button:hover, body.op_visitor .submit-button:hover {
  background-color: var(--theme-secondary-darker-75, #737300);
}
body.visitor .back-button, body.op_visitor .back-button {
  background-color: #5A5A5A;
  color: #F7FAFC;
  line-height: 28px;
  font-weight: 700;
  transition: 0.3s;
  border-radius: 999px;
}
body.visitor .back-button:hover, body.op_visitor .back-button:hover {
  background-color: #3D3D3D;
}
body.visitor .sso-button, body.op_visitor .sso-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border: 1px solid #000;
  background: #FFF;
  color: black;
  font-weight: 500;
}
body.visitor .sso-button:hover, body.op_visitor .sso-button:hover {
  background-color: #EAEAEA;
}
body.visitor .sso-button:hover svg g rect, body.op_visitor .sso-button:hover svg g rect {
  fill: #EAEAEA;
}
body.visitor div.button-container, body.op_visitor div.button-container {
  margin: 2rem 0 1rem;
}
body.visitor .two-factor-create .link-container h3, body.op_visitor .two-factor-create .link-container h3 {
  margin: 1.5rem 0 1rem;
}
body.visitor .login-form div.button-container, body.op_visitor .login-form div.button-container {
  margin-bottom: 1.5rem;
}
body.visitor .invite-code-entry .subtext-bottom-container, body.op_visitor .invite-code-entry .subtext-bottom-container {
  margin-bottom: 1rem;
}
body.visitor .reset-password .subtext-container, body.op_visitor .reset-password .subtext-container {
  margin-bottom: 1.5rem;
}
body.visitor .add-license .subtext-container.last, body.op_visitor .add-license .subtext-container.last {
  margin-bottom: 2rem;
}
body.visitor .add-license .control-container, body.op_visitor .add-license .control-container {
  margin-bottom: 1rem;
}
body.visitor div.control-container, body.op_visitor div.control-container {
  margin: 0 0 1.5em 0;
}
body.visitor div.control-container .link-container, body.op_visitor div.control-container .link-container {
  margin-top: 0.5rem;
}
body.visitor .reg-button-container, body.op_visitor .reg-button-container {
  margin: 0.625rem 0;
}
body.visitor .link-container a, body.op_visitor .link-container a {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-decoration-line: underline;
  text-decoration-color: inherit;
}
body.visitor .link-container a:hover, body.op_visitor .link-container a:hover {
  color: #000;
}
body.visitor .subtext-container, body.op_visitor .subtext-container {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 2rem;
}
body.visitor .subtext-container a, body.op_visitor .subtext-container a {
  color: var(--theme-secondary, #123F1C);
}
body.visitor .subtext-bottom-container, body.op_visitor .subtext-bottom-container {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 1.5rem;
}
body.visitor .form-errors-list, body.op_visitor .form-errors-list {
  padding-top: 0.3125rem;
  padding-left: 0.625rem;
}
body.visitor .form-error, body.op_visitor .form-error {
  color: #B73030;
  font-size: 12px;
  list-style-type: none;
}
body.visitor .MuiIconButton-root, body.op_visitor .MuiIconButton-root {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid #CFD9E0;
  padding: 0 0.625rem;
  height: 1.875rem;
}
body.visitor .MuiIconButton-colorNeutral, body.op_visitor .MuiIconButton-colorNeutral {
  color: #718096;
}
body.visitor .password-criterion-icon path, body.op_visitor .password-criterion-icon path {
  transition: 0.3s;
}
body.visitor .password-criteria, body.op_visitor .password-criteria {
  padding: 0;
  list-style: none;
}
body.visitor .password-criterion, body.op_visitor .password-criterion {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 1rem;
}
body.visitor .password-criterion:last-child, body.op_visitor .password-criterion:last-child {
  margin-bottom: 1.5rem;
}
body.visitor .gsi-material-button-content-wrapper, body.op_visitor .gsi-material-button-content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
body.visitor .sso-container, body.op_visitor .sso-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 1.5rem 0;
}
body.visitor .css-1puturl-MuiDivider-root::before, body.visitor .css-1puturl-MuiDivider-root::after, body.op_visitor .css-1puturl-MuiDivider-root::before, body.op_visitor .css-1puturl-MuiDivider-root::after {
  border-top: thin solid #A0AEC0;
}
body.visitor .MuiDivider-wrapper, body.op_visitor .MuiDivider-wrapper {
  color: #4D4D4D;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
  letter-spacing: -0.154px;
}
body.visitor .feedback-form, body.op_visitor .feedback-form {
  border-radius: 10px;
  border: 3px solid #CBD5E0;
  background: #FFF;
  width: 474px;
  height: 568px;
  padding: 0 1.875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 3.125rem;
}
body.visitor .feedback-header, body.op_visitor .feedback-header {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 112%; /* 17.92px */
  margin: 1.5rem 0;
}
body.visitor textarea.disabled, body.op_visitor textarea.disabled {
  color: #666666;
}
body.visitor .version-overlay, body.op_visitor .version-overlay {
  position: fixed;
  bottom: 30px;
  left: 25px;
  z-index: 99999999;
  width: 160px;
  background: rgba(8, 70, 124, 0.7);
  border: solid 0px #BBB;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  font-family: courier;
}
body.visitor .version-overlay .env, body.op_visitor .version-overlay .env {
  font-weight: bold;
  font-size: 13px;
}
body.visitor .version-overlay .branch, body.op_visitor .version-overlay .branch {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.visitor .version-overlay .started-at, body.op_visitor .version-overlay .started-at {
  font-size: 10px;
}
body.visitor .version-overlay-icon, body.op_visitor .version-overlay-icon {
  position: fixed;
  bottom: 30px;
  left: 5px;
  z-index: 99999999;
  padding: 5px;
  line-height: 15px;
  background: rgba(8, 70, 124, 0.7);
}

body.op_visitor.contact .contact-block {
  padding-left: 0;
}
body.op_visitor.help .visitor-main {
  max-height: 1000px;
  font-family: "Roboto";
}
body.op_visitor.help .help-title {
  color: var(--theme-secondary, #123F1C);
}
body.op_visitor.help h1, body.op_visitor.help .help-title {
  padding-left: 15px;
}
body.op_visitor.help .help-section-title {
  color: var(--theme-secondary, #123F1C);
  font-family: "Roboto";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 128%;
  text-transform: capitalize;
  margin-left: 0;
}
body.op_visitor.help .panel-heading {
  padding-left: 0;
}
body.op_visitor.help .panel-title a {
  font-family: "Roboto";
  font-weight: unset;
}
body.op_visitor.help .panel-title a:hover, body.op_visitor.help .panel-title a:focus {
  color: var(--theme-secondary, #123F1C) !important;
}
body.op_visitor.help .panel-body {
  padding-left: 0;
}
