/*
	TOC
		Measurement units
		Colours
		UI element colours
		Typography
		Icons
		Border radius
		Thumbnail
		Forms
		Buttons
		Bootstrap Variables Overrides
*/
/*
	https://type-scale.com/

	Major second scale
*/
/*
	TOC
		Display
		Borders
		Margins
		Paddings
		Transition
		Responsive video
*/
.display-block {
  display: block !important;
}
.display-inline-block {
  display: inline-block !important;
}
.display-inline {
  display: inline !important;
}
.border {
  border: 1px solid hsl(213, 9%, 85%) !important;
}
.border-top {
  border-top: 1px solid hsl(213, 9%, 85%) !important;
}
.border-bottom {
  border-bottom: 1px solid hsl(213, 9%, 85%) !important;
}
.border-light-top {
  border-top: 1px dotted hsl(213, 9%, 85%) !important;
}
.border-bottom-dashed {
  border-bottom-style: dashed !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt0-5 {
  margin-top: 11px !important;
}
.mt1 {
  margin-top: 22px !important;
}
.mt1-5 {
  margin-top: 33px !important;
}
.mt2 {
  margin-top: 44px !important;
}
.mt3 {
  margin-top: 66px !important;
}
.mt4 {
  margin-top: 88px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb0-5 {
  margin-bottom: 11px !important;
}
.mb1 {
  margin-bottom: 22px !important;
}
.mb1-5 {
  margin-bottom: 33px !important;
}
.mb2 {
  margin-bottom: 44px !important;
}
.mb2-5 {
  margin-bottom: 55px !important;
}
.mb3 {
  margin-bottom: 66px !important;
}
.mb4 {
  margin-bottom: 88px !important;
}
.mb5 {
  margin-bottom: 110px !important;
}
.ml0-5 {
  margin-left: 0.5em !important;
}
.ml1 {
  margin-left: 1em !important;
}
.mr0-5 {
  margin-right: 0.5em !important;
}
.mr1 {
  margin-right: 1em !important;
}
.mr1-5 {
  margin-right: 1.5em !important;
}
.pt0-5 {
  padding-top: 11px !important;
}
.pt1 {
  padding-top: 22px !important;
}
.pt1-5 {
  padding-top: 33px !important;
}
.pb0-5 {
  padding-bottom: 11px !important;
}
.pb1 {
  padding-bottom: 22px !important;
}
.pb1-5 {
  padding-bottom: 33px !important;
}
.wrap-responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.wrap-responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
	TOC
		Body
		Section
		In-line anchor scroll margin
*/
html {
  scroll-behavior: smooth;
}
body {
  padding-top: calc(90px + 22px);
}
body.website {
  padding-top: 90px;
}
body.share {
  padding-top: calc(90px + 22px);
}
body.app.admin.blank {
  padding-top: 22px;
}
body.app.client {
  padding-top: calc(90px + 22px * 3.5);
}
main {
  min-height: 60vh;
}
.container-maxwidth {
  margin-left: auto;
  margin-right: auto;
}
.website .container-maxwidth {
  max-width: 1260px;
}
.app.admin .container-maxwidth {
  max-width: 1400px;
}
.app.client .container-maxwidth {
  max-width: 1400px;
}
.app.contributor .container-maxwidth {
  max-width: 1400px;
}
.app.report .container-maxwidth {
  max-width: 1400px;
}
.section-anchor {
  scroll-margin-top: 112px;
}
.app.client .section-anchor {
  scroll-margin-top: calc(90px + 44px);
}
.display-flex {
  display: flex;
  gap: 22px;
}
.flex-align-items-center {
  align-items: center;
}
.flex-align-items-baseline {
  align-items: baseline;
}
.flex-align-items-end {
  align-items: end;
}
.flex-justify-end {
  justify-content: flex-end;
}
.flex-justify-space-between {
  justify-content: space-between;
}
.flex-item-right {
  margin-left: auto;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
/*
	TOC
		Footer logos
		Badges
		Website footer
*/
footer {
  background-color: hsl(217, 67%, 13%);
  color: #FFF;
  padding-bottom: 22px;
  padding-top: 22px;
  margin-top: 22px;
}
footer h4 {
  font-size: 1.424rem;
}
footer li {
  margin-bottom: 11px;
}
footer .footer-logos .badges-block {
  margin-top: 44px;
  margin-bottom: 22px;
}
@media screen and (min-width: 992px) {
  footer .footer-logos {
    align-items: end;
    display: flex;
    justify-content: space-between;
  }
  footer .footer-logos .badges-block {
    margin: 0;
  }
}
footer .badges-block img {
  height: 55px;
}
footer .badges-block .mrs-badge {
  display: inline-block;
}
footer .badges-block a {
  display: inline-block;
  margin-right: 1em;
}
footer .logo-block {
  text-align: right;
}
footer .logo-block .logo {
  height: 187px;
}
.website footer {
  margin-top: 0;
}
/*
	
	TOC
		Logo
		Toggle button
		Dropdown menu
		Account nav

		**
*/
.navbar {
  font-weight: bold;
}
.navbar .navbar-brand img {
  height: 48px;
  margin-top: -10px;
}
@media (min-width: 991px) {
  .navbar .navbar-brand img {
    height: 62px;
    margin-top: -16px;
  }
}
.navbar .navbar-toggle {
  color: #FFF;
}
.navbar .navbar-toggle:hover {
  color: hsl(217, 67%, 13%);
}
.navbar .navbar-toggle:active {
  color: hsl(217, 67%, 13%);
}
.navbar .dropdown-menu > li > a {
  font-weight: bold;
}
@media (min-width: 991px) {
  .navbar .account-nav {
    text-align: right;
  }
}
@media screen and (min-width: 991px) {
  .navbar .account-nav .register-link.dropdown::before {
    content: '';
    background-color: white;
    border-radius: 2em;
    height: 2.5em;
    left: 0;
    position: absolute;
    top: 1.5em;
    width: 100%;
  }
  .navbar .account-nav .register-link.dropdown > a {
    color: hsl(216, 67%, 39%);
  }
  .navbar .account-nav .register-link.dropdown.open::before {
    border-radius: 0;
    height: 100%;
    top: 0;
  }
}
.navbar .account-nav .dropdown-menu .heading {
  display: block;
}
@media (min-width: 991px) {
  .navbar .account-nav .dropdown-menu .heading {
    color: hsl(216, 67%, 39%);
  }
}
.navbar .account-nav .dropdown-menu .link {
  font-weight: normal;
}
/*
	TOC
		Global notifications
			Loading
			Release
			Page error
			Alerts
		Inline alerts
		JSF global alerts
*/
.global-notifications-block {
  bottom: 22px;
  max-width: calc(100% - (22px * 2));
  position: fixed;
  right: 22px;
  transition: all 0.2s ease-out 0s;
  z-index: 10000;
}
@media (min-width: 768px) {
  .global-notifications-block {
    max-width: 30em;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .global-notifications-block {
    width: 33%;
  }
}
[class^="global-notifications_"] {
  background: hsl(217, 50%, 97%);
  border: 2px solid hsl(207, 50%, 90%);
  border-radius: 8px;
  margin-top: 11px;
  padding: 22px;
}
.global-notifications_loading {
  align-items: center;
  border-radius: 50%;
  color: hsl(216, 67%, 39%);
  font-size: 1.125rem;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}
.global-notifications_release h3 {
  font-size: 1.125rem;
  font-weight: 400;
  margin-top: 0;
}
.global-notifications_page-error {
  background-color: hsl(0, 80%, 95%);
  border-color: hsl(350, 80%, 90%);
}
.global-notifications_page-error h3 {
  color: hsl(0, 80%, 50%);
  margin-top: 0;
  position: relative;
}
.global-notifications_page-error h3::after {
  content: '\f1e6';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  bottom: -1em;
  color: hsl(0, 80%, 50%);
  font-size: 1.25em;
  position: absolute;
  right: 0;
  transform: rotate(90deg);
  top: 1.5em;
}
.global-notifications_page-error h3::before {
  border-bottom: 4px solid hsl(0, 80%, 50%);
  content: ' ';
  display: block;
  margin-right: 2em;
  position: relative;
  top: 1.75em;
}
.global-notifications_page-error h3 .fa-plug {
  bottom: -1em;
  color: hsl(0, 80%, 50%);
  font-size: 1.5em;
  position: absolute;
  right: 0;
  transform: rotate(90deg);
}
.global-notifications_alerts {
  background: none;
  border: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.global-notifications_success {
  background-color: hsl(80, 90%, 90%);
  border-color: hsl(80, 90%, 70%);
  color: hsl(80, 90%, 30%);
}
.global-notifications_warning {
  background-color: hsl(30, 100%, 95%);
  border-color: hsl(20, 100%, 90%);
  color: hsl(30, 100%, 50%);
}
.global-notifications_danger {
  background-color: hsl(0, 80%, 95%);
  border-color: hsl(350, 80%, 90%);
  color: hsl(0, 80%, 50%);
}
.global-alerts-block {
  bottom: 22px;
  max-width: calc(100% - (22px * 2));
  position: fixed;
  right: 22px;
  transition: all 0.2s ease-out 0s;
  z-index: 10000;
}
@media (min-width: 768px) {
  .global-alerts-block {
    max-width: 25em;
  }
}
.global-alerts-block .progress-alert-block {
  background-color: hsl(213, 9%, 90%);
  border-radius: 50%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 1.125rem;
  width: 44px;
}
.global-alerts-block .ajax-error-block {
  background-color: hsl(0, 80%, 97%);
  border-color: hsl(0, 80%, 80%);
  padding: 22px;
}
.global-alerts-block .ajax-error-block h3 {
  color: hsl(0, 80%, 50%);
  margin-top: 0;
  position: relative;
}
.global-alerts-block .ajax-error-block h3:after {
  border-bottom: 4px solid hsl(0, 80%, 50%);
  content: ' ';
  display: block;
  margin-right: 2em;
  margin-top: 0.25em;
}
.global-alerts-block .ajax-error-block h3 .fa-plug {
  bottom: -1em;
  color: hsl(0, 80%, 50%);
  font-size: 1.5em;
  position: absolute;
  right: 0;
  transform: rotate(90deg);
}
.global-alerts-block .global-alerts_new-version {
  background-color: hsl(217, 50%, 97%);
  border: 2px solid hsl(216, 67%, 39%);
  border-radius: 8px;
  padding: 22px;
}
.global-alerts-block .global-alerts_new-version h3 {
  font-size: 1.125rem;
  font-weight: 400;
  margin-top: 0;
}
.global-alerts-block #messages {
  list-style: none;
  margin: 0;
}
.global-alerts-block #messages li {
  border-radius: 4px;
  padding: 11px;
  padding-left: 33px;
  position: relative;
}
.global-alerts-block #messages li::before {
  position: absolute;
  left: 11px;
}
.global-alerts-block #messages li.success {
  background-color: hsl(80, 90%, 90%);
  color: hsl(80, 90%, 23%);
}
.global-alerts-block #messages li.success:before {
  content: '\f058';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
}
.global-alerts-block #messages .danger {
  background-color: hsl(0, 80%, 97%);
  color: hsl(0, 80%, 50%);
}
.global-alerts-block #messages .danger:before {
  content: '\f057';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
}
.global-alerts-block #messages .warning {
  background-color: hsl(30, 100%, 95%);
  color: hsl(30, 100%, 43%);
}
.global-alerts-block #messages .warning:before {
  content: '\f06a';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
}
/*
	TOC
		User Avatar
		Company Logo
		Navbar Avatars
		Company Avatar Upload

		
	Resizing Policy
		Old
			User avatars get stretched or squeezed disproportionately to fit a 150x150 box.
			Company avatars get sized to 150 height, and the width is proportional.
		New
			All avatars and logos get sized to 150px, and the width is scaled per the original ratio.
			Images that are less than 150px height are left unaltered.
*/
.avatar {
  aspect-ratio: 1/1;
  background-color: hsl(213, 9%, 95%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid hsl(213, 9%, 85%);
  border-radius: 50%;
  height: 150px;
  width: 150px;
}
.company-logo {
  background-color: #fff;
  background-origin: content-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid hsl(213, 9%, 85%);
  border-radius: 4px;
  height: 150px;
  padding: 5px;
  width: 150px;
}
.company-logo.empty {
  background-color: hsl(213, 9%, 95%);
}
.navbar .avatar {
  background-color: transparent;
  border: none;
  float: right;
  height: 50px;
  margin-left: 5px;
  margin-top: -12.5px;
  width: 50px;
}
.navbar .company-logo {
  border: none;
  float: right;
  height: 50px;
  margin-left: 5px;
  margin-top: -12.5px;
  width: 50px;
}
/*
	TOC
*/
.back-to-top-btn {
  background-image: url('/wmtapp/wmt/img/shared/back-to-top-icon-b9bbe5eaa85234bf502340e24ba6c44653f1f47d.svg');
  background-repeat: no-repeat;
  background-position: center center;
  bottom: 22px;
  float: right;
  height: 44px;
  line-height: 44px;
  margin-right: 22px;
  margin-top: -66px;
  position: sticky;
  width: 44px;
  z-index: 1;
}
/*
	TOC
		
*/
.breadcrumb {
  list-style: none;
  margin: 0;
  margin-bottom: 11px;
  padding: 0;
}
.breadcrumb li:after {
  color: hsl(213, 9%, 50%);
  content: "/";
  padding-left: 0.25em;
}
/*
	Mark-up and selectors currently use Bootstrap nomenclature
	
	TOC
		Bootstrap Overrides

		Buttons
		Button groups
		Toggle button groups
*/
.btn {
  padding-left: 1em;
  padding-right: 1em;
  transition: all 0.2s ease-out 0s;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: hsl(217, 67%, 13%);
}
.btn-link {
  font-weight: normal !important;
}
.wmt-btn {
  background-image: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2em;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: inherit;
  padding: 0.45em 1em;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.2s ease-out 0s;
  white-space: nowrap;
}
.wmt-btn:hover,
.wmt-btn:active,
.wmt-btn:focus {
  text-decoration: none;
}
.wmt-btn.disabled,
.wmt-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.default-btn {
  background-image: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2em;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: inherit;
  padding: 0.45em 1em;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.2s ease-out 0s;
  white-space: nowrap;
  background-color: hsl(217, 50%, 97%);
  border-color: hsl(212, 63%, 77%);
  color: hsl(216, 67%, 39%);
}
.default-btn:hover,
.default-btn:active,
.default-btn:focus {
  text-decoration: none;
}
.default-btn.disabled,
.default-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.default-btn:hover,
.default-btn:active,
.default-btn:focus {
  text-decoration: none;
}
.default-btn.disabled,
.default-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.default-btn:hover,
.default-btn:active,
.default-btn:focus {
  background-color: hsl(212, 63%, 77%);
  color: hsl(216, 67%, 39%);
}
.primary-btn {
  background-image: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2em;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: inherit;
  padding: 0.45em 1em;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.2s ease-out 0s;
  white-space: nowrap;
  background-color: hsl(216, 67%, 39%);
  border-color: hsl(216, 67%, 39%);
  color: #FFF;
}
.primary-btn:hover,
.primary-btn:active,
.primary-btn:focus {
  text-decoration: none;
}
.primary-btn.disabled,
.primary-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.primary-btn:hover,
.primary-btn:active,
.primary-btn:focus {
  text-decoration: none;
}
.primary-btn.disabled,
.primary-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.primary-btn:hover,
.primary-btn:active,
.primary-btn:focus {
  background-color: hsl(217, 67%, 13%);
  border-color: hsl(217, 67%, 13%);
  color: #FFF;
}
.inverse-blue-btn {
  background-color: #FFF;
  border-color: #FFF;
  color: hsl(216, 67%, 39%);
}
.inverse-blue-btn:hover,
.inverse-blue-btn:active,
.inverse-blue-btn:focus {
  background-color: hsl(216, 67%, 39%);
  border-color: hsl(216, 67%, 39%);
  color: #FFF;
}
.inverse-blue-dark-btn {
  background-color: #FFF;
  border-color: #FFF;
  color: hsl(216, 67%, 39%);
}
.inverse-blue-dark-btn:hover,
.inverse-blue-dark-btn:active,
.inverse-blue-dark-btn:focus {
  background-color: hsl(217, 67%, 13%);
  border-color: hsl(217, 67%, 13%);
  color: #FFF;
}
.warning-btn {
  background-color: hsl(30, 100%, 95%);
  border-color: hsl(30, 100%, 50%);
  color: hsl(30, 100%, 50%);
}
.warning-btn:hover,
.warning-btn:active,
.warning-btn:focus {
  background-color: hsl(30, 100%, 85%);
  border-color: hsl(30, 100%, 38%);
  color: hsl(30, 100%, 50%);
}
.danger-btn {
  background-color: hsl(0, 80%, 95%);
  border-color: hsl(350, 80%, 80%);
  color: hsl(0, 80%, 50%);
}
.danger-btn:hover,
.danger-btn:active,
.danger-btn:focus {
  background-color: hsl(0, 80%, 85%);
  border-color: hsl(350, 80%, 68%);
  color: hsl(0, 80%, 50%);
}
.link-btn {
  background-color: transparent;
  border-color: transparent;
  color: hsl(216, 67%, 39%);
  font-weight: normal;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.link-btn:hover,
.link-btn:active,
.link-btn:focus {
  color: hsl(217, 67%, 13%);
  text-decoration: underline;
}
.wmt-btn .fa {
  margin-right: 0.5em;
}
.sm-btn {
  font-size: 0.889rem;
}
.block-btn {
  width: 100%;
}
.wmt-btn-group {
  display: inline-flex;
  flex-wrap: wrap;
}
.wmt-btn-group > [class*="-btn"]:not(:last-child):not(.wmt-dropdown-toggle) {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wmt-btn-group > [class*="-btn"]:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group:has(.btn + .dropdown-toggle) .btn:not(.dropdown-toggle) {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.btn-group:has(.btn + .dropdown-toggle) .dropdown-toggle {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.toggle-btn-group .default-btn:active,
.toggle-btn-group .default-btn.active {
  background-color: #fff;
  color: hsl(213, 9%, 60%);
  cursor: default;
  box-shadow: inset 0px 2px 1px hsl(213, 9%, 90%);
}
/*
	TOC
		Card
		Linked card
		Card grid
*/
.card {
  border: 1px solid hsl(213, 9%, 85%);
  border-radius: 4px;
  display: block;
  display: flex;
  flex-direction: column;
  padding: 16.5px;
  font-size: 0.889rem;
}
.card .card_header {
  border-bottom: 1px solid hsl(212, 63%, 77%);
  display: block;
  padding-bottom: 16.5px;
}
.card .card_header .card_title {
  display: block;
  font-size: 1.125rem;
}
.card .card_header .card_subtitle {
  display: block;
  margin-top: 11px;
}
.card .card_body {
  display: block;
  flex-grow: 1;
  padding-top: 16.5px;
  padding-bottom: 16.5px;
}
.card .card_footer {
  background-color: hsl(213, 9%, 95%);
  display: block;
  margin: -16.5px;
  margin-top: 0;
  padding: 16.5px;
  font-size: 0.889rem;
}
a.card {
  color: hsl(217, 67%, 13%);
  transition: all 0.2s ease-out 0s;
}
a.card .card_title {
  color: hsl(216, 67%, 39%);
}
a.card:hover,
a.card:focus,
a.card:active {
  border-color: hsl(212, 63%, 77%);
  text-decoration: none;
}
a.card:hover .card_footer,
a.card:focus .card_footer,
a.card:active .card_footer {
  background-color: hsl(217, 50%, 97%);
}
.card-grid {
  display: grid;
  gap: 22px;
}
.card-grid .card {
  float: left;
}
@media (min-width: 768px) and (max-width: 991px) {
  .grid-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .grid-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .grid-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
/*
	React: Collapse.js

	TOC
		
		
*/
.collapse-component {
  margin-bottom: 22px;
}
.collapse-component .collapse-control {
  background: none;
  border: none;
  display: block;
  padding: 0;
}
.collapse-component .collapse-content {
  padding-top: 22px;
}
.collapse-component .collapse-content > :first-child {
  margin-top: 0;
}
/*
	TOC
		Simple dropdown button		
		Split dropdown button
		
*/
.wmt-dropdown {
  display: inline-block;
  position: relative;
}
.wmt-dropdown > .wmt-btn {
  border-radius: 4px;
}
.wmt-dropdown > .wmt-btn::after {
  content: '';
  display: inline-block;
  margin-left: 1ch;
  border-bottom: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.4em solid;
  position: relative;
  top: -0.1em;
}
.wmt-split-dropdown {
  position: relative;
  flex-wrap: nowrap;
}
.wmt-split-dropdown > .wmt-btn {
  border-radius: 4px;
}
.wmt-split-dropdown > .wmt-dropdown-toggle {
  padding-left: 1em;
  padding-right: 1em;
}
.wmt-split-dropdown > .wmt-dropdown-toggle::after {
  content: '';
  display: inline-block;
  border-bottom: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.4em solid;
  position: relative;
  top: -0.1em;
}
/*
	TOC
		
*/
.horizontal-filters {
  border: 1px solid hsl(213, 9%, 85%);
  border-radius: 4px;
  display: flex;
  margin-bottom: 33px;
  font-size: 0.889rem;
}
.horizontal-filters .filter-block {
  padding: 11px;
}
.horizontal-filters .filter-block:not(:last-child) {
  border-right: 1px solid hsl(213, 9%, 85%);
}
.horizontal-filters .form-control {
  font-size: inherit;
}
.horizontal-filters .sorter {
  margin-left: auto;
  text-align: right;
}
/*
	TOC
		Refine by heading
		Filter group heading
		Block layout
		Controls
*/
.vertical-filters {
  border: 1px solid hsl(213, 9%, 85%);
  border-radius: 4px;
  margin-bottom: 33px;
}
.vertical-filters h2 {
  color: hsl(213, 9%, 60%);
  font-size: 1rem;
  margin: 0;
  margin-bottom: 11px;
  padding-left: 0.5em;
  margin-top: 11px;
}
.vertical-filters .filter-group-heading {
  border-top: 1px solid hsl(213, 9%, 85%);
}
.vertical-filters .filter-group-heading a {
  background-color: hsl(213, 9%, 95%);
  color: hsl(217, 67%, 13%);
  display: block;
  line-height: 3;
  padding-left: 0.5em;
}
.vertical-filters .filter-group-heading a:after {
  content: '\f106';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  float: right;
  margin-right: 0.5em;
}
.vertical-filters .filter-group-heading a.collapsed:after {
  content: '\f107';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  float: right;
}
.vertical-filters .filter-group-heading a:hover,
.vertical-filters .filter-group-heading a:focus,
.vertical-filters .filter-group-heading a:active {
  color: hsl(216, 67%, 39%);
  text-decoration: none;
}
.vertical-filters .filter-block {
  padding: 22px 11px;
}
.vertical-filters .filter-block:not(:last-child) {
  border-bottom: 1px solid hsl(213, 9%, 85%);
}
.vertical-filters .filter-header {
  align-items: flex-start;
  display: flex;
  margin-bottom: 11px;
}
.vertical-filters .filter-header .filter-heading {
  flex-grow: 1;
}
.vertical-filters .filter-heading {
  font-weight: bold !important;
}
.vertical-filters .clear-filter-btn {
  background: none;
  border: none;
  color: hsl(216, 67%, 39%);
  flex-grow: 0;
  font: inherit;
  padding: 0 0.5em;
}
.vertical-filters .clear-filter-btn:hover,
.vertical-filters .clear-filter-btn:focus,
.vertical-filters .clear-filter-btn:active {
  color: hsl(217, 67%, 13%);
}
.vertical-filters .facets-heading {
  display: block;
  margin-bottom: 11px;
  margin-top: 22px;
}
.vertical-filters .facets-block-max-height {
  max-height: 8.57142857em;
  overflow-y: auto;
}
.vertical-filters .facets-block-inset {
  margin-left: 22px;
}
.vertical-filters .ui-rangeSlider {
  margin: 0 auto;
  margin-top: 44px;
  width: 85%;
}
.vertical-filters .number-range-control .form-control {
  display: inline;
  width: 5em;
}
.vertical-filters .date-range-control {
  align-items: center;
  display: flex;
  gap: 11px;
}
/*
	Table of contents

		Form group
		Label
		Control help
		Form control
		Form errors
		Sticky footer
		Form control: Rich text editor
		Form control: Checkbox
		Form control: Radio
		Form: JSF
*/
.form-group {
  max-width: 35rem;
  margin-bottom: 22px;
}
.form-label {
  font-weight: normal;
}
.form-label.required:after {
  content: '*';
  color: hsl(0, 80%, 50%);
  margin-left: 0.5em;
}
.form-control-help {
  color: hsl(213, 9%, 40%);
  font-size: 0.889rem;
}
.form-label + .form-control-help {
  margin-bottom: 11px;
  margin-top: 0;
}
.form-control {
  box-shadow: none;
}
.form-control:focus {
  box-shadow: none;
}
.form-control:hover {
  border-color: hsl(212, 63%, 77%);
}
.form-error {
  color: hsl(0, 80%, 50%);
  margin-bottom: 22px;
  margin-top: 22px;
}
.form-control-error {
  color: hsl(0, 80%, 50%);
  margin-top: 5px;
}
.form-sticky-footer {
  background-color: #FFF;
  border-top: 2px solid hsl(213, 9%, 85%);
  bottom: 0;
  padding: 22px 0;
  position: sticky;
  z-index: 10;
}
.form-control-rte {
  width: 100%;
}
.form-control-rte .btn-default {
  color: hsl(217, 67%, 13%);
}
.form-control-rte .btn-default:hover,
.form-control-rte .btn-default:active,
.form-control-rte .btn-default:focus {
  color: hsl(216, 67%, 39%);
}
/*
	TOC
		Checkbox: Single
		Checkbox: Group
		Checkbox: Custom
*/
div.checkbox.disabled,
div.checkbox input[type="checkbox"][disabled] + label {
  cursor: default;
  opacity: 0.5;
}
div.checkbox > table td {
  padding-bottom: 5px;
}
div.checkbox > table input[type="checkbox"] {
  margin-left: 0;
}
.form-control-checkbox {
  display: grid;
  gap: 1ch;
  grid-template-columns: 1em auto;
}
.form-control-checkbox input,
.form-control-checkbox label {
  margin: 0;
}
.form-control-checkbox label {
  font-weight: normal;
}
.form-control-checkbox:hover {
  color: hsl(216, 67%, 39%);
}
.form-control-checkbox.disabled {
  opacity: 0.5;
}
.form-control-checkbox-group .form-control-checkbox {
  margin-bottom: 5.5px;
}
.form-control-checkbox-group-subheading {
  margin-bottom: 11px;
  margin-top: 11px;
}
.form-control-checkbox-group-subheading ~ .form-control-checkbox {
  margin-left: 22px;
}
.wmt-chuckbox {
  position: relative;
}
.wmt-chuckbox input {
  border-radius: 4px;
  height: 22px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 22px;
}
.wmt-chuckbox input + label {
  display: inline-block;
  padding: 0 0 0 22.5px;
  white-space: nowrap;
}
.wmt-chuckbox input + label:before {
  content: ' ';
  background-color: #FFF;
  border: 1px solid hsl(213, 9%, 80%);
  border-radius: 4px;
  height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  width: 22px;
}
.wmt-chuckbox input + label:after {
  content: "";
  border: 3px solid hsl(216, 67%, 39%);
  border-left: 0;
  border-top: 0;
  height: 14.52px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transform: rotate(45deg);
  width: 7.26px;
}
.wmt-chuckbox input:focus + label:before,
.wmt-chuckbox input:hover + label:before {
  border-color: hsl(212, 63%, 77%);
}
.wmt-chuckbox input:focus + label:before {
  outline: 1px dotted hsl(217, 67%, 13%);
}
.wmt-chuckbox input:checked + label:after {
  opacity: 1;
}
.wmt-chuckbox input[disabled] {
  cursor: not-allowed;
}
.wmt-chuckbox input[disabled] + label {
  opacity: 0.5;
  cursor: not-allowed;
}
.wmt-chuckbox.no-label label {
  color: transparent;
  overflow: hidden;
  padding-left: 22px;
  width: 0;
}
/*
	TOC
		
*/
div.radio.disabled,
div.radio input[type="radio"][disabled] + label {
  cursor: default;
  opacity: 0.5;
}
div.radio > table td {
  padding-bottom: 5px;
}
div.radio > table input[type="radio"] {
  margin-left: 0;
}
/*
	TOC
		
*/
.form-input-group {
  display: flex;
}
.form-input-group > .form-input-group-text {
  align-items: center;
  background-color: hsl(213, 9%, 95%);
  border: 1px solid hsl(213, 9%, 85%);
  border-radius: 4px;
  display: flex;
  padding-inline: 1em;
  white-space: nowrap;
}
.form-input-group > .wmt-btn {
  border-radius: 4px;
}
.form-input-group > .form-control {
  height: auto !important;
}
.form-input-group > *:not(:last-child) {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-input-group > *:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
form .inline-error-msg {
  display: block;
  margin-top: 5px;
  color: hsl(0, 80%, 50%);
}
form .form-group .text-danger {
  display: block;
  margin-top: 5px;
}
/*
	TOC
		Icon mixin
		Icon colors
		Icons styles
		
*/
.icon-add::before {
  content: '\f067';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-edit::before {
  content: '\f040';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-delete::before {
  content: '\f1f8';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-replace::before {
  content: '\f021';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-thumbnail::before {
  content: '\f03e';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-upload::before {
  content: '\f0aa';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-download::before {
  content: '\f0ab';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-play::before {
  content: '\f04b';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-link::before {
  content: '\f0c1';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-email::before {
  content: '\f0e0';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-help::before {
  content: '\f059';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-info::before {
  content: '\f05a';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-tip::before {
  content: '\f0eb';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-alert::before {
  content: '\f071';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-check::before {
  content: '\f00c';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-check-circle::before {
  content: '\f058';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-search::before {
  content: '\f002';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-caret-left::before {
  content: '\f0d9';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-collapse-up::before {
  content: '\f139';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-collapse-down::before {
  content: '\f13a';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-archive::before {
  content: '\f187';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-weight: 400;
  margin-right: 0.5em;
}
.icon-color-success::before {
  color: hsl(80, 90%, 30%);
}
.icon-color-warning::before {
  color: hsl(30, 100%, 50%);
}
/*
	This file is for the navigation under an item like project, brief, etc.
	
	TOC
		Nav
		Entity Search Form
*/
.item-nav {
  margin-bottom: 22px;
  white-space: nowrap;
}
.item-nav nav {
  border-top: 1px solid hsl(213, 9%, 95%);
  border-bottom: 2px solid hsl(213, 9%, 85%);
}
.item-nav nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.item-nav nav > ul:before,
.item-nav nav > ul:after {
  display: table;
  content: " ";
}
.item-nav nav > ul:after {
  clear: both;
}
.item-nav nav > ul > li {
  float: left;
  position: relative;
}
.item-nav nav > ul > li:after {
  background-color: hsl(213, 9%, 85%);
  bottom: -2px;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.item-nav nav > ul > li:hover:after,
.item-nav nav > ul > li:focus:after {
  background-color: hsl(216, 67%, 39%);
}
.item-nav nav > ul > li > a {
  display: inline-block;
  padding: 10px 22px;
}
.item-nav nav > ul > li > a:hover,
.item-nav nav > ul > li > a:focus,
.item-nav nav > ul > li > a:active {
  text-decoration: none;
}
.item-nav nav > ul > li.active:after {
  background-color: hsl(217, 67%, 13%);
}
.item-nav nav > ul > li.active > a {
  color: hsl(217, 67%, 13%);
}
.item-nav nav > ul > li.disabled > a {
  color: hsl(213, 9%, 60%);
}
.item-nav nav > ul > li.disabled > a:hover,
.item-nav nav > ul > li.disabled > a:focus,
.item-nav nav > ul > li.disabled > a:active {
  cursor: not-allowed;
}
.item-nav .entity-search-form {
  display: flex;
}
@media (max-width: 1199px) {
  .item-nav .entity-search-form {
    margin-bottom: 22px;
  }
}
@media (min-width: 1200px) {
  .item-nav .entity-search-form {
    float: right;
    margin-top: 0.2em;
  }
}
.page-title + .item-nav,
.page-title_react + .item-nav {
  margin-top: -11px;
}
/*
	TOC
		
*/
.label {
  border-radius: 0;
  font-size: 0.889rem;
  font-weight: normal;
  padding: 0 0.25em;
}
/*
	TOC
		
*/
.modal-fullwidth {
  width: calc(100% - (10px * 2));
}
@media (min-width: 768px) {
  .modal-fullwidth {
    width: calc(100% - (30px * 2));
  }
}
/*
	TOC
		Base styles
		Thinker nav
		Video nav
*/
.prev-next-nav {
  border: 1px solid hsl(213, 9%, 85%);
  border-radius: 4px;
  display: grid;
  margin-bottom: 22px;
}
.prev-next-nav > * {
  display: flex;
}
.prev-next-nav > *:not(:last-child) {
  border-bottom: 1px solid hsl(213, 9%, 85%);
}
.prev-next-nav a:hover,
.prev-next-nav a:focus,
.prev-next-nav a:active {
  background-color: hsl(217, 50%, 97%);
  text-decoration: none;
}
.prev-next-nav .link-label {
  padding: 5.5px;
}
@media screen and (min-width: 768px) {
  .prev-next-nav {
    grid-template-columns: 1fr auto 1fr;
  }
  .prev-next-nav > *:not(:last-child) {
    border: none;
    border-right: 1px solid hsl(213, 9%, 85%);
  }
}
.prev-next-nav .prev-link::before {
  content: '\f104';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  align-items: center;
  border-right: 1px solid hsl(213, 9%, 85%);
  color: hsl(217, 67%, 13%);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 3ch;
}
.prev-next-nav .list-link {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-inline: 1.5rem;
}
.prev-next-nav .next-link {
  justify-content: end;
}
.prev-next-nav .next-link::after {
  content: '\f105';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  align-items: center;
  border-left: 1px solid hsl(213, 9%, 85%);
  color: hsl(217, 67%, 13%);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 3ch;
}
.prev-next-nav.thinker-prev-next-nav .link-label {
  display: flex;
  gap: 1em;
}
.prev-next-nav.thinker-prev-next-nav .sup-info {
  color: hsl(217, 67%, 13%);
  display: block;
  font-size: 0.889rem;
}
.prev-next-nav.thinker-prev-next-nav .avatar {
  height: 44px;
  width: 44px;
}
.prev-next-nav.video-prev-next-nav .link-label {
  align-items: center;
  display: flex;
  gap: 1em;
}
.prev-next-nav.video-prev-next-nav .thumbnail-wrapper {
  flex: 0 0 99px;
  width: 99px;
}
.prev-next-nav.video-prev-next-nav .video-thumbnail-label {
  display: none;
}
.prev-next-nav.video-prev-next-nav .video-author {
  display: block;
  margin-top: 5.5px;
  color: hsl(217, 67%, 13%);
  font-size: 0.889rem;
}
/*
	
*/
.pagination-wrapper {
  clear: both;
  margin-bottom: 22px;
  margin-top: 22px;
  text-align: center;
}
.pagination {
  margin: 0;
}
.pagination_react {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: center;
  margin-bottom: 22px;
  margin-top: 22px;
}
.pagination_react .page-item {
  border: 1px solid hsl(213, 9%, 85%);
  border-width: 1px 0 1px 1px;
}
.pagination_react .page-link {
  display: block;
  padding: 0.4em 0.8em;
}
.pagination_react a.page-link:hover {
  background-color: hsl(212, 63%, 77%);
  text-decoration: none;
}
.pagination_react .page-item:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination_react .page-item:last-child {
  border-right-width: 1px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination_react .first-page-label,
.pagination_react .prev-page-label,
.pagination_react .next-page-label,
.pagination_react .last-page-label {
  font-size: 0;
}
.pagination_react .first-page-label::before,
.pagination_react .prev-page-label::before,
.pagination_react .next-page-label::before,
.pagination_react .last-page-label::before {
  font-family: 'FontAwesome';
  font-size: 1rem;
  line-height: 1rem;
}
.pagination_react .first-page-label::before {
  content: '\f100';
}
.pagination_react .prev-page-label::before {
  content: '\f104';
}
.pagination_react .next-page-label::before {
  content: '\f105';
}
.pagination_react .last-page-label::before {
  content: '\f101';
}
.pagination_react .page-item.active .page-link {
  background-color: hsl(213, 9%, 95%);
  color: hsl(213, 9%, 60%);
}
.pagination_react .page-item.disabled .page-link {
  color: hsl(213, 9%, 85%);
}
/*
	TOC
		
*/
.panel .panel-title {
  font-size: 1rem;
}
/*
	TOC
		
*/
.app .search-bar {
  background-color: hsl(216, 67%, 39%);
  border-top: 1px solid hsl(216, 67%, 29%);
  left: 0;
  padding-bottom: 11px;
  padding-top: 11px;
  position: fixed;
  right: 0;
  top: 91px;
  z-index: 3;
}
/*
	TOC
		

	If looking for the search control that appears in item-nav, it is in item-nav.less
*/
.search-control-block {
  background-color: white;
  border: 1px solid hsl(212, 63%, 77%);
  display: flex;
  border-radius: 44px;
  max-width: 35em;
}
.search-control-block .clear-btn {
  background: none;
  border: none;
  flex-grow: 0;
}
.search-control-block .search-btn {
  background: none;
  border: none;
  color: hsl(216, 67%, 39%);
  flex-grow: 0;
}
.search-control-block .query-control {
  border: none;
  box-shadow: none;
  flex-grow: 1;
  margin-left: 1em;
  outline: none;
}
.search-control-block .clear-btn + .query-control {
  margin-left: 0;
}
/*
	TOC
		
*/
.responsive-table {
  border: 1px solid hsl(213, 9%, 85%);
  border-radius: 4px;
  overflow-x: auto;
  margin-bottom: 22px;
}
.responsive-table > table {
  min-width: 100%;
}
.table-basic th,
.table-basic td {
  border-bottom: 1px solid hsl(213, 9%, 85%);
  padding: 0.75em;
  vertical-align: top;
}
.table-basic td {
  border-color: hsl(213, 9%, 85%);
}
.table-basic th {
  background-color: hsl(213, 9%, 95%);
  text-align: left;
}
.table-basic th .form-control {
  margin-top: 0.5em;
  font-weight: normal;
  font-size: inherit;
}
.table-basic th .sort-filter {
  display: inline-block;
}
.table-basic th .sort-filter::after {
  content: '\f0dc';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  margin-left: 0.5em;
}
.table-basic th .sort-filter:hover {
  color: hsl(216, 67%, 39%);
}
.table-basic th .sort-filter:hover,
.table-basic th .sort-filter:focus,
.table-basic th .sort-filter:active {
  text-decoration: none;
}
.table-basic th .sort-filter.descending::after {
  content: '\f0d7';
}
.table-basic th .sort-filter.ascending::after {
  content: '\f0d8';
}
.table-basic th.text-center {
  text-align: center;
}
.table-basic tr:last-child th,
.table-basic tr:last-child td {
  border-bottom: none;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: transparent;
}
.table-striped > tbody > tr:nth-of-type(2n+2) {
  background-color: hsl(213, 9%, 95%);
}
.table th {
  background-color: hsl(213, 9%, 95%);
}
.table-hover tr:hover {
  cursor: pointer;
}
.table th,
.table td {
  border-width: 1px 0 !important;
}
.table-blue thead th {
  background-color: hsl(216, 67%, 39%);
  color: #FFF;
}
.table-blue tbody th {
  background-color: hsl(217, 50%, 97%);
}
/*
	TOC
		
		
*/
.wmt-tooltip {
  position: relative;
  display: inline-block;
}
.wmt-tooltip .tooltip-text {
  background-color: hsl(217, 67%, 13%);
  border-radius: 4px;
  color: #FFF;
  padding: 5px 10px;
  visibility: hidden;
  white-space: nowrap;
  /* Position the tooltip text */
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%) translateY(-110%);
  z-index: 1;
}
.wmt-tooltip .tooltip-text:after {
  content: " ";
  position: absolute;
  top: 100%;
  /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: hsl(217, 67%, 13%) transparent transparent transparent;
}
.wmt-tooltip:hover .tooltip-text {
  visibility: visible;
}
/*
	TOC
		Variables
		HTML text
		Headings
		Links
		Lists
		Horizontal rule
		Text utility classes
		Text semantic styles
		Page title, Subtitle
*/
/*
	Font variables are declared here so that the files shared by all UIs
	compile without error.
*/
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXK3I6Li01BKofIMPyPbj8d7IEAGXNi83A3ig.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshRTM.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXI3I6Li01BKofiOc5wtlZ2di8HDFwmRTM.ttf) format('truetype');
}
html {
  font-size: 16px;
}
.h1-xl {
  font-size: 2.281rem;
  font-weight: 700;
}
.underlined,
.heading-underlined {
  border-bottom: 1px solid hsl(213, 9%, 85%);
  padding-bottom: 0.5em;
}
.heading-w-link {
  border-bottom: 1px solid hsl(213, 9%, 85%);
  padding-bottom: 0.5em;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.heading-w-link .link {
  font-size: initial;
  margin-left: 1em;
  white-space: nowrap;
}
.heading-w-link .link::after {
  content: '\f0da';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  margin-left: 0.5em;
}
.link-inverse {
  color: #FFF;
}
.link-inverse:hover,
.link-inverse:focus,
.link-inverse:active {
  color: #FFF;
}
.link-w-right-arr::after {
  content: '\f0da';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  margin-left: 0.5em;
}
.link-w-left-arr::before {
  content: '\f0d9';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  margin-right: 0.5em;
}
.list {
  margin-bottom: 22px;
}
.list li {
  margin-bottom: 11px;
}
.hr-secondary {
  border-style: dashed;
}
.text-lg {
  font-size: 1.266rem !important;
}
.text-md {
  font-size: 1.125rem !important;
}
.text-sm {
  font-size: 0.889rem !important;
}
.text-xs {
  font-size: 0.79rem !important;
}
.text-bold {
  font-weight: bold !important;
}
.text-italic {
  font-style: italic !important;
}
.text-blue {
  color: hsl(216, 67%, 39%) !important;
}
.text-blue-dark {
  color: hsl(217, 67%, 13%) !important;
}
.text-wrap {
  white-space: normal !important;
}
.fs-ce-72 {
  font-size: 4.5rem !important;
}
.fs-ce-40 {
  font-size: 2.5rem !important;
}
.fs-ce-34 {
  font-size: 2.125rem !important;
}
.fs-ce-32 {
  font-size: 2rem !important;
}
.fs-ce-23 {
  font-size: 1.437rem !important;
}
.fs-ce-22 {
  font-size: 1.375rem !important;
}
.fs-ce-14 {
  font-size: 0.875rem !important;
}
.fs-ce-12 {
  font-size: 0.75rem !important;
}
.currency {
  margin-right: 0.25em;
}
.page-title {
  margin-bottom: 22px;
  margin-top: 0;
}
.page-title.underlined {
  border-color: hsl(213, 9%, 85%);
}
.page-subtitle {
  margin-bottom: 33px;
  margin-top: -5.5px;
  font-size: 0.889rem;
}
.page-subtitle.underlined {
  border-color: hsl(213, 9%, 85%);
  padding-bottom: 11px;
}
/*
	TOC
		
*/
.hs-embed-form .hs-form-field {
  margin-bottom: 22px;
}
.hs-embed-form label {
  font-weight: normal;
}
.hs-embed-form legend {
  border: none;
  color: hsl(213, 9%, 60%);
  font-size: inherit;
  margin-bottom: 11px;
}
.hs-embed-form .hs-form-required {
  color: hsl(0, 80%, 50%);
  margin-left: 0.5em;
}
.hs-embed-form .hs-input {
  border: 1px solid hsl(213, 9%, 80%);
  border-radius: 4px;
  max-width: 40ch;
  padding: 0.33em 0.5em;
  width: 100%;
}
.hs-embed-form select {
  background-color: #FFF;
}
.hs-embed-form .hs-button.primary {
  background-image: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 2em;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: inherit;
  padding: 0.45em 1em;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.2s ease-out 0s;
  white-space: nowrap;
  background-color: hsl(216, 67%, 39%);
  border-color: hsl(216, 67%, 39%);
  color: #FFF;
}
.hs-embed-form .hs-button.primary:hover,
.hs-embed-form .hs-button.primary:active,
.hs-embed-form .hs-button.primary:focus {
  text-decoration: none;
}
.hs-embed-form .hs-button.primary.disabled,
.hs-embed-form .hs-button.primary[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.hs-embed-form .hs-button.primary:hover,
.hs-embed-form .hs-button.primary:active,
.hs-embed-form .hs-button.primary:focus {
  text-decoration: none;
}
.hs-embed-form .hs-button.primary.disabled,
.hs-embed-form .hs-button.primary[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.hs-embed-form .hs-button.primary:hover,
.hs-embed-form .hs-button.primary:active,
.hs-embed-form .hs-button.primary:focus {
  text-decoration: none;
}
.hs-embed-form .hs-button.primary.disabled,
.hs-embed-form .hs-button.primary[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.hs-embed-form .hs-button.primary:hover,
.hs-embed-form .hs-button.primary:active,
.hs-embed-form .hs-button.primary:focus {
  text-decoration: none;
}
.hs-embed-form .hs-button.primary.disabled,
.hs-embed-form .hs-button.primary[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.hs-embed-form .hs-button.primary:hover,
.hs-embed-form .hs-button.primary:active,
.hs-embed-form .hs-button.primary:focus {
  background-color: hsl(217, 67%, 13%);
  border-color: hsl(217, 67%, 13%);
  color: #FFF;
}
.hs-embed-form .hs-error-msgs {
  color: hsl(0, 80%, 50%);
  margin-top: 0.5em;
}
.hs-embed-form label.hs-error-msg {
  display: initial;
}
.hs-embed-form .hs_error_rollup {
  display: none;
}
.hs-report-form h4 {
  color: hsl(216, 67%, 39%);
  font-size: 1.375rem;
  margin-bottom: 11px;
  margin-top: 0;
}
.hs-report-form .hs-button.primary {
  margin-bottom: 22px;
}
/*
	http://kenwheeler.github.io/slick/
*/
.js-slick-slider {
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
}
.js-slick-slider .slick-list {
  overflow: hidden;
}
.js-slick-slider .slick-slide {
  float: left;
}
.js-slick-slider .slick-arrow {
  background: none;
  border: none;
  color: hsl(217, 67%, 13%);
  cursor: pointer;
  font-size: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.js-slick-slider .slick-arrow::before {
  font-size: 1.125rem !important;
  font-weight: 700;
}
.js-slick-slider .slick-disabled {
  color: hsl(213, 9%, 95%);
}
.js-slick-slider .slick-prev {
  left: -30px;
}
.js-slick-slider .slick-prev:before {
  content: '\f053';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
}
.js-slick-slider .slick-next {
  right: -30px;
}
.js-slick-slider .slick-next:before {
  content: '\f054';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
}
.js-slick-slider .slick-dots {
  bottom: -44px;
  display: flex;
  gap: 11px;
  list-style: none;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
.js-slick-slider .slick-dots li button {
  background: none;
  border: none;
  color: hsl(216, 67%, 39%);
  cursor: pointer;
  font-size: 0;
}
.js-slick-slider .slick-dots li button::before {
  content: '\f10c';
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 0.9em;
  font-size: 0.889rem !important;
}
.js-slick-slider .slick-dots li.slick-active button::before {
  content: '\f111';
}
/*
	TOC
		Quote section
		Addresses section
*/
.quote-section {
  padding-top: 44px;
  padding-bottom: 44px;
  text-align: center;
}
.quote-section .quote-block {
  margin-left: auto;
  margin-right: auto;
  max-width: 60ch;
}
.quote-section .quote-block_speechmarks {
  height: 3.5rem;
}
.quote-section .quote-block_logo {
  height: 2.937rem;
}
.quote-section .quote-block_quote {
  font-style: italic;
}
.quote-section .quote-block_attribution {
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 700;
  gap: 22px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  white-space: nowrap;
}
.quote-section-blue {
  background-color: hsl(217, 50%, 97%);
}
#addresses-section {
  background-color: hsl(217, 50%, 97%);
  padding-bottom: 88px;
}
#addresses-section h2 {
  color: hsl(216, 67%, 39%);
  font-size: 1.375rem;
  margin-bottom: 44px;
  text-align: center;
}
@media (min-width: 992px) {
  #addresses-section h2 {
    font-size: 2rem;
  }
}
.address-block .address-block_map {
  border-radius: 33px;
  filter: grayscale(1);
  overflow: hidden;
  position: relative;
  padding-bottom: 69%;
  height: 0;
}
.address-block .address-block_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.address-block .address-block_heading {
  font-size: 1.375rem;
  margin-bottom: 11px;
  margin-top: 33px;
}
.address-block .address-block_address {
  margin-top: 0;
}
@media (max-width: 991px) {
  .address-block:not(.last) {
    border-bottom: 2px solid hsl(216, 67%, 39%);
    margin-bottom: 33px;
    padding-bottom: 33px;
  }
}
.contact-card {
  align-items: center;
  background-color: #FFF;
  border-radius: 33px;
  display: flex;
  gap: 11px;
  padding: 11px;
}
.contact-card > div:nth-child(2) {
  flex-grow: 1;
  text-align: center;
}
.contact-card img {
  height: 99px;
}
.contact-card .contact-card_region {
  font-size: 1.375rem;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
.contact-card .contact-card_phone {
  margin-bottom: 11px;
}
.contact-modal h4 {
  align-items: center;
  color: hsl(216, 67%, 39%);
  display: flex;
  font-size: 1.602rem;
  margin: 11px 0 33px 0;
}
.contact-modal img {
  height: 77px;
  margin-right: 0.5em;
}
.newsletter-block .newsletter-block_wordmark img {
  height: 88px;
}
/*
	TOC
		Contact Forms
*/
.website.contact-page #contact-forms-section {
  margin-bottom: 66px;
}
.website.contact-page #contact-forms-section h1 {
  color: hsl(216, 67%, 39%);
  font-size: 2.125rem;
  margin-bottom: 44px;
  text-align: center;
}
@media (min-width: 992px) {
  .website.contact-page #contact-forms-section h1 {
    font-size: 4.5rem;
  }
}
.website.contact-page #contact-forms-section .contact-forms {
  display: grid;
  grid-template-columns: 1fr;
  gap: 44px;
  max-width: 64.75rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .website.contact-page #contact-forms-section .contact-forms {
    grid-template-columns: 1fr 1fr;
    gap: 44px;
  }
}
.website.contact-page #contact-forms-section .contact-form {
  border: 3px solid hsl(216, 67%, 39%);
  border-radius: 33px;
  padding: 22px;
  text-align: center;
}
.website.contact-page #contact-forms-section .contact-form h2 {
  color: hsl(216, 67%, 39%);
  font-size: 1.375rem;
  margin-top: 0;
}
@media (min-width: 992px) {
  .website.contact-page #contact-forms-section .contact-form h2 {
    font-size: 2rem;
  }
}
.website.contact-page #contact-forms-section .contact-form p {
  font-weight: 700;
}
/*
	TOC
		
*/
.website.legal-page :target:before {
  content: "";
  display: block;
  height: 180px;
  margin: -180px 0 0;
}
.website.legal-page .toc-block {
  border-bottom: 1px solid hsl(213, 9%, 85%);
  margin-bottom: 66px;
  padding-bottom: 22px;
}
.website.legal-page .toc-block h2 {
  color: hsl(213, 9%, 60%);
  font-size: 16px;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .website.legal-page .toc-block nav {
    column-count: 2;
    column-gap: 30px;
  }
}
@media screen and (min-width: 992px) {
  .website.legal-page .toc-block nav {
    column-count: 3;
  }
}
.website.legal-page .toc-block li {
  margin-bottom: 11px;
}
.website.legal-page .toc-block ul ul {
  margin-left: 22px;
}
.website.legal-page .list-lower-alpha {
  list-style-type: lower-alpha;
}
.website.legal-page .list-upper-alpha {
  list-style-type: upper-alpha;
}
.website.legal-page .list-lower-roman {
  list-style-type: lower-roman;
}
.website.legal-page .list-decimal {
  list-style-type: decimal;
}
.website.legal-page .simplese-block {
  border: 1px solid hsl(216, 67%, 39%);
  border-radius: 8px;
  padding: 0 22px;
}
@media screen and (min-width: 768px) {
  .website.legal-page .simplese-block {
    float: right;
    margin-bottom: 22px;
    margin-left: 44px;
    width: 30ch;
  }
}
.website.legal-page .simplese-block h4 {
  color: hsl(213, 9%, 60%);
  font-size: 0.79rem;
  margin-bottom: 11px;
  margin-top: 22px;
}
.website.legal-page .simplese-block p:first-of-type {
  margin-top: 11px;
}
.website.legal-page .gdpr-block {
  border: 1px solid hsl(216, 67%, 39%);
  border-radius: 8px;
  padding: 0 22px;
}
@media screen and (min-width: 768px) {
  .website.legal-page .gdpr-block {
    float: right;
    margin-bottom: 22px;
    margin-left: 44px;
    width: 30ch;
  }
}
.website.legal-page .thinkers-acknowledgement-block {
  border: 1px solid hsl(213, 9%, 85%);
  border-radius: 8px;
  padding: 22px 44px;
  margin-bottom: 44px;
}
.website.legal-page .other-terms-link {
  border: 1px solid hsl(216, 67%, 39%);
  border-radius: 8px;
  margin-bottom: 44px;
  margin-top: -22px;
  padding: 22px;
}