/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/spry-react/Errors/errorDisplayList.less ***!
  \*******************************************************************************************************************************************************************************************************/
.validation-summary-warnings {
  color: #B9A100;
  background-color: #FFF9D9;
  margin-bottom: 1em;
}
.validation-summary-warnings ul {
  padding: 1em;
  list-style-type: none;
}
.validation-summary .validation-error {
  color: #c00;
  font-size: 1rem;
}
.validation-summary .exclamation-circle-icon {
  color: #EE0000;
}
.validation-summary .exclamation-circle-icon::before,
.validation-summary .exclamation-circle-icon ::after {
  font-size: 1rem;
}
.validation-summary .validation-warning {
  color: #B9A100;
}
.validation-summary .warning-icon {
  color: #CCB100;
}
.validation-summary .warning-icon::before,
.validation-summary .warning-icon ::after {
  font-size: 1rem;
}

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./web/Content/modules/Pages/Shared/publicPage.less ***!
  \***************************************************************************************************************************************************************************************************/
html,
body,
#root,
#product-background {
  height: 100%;
  width: 100%;
  min-width: unset;
  margin: 0;
  padding: 0;
  background-size: cover;
  display: flex;
  flex: 1 0 auto;
}
#product-background {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  align-content: stretch;
  width: 100%;
  background: #fff url(/Content/modules/dist/11d923a7b936fe6c66c9.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}
.background-gradient-cover {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlNTk3OCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(54, 77, 103, 0.85)), color-stop(10%, rgba(54, 77, 103, 0.85)), color-stop(100%, rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0.75)));
  background: linear-gradient(to bottom, rgba(54, 77, 103, 0.85) 0, rgba(54, 77, 103, 0.85) 10%, rgba(255, 255, 255, 0.75) 100%, rgba(255, 255, 255, 0.75) 100%);
  min-height: 49rem;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  align-items: stretch;
}
.flex-vertical {
  display: flex;
  flex-grow: 1;
  flex-flow: column nowrap;
  align-items: stretch;
  align-content: space-between;
  justify-content: center;
}
.flex-vertical .flex-top {
  flex: 1 0 auto;
  padding-bottom: 2rem;
}
.flex-vertical .flex-bottom {
  flex: 0;
  width: 78em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2rem;
}
.content {
  width: 78em;
  margin-left: auto;
  margin-right: auto;
}
.product-title {
  font-size: 8.25rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  line-height: 1;
}
.company-name {
  color: #fff;
}
.product-title.matrix-logo {
  font-size: 2.5rem;
}
@media screen and (min-width: 25em) {
  .product-title.matrix-logo {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 35.5em) {
  .product-title.matrix-logo {
    font-size: 6.2rem;
  }
}
@media screen and (min-width: 48em) {
  .product-title.matrix-logo {
    font-size: 8.25rem;
  }
}
#login-form {
  width: 100%;
  max-width: 29em;
  padding-top: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
#login-form input[disabled] {
  background-color: #bac4cf;
  color: #000;
}
#login-form .password-icon {
  left: 0;
}
#login-button button div {
  justify-content: center;
}
#register-button button div {
  text-align: center;
  font-weight: 500;
}
.notice-message {
  color: #123044;
  word-break: keep-all;
  width: 100%;
  max-width: 78em;
  font-weight: 500;
}
#footer {
  flex: 0 0 auto;
  background: #123044;
  min-height: 5em;
  color: rgba(255, 255, 255, 0.8);
}
.logo-and-tagline {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding-bottom: 1rem;
}
#environment-login-logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 9.5em;
}
#footer .matrix-logo {
  font-size: 2.6em;
  margin: 0;
}
#footer .matrix-logo .matrix {
  background-size: 8.36rem 1.09rem;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzkuOCA1LjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM5LjggNS41IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zOS44LDUuNUMzMi0wLjYsOS44LDIsMCw1LjVDOS44LDAuMiwzMi0zLjcsMzkuOCw1LjV6Ii8+DQo8L3N2Zz4NCg==);
  background-position-y: 0.125em;
}
#footer .footer-text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.8);
  padding-top: 1.35rem;
  text-align: right;
}
#footer .tagline {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.5em;
  font-style: italic;
  font-family: aller;
  font-weight: 400;
}
@media screen and (min-width: 35.5em) {
  .logo-and-tagline {
    justify-content: flex-start;
  }
  #footer .footer-text {
    padding: 0;
    justify-content: right;
    text-align: right;
  }
}