@charset "UTF-8";
*, *:before, *:after {
  outline: none;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

iframe[name='google_conversion_frame'] {
  display: none !important;
}

@keyframes blackout {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@font-face {
  font-family: 'dinNeuzeit';
  src: url("../../../fonts/dinNeuzeitGroteskLight.eot");
  src: url("../../../fonts/dinNeuzeitGroteskLight.eot?#iefix") format("embedded-opentype"), url("../../../fonts/dinNeuzeitGroteskLight.woff") format("woff"), url("../../../fonts/dinNeuzeitGroteskLight.otf") format("opentype");
}

@font-face {
  font-family: 'proximaNova';
  src: url("/xmFramework/fonts/Proxima-Nova-Light/proximNovaLight.eot");
  src: url("/xmFramework/fonts/Proxima-Nova-Light/proximNovaLight.eot?#iefix") format("embedded-opentype"), url("/xmFramework/fonts/Proxima-Nova-Light/proximaNovaLight.woff2") format("woff2"), url("/xmFramework/fonts/Proxima-Nova-Light/proximaNovaLight.woff") format("woff"), url("/xmFramework/fonts/Proxima-Nova-Light/proximaNovaLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lucidaSans';
  src: url("/xmFramework/fonts/Lucida-Sans/lucidaSans.eot");
  src: url("/xmFramework/fonts/Lucida-Sans/lucidaSans.eot?#iefix") format("embedded-opentype"), url("/xmFramework/fonts/Lucida-Sans/lucidaSans.woff2") format("woff2"), url("/xmFramework/fonts/Lucida-Sans/lucidaSans.woff") format("woff"), url("/xmFramework/fonts/Lucida-Sans/lucidaSans.ttf") format("truetype"), url("/xmFramework/fonts/Lucida-Sans/lucidaSans.svg#lucidaSans") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latoLight';
  src: url("/xmFramework/fonts/Lato/Lato-Light.eot");
  src: url("/xmFramework/fonts/Lato/Lato-Light.eot?#iefix") format("embedded-opentype"), url("/xmFramework/fonts/Lato/Lato-Light.woff2") format("woff2"), url("/xmFramework/fonts/Lato/Lato-Light.woff") format("woff"), url("/xmFramework/fonts/Lato/Lato-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latoRegular';
  src: url("/xmFramework/fonts/Lato/Lato-Regular.eot");
  src: url("/xmFramework/fonts/Lato/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("/xmFramework/fonts/Lato/Lato-Regular.woff2") format("woff2"), url("/xmFramework/fonts/Lato/Lato-Regular.woff") format("woff"), url("/xmFramework/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'digital';
  src: url("/xmFramework/fonts/Digital/digital-7.eot");
  src: url("/xmFramework/fonts/Digital/digital-7.eot?#iefix") format("embedded-opentype"), url("/xmFramework/fonts/Digital/digital-7.woff") format("woff"), url("/xmFramework/fonts/Digital/digital-7.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'gilroyThin';
  src: url("/xmFramework/fonts/Gilroy/354236_0_0.eot");
  src: url("/xmFramework/fonts/Gilroy/354236_0_0.eot?#iefix") format("embedded-opentype"), url("/xmFramework/fonts/Gilroy/354236_0_0.woff2") format("woff2"), url("/xmFramework/fonts/Gilroy/354236_0_0.woff") format("woff"), url("/xmFramework/fonts/Gilroy/354236_0_0.ttf") format("truetype");
}

@font-face {
  font-family: 'gilroySemiBold';
  src: url("/xmFramework/fonts/Gilroy/354236_1_0.eot");
  src: url("/xmFramework/fonts/Gilroy/354236_1_0.eot?#iefix") format("embedded-opentype"), url("/xmFramework/fonts/Gilroy/354236_1_0.woff2") format("woff2"), url("/xmFramework/fonts/Gilroy/354236_1_0.woff") format("woff"), url("/xmFramework/fonts/Gilroy/354236_1_0.ttf") format("truetype");
}

@font-face {
  font-family: 'gilroyUltraLight';
  src: url("/xmFramework/fonts/Gilroy/354236_2_0.eot");
  src: url("/xmFramework/fonts/Gilroy/354236_2_0.eot?#iefix") format("embedded-opentype"), url("/xmFramework/fonts/Gilroy/354236_2_0.woff2") format("woff2"), url("/xmFramework/fonts/Gilroy/354236_2_0.woff") format("woff"), url("/xmFramework/fonts/Gilroy/354236_2_0.ttf") format("truetype");
}

@font-face {
  font-family: 'gilroyRegular';
  src: url("/xmFramework/fonts/Gilroy/354236_3_0.eot");
  src: url("/xmFramework/fonts/Gilroy/354236_3_0.eot?#iefix") format("embedded-opentype"), url("/xmFramework/fonts/Gilroy/354236_3_0.woff2") format("woff2"), url("/xmFramework/fonts/Gilroy/354236_3_0.woff") format("woff"), url("/xmFramework/fonts/Gilroy/354236_3_0.ttf") format("truetype");
}

@font-face {
  font-family: 'gilroyMedium';
  src: url("/xmFramework/fonts/Gilroy/354236_4_0.eot");
  src: url("/xmFramework/fonts/Gilroy/354236_4_0.eot?#iefix") format("embedded-opentype"), url("/xmFramework/fonts/Gilroy/354236_4_0.woff2") format("woff2"), url("/xmFramework/fonts/Gilroy/354236_4_0.woff") format("woff"), url("/xmFramework/fonts/Gilroy/354236_4_0.ttf") format("truetype");
}

@font-face {
  font-family: 'gilroyLight';
  src: url("/xmFramework/fonts/Gilroy/354236_5_0.eot");
  src: url("/xmFramework/fonts/Gilroy/354236_5_0.eot?#iefix") format("embedded-opentype"), url("/xmFramework/fonts/Gilroy/354236_5_0.woff2") format("woff2"), url("/xmFramework/fonts/Gilroy/354236_5_0.woff") format("woff"), url("/xmFramework/fonts/Gilroy/354236_5_0.ttf") format("truetype");
}

@font-face {
  font-family: 'gilroyBold';
  src: url("/xmFramework/fonts/Gilroy/354236_6_0.eot");
  src: url("/xmFramework/fonts/Gilroy/354236_6_0.eot?#iefix") format("embedded-opentype"), url("/xmFramework/fonts/Gilroy/354236_6_0.woff2") format("woff2"), url("/xmFramework/fonts/Gilroy/354236_6_0.woff") format("woff"), url("/xmFramework/fonts/Gilroy/354236_6_0.ttf") format("truetype");
}

@font-face {
  font-family: 'xmLogoFont';
  src: url("/xmFramework/fonts/xmLogoFont/entsans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'varelaRound';
  src: url("/xmFramework/fonts/Varela-Round/VarelaRound-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.div#browseAs {
  z-index: 300;
}

.modal.active, .dpWrapper {
  z-index: 200;
}

#xmMobileHeader header {
  z-index: 150;
}

#xmMobileHeader div.navContainer div.onOff {
  z-index: -1000;
}

#xmMobileHeader div.navContainer div.onOff.active {
  z-index: 100 !important;
}

#xmHeader {
  z-index: 90;
}

#pmBar {
  z-index: 85;
}

#pmSideNav {
  z-index: 80;
}

.spaceModule {
  z-index: 75;
}

.leaseModal {
  z-index: 75;
}

.planModal {
  z-index: 75;
}

#portfolioNav {
  z-index: 80;
  position: relative;
}

#fileBin, #pmShare {
  z-index: 130;
}

#eventHover {
  z-index: 70 !important;
}

#layout {
  z-index: 0;
}

#filesBin {
  z-index: 1;
}

.pageContent .col01 nav {
  z-index: 3;
}

#mapModule {
  z-index: 4;
}

#spacePreview {
  z-index: 5;
}

.textLeft {
  text-align: left;
}

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

@media (min-width: 1200px) {
  .md-text-left {
    text-align: left;
  }
  .md-text-center {
    text-align: center;
  }
  .md-text-right {
    text-align: right;
  }
}

@media (min-width: 1600px) {
  .lg-text-left {
    text-align: left;
  }
  .lg-text-center {
    text-align: center;
  }
  .lg-text-right {
    text-align: right;
  }
}

@media (min-width: 1920px) {
  .xl-text-left {
    text-align: left;
  }
  .xl-text-center {
    text-align: center;
  }
  .xl-text-right {
    text-align: right;
  }
}

.no-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.show-md {
  display: none;
}

@media (min-width: 1200px) {
  .show-md {
    display: block;
  }
}

.show-lg {
  display: none;
}

@media (min-width: 1600px) {
  .show-lg {
    display: block;
  }
}

.show-xl {
  display: none;
}

@media (min-width: 1920px) {
  .show-xl {
    display: block;
  }
}

@media (min-width: 1200px) {
  .hide-md {
    display: none;
  }
}

@media (min-width: 1600px) {
  .hide-lg {
    display: none;
  }
}

@media (min-width: 1920px) {
  .hide-xl {
    display: none;
  }
}

.show-md-inline {
  display: none;
}

@media (min-width: 1200px) {
  .show-md-inline {
    display: inline;
  }
}

.show-lg-inline {
  display: none;
}

@media (min-width: 1600px) {
  .show-lg-inline {
    display: inline;
  }
}

.show-xl-inline {
  display: none;
}

@media (min-width: 1920px) {
  .show-xl-inline {
    display: inline;
  }
}

/********** Grid **********/
/********** Off-Canvas **********/
button, .button, input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="date"], select {
  display: inline-block;
  font-family: arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  color: #000;
  height: 42px;
  text-decoration: none;
  border: 1px solid #BBB;
  vertical-align: middle;
  color: #000;
  cursor: pointer;
}

input:focus, select:focus, textarea:focus, .checkbox input[type="checkbox"]:focus + span:before, .radio input[type="radio"]:focus + span:before {
  border: 1px solid red;
}

button, input[type='text'], input[type='submit'], input[type='button'], input[type='number'], input[type='password'], input[type='file'], textarea {
  box-shadow: none !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

button, .button, input[type="submit"], input[type="button"] {
  background-image: -webkit-linear-gradient(top, #f9F9F9, #DDD);
  background-image: -moz-linear-gradient(top, #f9F9F9, #DDD);
  background-image: -o-linear-gradient(top, #f9F9F9, #DDD);
  background-image: linear-gradient(to bottom, #f9F9F9, #DDD);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 1.5rem;
}

button:hover, .button:hover, input[type="submit"]:hover {
  background-image: -webkit-linear-gradient(top, #DDD, #F9F9F9);
  background-image: -moz-linear-gradient(top, #DDD, #F9F9F9);
  background-image: -o-linear-gradient(top, #DDD, #F9F9F9);
  background-image: linear-gradient(to bottom, #DDD, #F9F9F9);
  cursor: pointer;
}

input[type="text"], input[type="password"] {
  padding: 0 .5rem;
  cursor: text;
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {
  font-style: italic;
  color: #777;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
}

::-moz-placeholder {
  /* Firefox 19+ */
}

:-ms-input-placeholder {
  /* IE 10+ */
}

:-moz-placeholder {
  /* Firefox 18- */
}

input[type="checkbox"], input[type="radio"] {
  width: 20px;
  height: 20px;
  margin: 0 10px;
  border: 1px solid #BBB;
  vertical-align: middle;
  position: relative;
  top: -1px;
  cursor: pointer;
}

input[type="date"] {
  height: 42px;
  padding: 0 .5rem;
  vertical-align: middle;
  cursor: pointer;
}

select {
  height: 42px;
  padding: 0 .5rem;
  vertical-align: middle;
  cursor: pointer;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  select {
    padding-right: 0;
  }
}

select option {
  padding: 1rem 0;
}

label {
  vertical-align: middle;
  margin: 0 1rem;
}

label > select, label > input {
  margin: 0 0 0 .3rem;
}

input, select, textarea {
  /* Use custom :focus %extend for all form elements to keep the :focus style the same for custom ones */
}

.checkbox,
.radio {
  position: relative;
  padding-left: 1.25em;
}

.checkbox span:before,
.radio span:before {
  content: "";
  position: absolute;
  left: 0;
  line-height: 1em;
  width: .813em;
  height: .813em;
  border: 1px solid black;
}

.checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}

.checkbox input[type="checkbox"]:checked + span:before {
  content: "✓";
}

.radio input[type="radio"] {
  opacity: 0;
  position: absolute;
}

.radio input[type="radio"]:checked + span:after {
  background: black;
}

.radio span:after {
  content: "";
  position: absolute;
  top: .188em;
  left: .188em;
  width: .438em;
  height: .438em;
  border-radius: 50%;
}

.radio span:before {
  border-radius: 50%;
}

.toggler {
  display: inline-block;
  vertical-align: middle;
  height: 44px;
  margin: 0;
  padding: 2px;
  background: #DDD;
  border: 1px solid #BBB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.toggler input {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
}

.toggler label {
  margin: 0 !important;
  display: inline-block;
  line-height: 40px;
  padding: 0 20px;
  color: #555;
  vertical-align: top;
  cursor: pointer;
}

.toggler input:checked + label {
  color: #000;
  margin: 0;
  height: 38px;
  line-height: 38px;
  border: 1px solid #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, #FFF, #DDD);
  background-image: -moz-linear-gradient(top, #FFF, #DDD);
  background-image: -o-linear-gradient(top, #FFF, #DDD);
  background-image: linear-gradient(to bottom, #FFF, #DDD);
  cursor: default;
}

.checkToggle {
  display: inline-block;
  vertical-align: middle;
  height: 42px;
  line-height: 42px;
  margin: 0 10px;
}

.checkToggle input {
  margin: 0;
}

.checkToggle label {
  margin: 0;
}

input[type="range"] {
  width: 10em;
  -webkit-appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #4094bc;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px;
}

input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #4094bc;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px;
}

input[type="range"]::-ms-thumb {
  width: 20px;
  height: 20px;
  background: #4094bc;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px;
  position: absolute;
  z-index: 1;
}

input[type="range"]::-webkit-slider-runnable-track {
  width: 10rem;
  height: .5rem;
  cursor: pointer;
  background: #CCC;
  border: none;
}

input[type="range"]::-moz-range-track {
  width: 10rem;
  height: .5rem;
  cursor: pointer;
  background: #CCC;
  border: none;
}

input[type="range"]::-ms-track {
  width: 10rem;
  height: .5rem;
  cursor: pointer;
  background: #CCC;
  border: none;
}

input[type="range"]:focus {
  background: none;
  outline: none;
}

input[type="range"]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

dl.accordion dt, dl.accordion dd, dl.accordion a {
  color: #000;
  text-decoration: none;
}

dl.accordion dt:hover, dl.accordion a:hover {
  cursor: pointer;
  text-decoration: underline;
}

dl.accordion dd {
  display: none;
}

dl.accordion dd.open {
  display: block;
  margin: 0 0 0 20px;
  height: auto !important;
}

dl.accordion li, dl.accordion a {
  display: block;
}

body.noScroll {
  overflow: hidden;
}

.modal.active {
  display: block;
}

.modal {
  display: none;
  position: fixed;
  margin: 0 auto;
  z-index: 100;
}

@media (max-width: 799px) {
  .modal {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 5px solid #999;
  }
}

@media (min-width: 800px) {
  .modal {
    top: 10px;
    bottom: 10px;
    left: 10%;
    right: 10%;
  }
}

@media (min-width: 1200px) {
  .modal {
    top: 20px;
    bottom: 20px;
    left: 50%;
    right: initial;
    width: 1024px;
    margin-left: -512px;
  }
  .modal#jobsQuotesModal {
    width: calc(8.5in + 17px);
    margin-left: -4.25in;
  }
}

.modal > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  border-bottom: 1px solid #BBBBBB;
  background: #F5F5F5;
}

@media (max-width: 799px) {
  .modal > header {
    min-height: 51px;
    padding-left: 15px;
  }
}

@media (min-width: 800px) {
  .modal > header {
    height: 50px;
    border-radius: 5px 5px 0 0;
    padding-left: 15px;
  }
}

.modal > header h1 {
  margin: 0;
}

@media (max-width: 799px) {
  .modal > header h1 {
    font-family: latoRegular, arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
    color: #666;
    font-weight: normal;
  }
}

@media (min-width: 800px) {
  .modal > header h1 {
    font-family: gilroyRegular, arial, sans-serif;
    font-weight: normal;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1;
    color: #666;
  }
}

@media (min-width: 1200px) {
  .modal > header h1 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.modal > header .modalClose {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 .75rem;
  padding: 0;
  border: none;
  background: url("../../../img/whiteX.svg") no-repeat center #DF2030;
  background-size: 1.5rem;
  color: transparent;
  border-radius: .3rem;
  cursor: pointer;
}

@media (max-width: 799px) {
  .modal > header .modalClose {
    border-radius: 3px;
  }
}

.modal .modalContent {
  background: #FFF;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}

@media (max-width: 799px) {
  .modal .modalContent {
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #333;
    top: 51px;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 800px) {
  .modal .modalContent {
    font-size: 16px;
    font-size: 1rem;
    /* overflow: hidden; */
  }
}

@media (min-width: 1200px) {
  .modal .modalContent {
    border-radius: 0 0 .3rem .3rem;
    top: 50px;
  }
}

.modal .modalContent a, .modal .modalContent a:visited {
  color: #006C9B;
  text-decoration: underline;
}

.modal .modalContent iframe {
  width: 100%;
  height: 100%;
}

@media (min-width: 1920px) {
  .modal.wide {
    width: 1200px;
    margin-left: -600px;
  }
}

@media (min-width: 1920px) {
  .modal.fullScreen {
    width: 90%;
    margin-left: -45%;
  }
}

.modalSubmit {
  margin: 2rem 0 0;
  text-align: center;
}

.modal.active:before {
  content: "";
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

@media (min-width: 800px) {
  .modal.active:before {
    background: rgba(0, 0, 0, 0.6);
  }
}

ul.tabLinks {
  display: flex;
  margin-right: 10px;
}

ul.tabLinks li {
  display: inline-flex;
  align-items: center;
  background: none;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
  color: #333;
}

@media (max-width: 799px) {
  ul.tabLinks li {
    padding: 1rem;
  }
}

@media (min-width: 800px) {
  ul.tabLinks li {
    padding: 1rem 2rem;
  }
}

ul.tabLinks li.active {
  background: #F5F5F5;
  color: #000;
}

.tabTarget {
  display: none;
  background: #F5F5F5;
  padding: 2rem;
}

.tabTarget.active {
  display: inherit;
}

.toggleLink {
  cursor: pointer;
}

.toggleLink.active {
  color: red !important;
}

.toggleContent {
  display: none;
}

.toggleContent.active {
  display: block;
}

.rightTrigger {
  cursor: pointer;
}

.rightMenu {
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
  width: 10rem;
  z-index: 90;
  overflow: hidden;
  border: 1px solid #999;
  background: #FFF;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
}

.rightMenu li {
  padding: .5rem 1rem;
  cursor: pointer;
}

.rightMenu li:hover {
  background-color: #E7EEF5;
}

.rightMenu a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  text-decoration: none;
}

.rightMenu:before {
  content: "";
  z-index: 400;
  position: fixed;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #999;
}

.svgViewer {
  display: block;
  position: relative;
  width: 800px;
  height: 600px;
  border: 1px solid #CCC;
  background: #F9F9F9;
}

.svgViewer object {
  display: block;
  width: 100%;
  height: 100%;
}

.stack.multiStory .grade {
  display: block;
  height: .8rem;
  margin-bottom: .5rem;
  font-size: 0;
  color: transparent;
  background: #A0D700;
}

.stack.multiStory ul {
  line-height: 1.2;
}

.stack.multiStory .floor {
  display: table;
  width: 100%;
  height: 100%;
  margin-bottom: .5rem;
  line-height: 1;
}

.stack.multiStory div[class^="stackColumn"] {
  display: table-cell;
  vertical-align: middle;
}

.stack.multiStory .stackColumn-1 {
  position: relative;
  width: 10%;
}

.stack.multiStory .stackColumn-1 ul {
  display: table;
  width: 100%;
  height: 100%;
  font-size: .9rem;
  margin: 0;
}

.stack.multiStory .stackColumn-1 ul li.levelId {
  display: table-cell;
  color: #CCC;
  vertical-align: middle;
  width: 25%;
}

.stack.multiStory .stackColumn-1 ul li.levelAlias {
  display: table-cell;
  vertical-align: middle;
}

.stack.multiStory .stackColumn-1 ul li.fpVersion {
  color: red;
}

.stack.multiStory .stackColumn-1 ul li.levelAlias:hover {
  cursor: pointer;
  text-decoration: underline;
}

.stack.multiStory .stackColumn-1 ul input.stackAlias {
  position: absolute;
  top: 50%;
  left: 0;
  width: 90%;
  height: 36px;
  line-height: 36px;
  padding: 5px 10px;
  margin-top: -18px;
}

.stack.multiStory .stackColumn-2 {
  width: 80%;
}

.stack.multiStory .stackColumn-2 .spaces {
  margin: auto;
  background: #ADE0F1;
}

.stack.multiStory .stackColumn-2 .filler {
  background: #EEE;
}

.stack.multiStory .stackColumn-2 ul.spaceRow {
  display: table;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  margin: 0;
  padding: 0;
  width: 100%;
}

.stack.multiStory .stackColumn-2 ul.spaceRow li {
  position: relative;
  display: table-cell;
  padding: 1.2rem 0;
  margin: 0 2px 0 0;
  text-align: center;
  vertical-align: middle;
  border-right: 2px solid #FFF;
  font-size: .9rem;
}

.stack.multiStory .stackColumn-2 ul.spaceRow li:hover {
  cursor: pointer;
  text-decoration: underline;
}

.stack.multiStory .stackColumn-3 {
  width: 10%;
  position: relative;
}

.stack.multiStory .stackColumn-3 ul {
  display: table;
  height: 100%;
  width: 100%;
  font-size: .9rem;
  margin: 0;
}

.stack.multiStory .stackColumn-3 ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.stack.multiStory .stackColumn-3 ul li:hover {
  cursor: pointer;
  text-decoration: underline;
}

.stack.multiStory .newUpload {
  padding: 1rem .5rem;
  /*
	  .alert {
		color: red !important;
		font-weight: bold !important;
		box-sizing: border-box;
	  }
	  .alert:before {
		content: "";
		@include absolute(0 0 0 0 100% 100%);
		border: 3px solid red !important;
		background-image: url(../img/bgAlertHatch.svg);
	  }
	*/
}

.stack.spaceEdit li.levelId {
  display: none !important;
}

#stackingDiv .floor {
  display: flex;
  align-items: center;
  margin-bottom: .5rem;
}

#stackingDiv h4 {
  width: 10%;
}

#stackingDiv a {
  color: #000;
  font-weight: normal;
}

#stackingDiv .floorSizer {
  margin-right: 10%;
  flex: 1;
}

#stackingDiv .floorSizer table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}

#stackingDiv .floorSizer td {
  text-align: center;
  padding: 1.2rem 0;
  border: none;
}

#stackingDiv #grade {
  display: block;
  height: .8rem;
  margin-bottom: .5rem;
  font-size: 0;
  color: transparent;
  background: #A0D700;
}

.uploadDrop .uploadProgress {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.uploadDrop .uploadProgress span.meter {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #D7DFEC;
  z-index: 1;
}

.uploadDrop p {
  z-index: 1;
  color: #444;
}

section#xmUser {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

section#xmUser button {
  flex: 1;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  color: transparent;
  font-size: 0;
  height: 30px;
}

section#xmUser button.userSettings {
  background-image: url(/img/userSettings.svg);
  background-size: 25px;
  background-position: center;
}

section#xmUser button.alerts {
  position: relative;
}

section#xmUser button.alerts span:first-child {
  display: inline-block;
  background-image: url(/img/userNotification.svg);
  background-repeat: no-repeat;
  background-position: center 2px;
  background-size: auto 21px;
}

section#xmUser button.alerts.ring span:first-child {
  animation-name: bellRing;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-delay: 5s;
  transform-origin: 50% 5px;
}

section#xmUser button.alerts span.alertCount {
  position: absolute;
  top: 0;
  left: 0;
  margin: 4px 3px;
  width: 15px;
  height: 15px;
  line-height: 1;
  color: #FFF;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: lucidaSans, courier, mono;
}

@keyframes bellRing {
  0% {
    transform: rotate(20deg);
  }
  2% {
    transform: rotate(-20deg);
  }
  4% {
    transform: rotate(20deg);
  }
  6% {
    transform: rotate(-20deg);
  }
  8% {
    transform: rotate(20deg);
  }
  10% {
    transform: rotate(-20deg);
  }
  12% {
    transform: rotate(20deg);
  }
  14% {
    transform: rotate(-20deg);
  }
  16% {
    transform: rotate(20deg);
  }
  18% {
    transform: rotate(0deg);
  }
}

@media (max-width: 799px) {
  #xmHeader {
    display: none !important;
  }
  #xmMobileHeader {
    display: flex;
    flex-direction: column;
  }
  #xmMobileHeader > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: stretch;
    position: fixed;
    height: 45px;
    padding: 0;
    width: 100vw;
    background: #222;
  }
  #xmMobileHeader > header div.mobileCompany {
    flex: 1;
    text-align: center;
    font-family: gilroyRegular, arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    color: #FFF;
    opacity: .8;
  }
  #xmMobileHeader > header div.mobileCompany span {
    color: #000;
  }
  #xmMobileHeader > header > a.home {
    width: 80px;
    height: 45px;
    padding: 0;
    background: url(../../img/hamburgerWhite.svg) no-repeat 10px center !important;
    background-size: 1.6rem auto !important;
    border: none;
    color: transparent;
    font-size: 1px;
    position: relative;
    border-radius: 0;
  }
  #xmMobileHeader > header a.signIn {
    width: 80px;
    height: 45px;
    text-align: right;
    background: url(../../img/mobileSignIn.svg) no-repeat center right 8px transparent !important;
    background-size: 35px auto !important;
    text-decoration: none;
    color: transparent;
  }
  #xmMobileHeader > header button.alerts {
    width: 33px;
    height: 45px;
    background: url(../../img/userNotification.svg) no-repeat center;
    background-size: 26px auto;
  }
  #xmMobileHeader > header button.alerts span.alertCount {
    position: relative;
    top: -8px;
    left: -12px;
  }
  #xmMobileHeader > header button.userSettings {
    display: flex;
    width: 40px;
    height: 45px;
    background: url(../../img/userSettings.svg) no-repeat center;
    background-size: 26px auto;
  }
  #xmMobileHeader > header ul[data-toggletarget="userSettings"] {
    display: none;
  }
  #xmMobileHeader > header ul[data-toggletarget="userSettings"].active {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 0;
    top: 45px;
    width: 100vw;
    height: 50px;
    background: #DF2030;
    color: #FFF;
    padding: 0 1rem 0 0;
  }
  #xmMobileHeader > header ul[data-toggletarget="userSettings"].active li {
    padding-left: 1rem;
  }
  #xmMobileHeader > header ul[data-toggletarget="userSettings"].active li:first-child {
    flex: 1;
  }
  #xmMobileHeader > header ul[data-toggletarget="userSettings"].active li a {
    color: #FFF;
    text-decoration: underline;
  }
  #xmMobileHeader div.navContainer div.onOff {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
  }
  #xmMobileHeader div.navContainer div.onOff.active {
    display: block !important;
  }
  #xmMobileHeader div.navContainer div.mover {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #4094bc;
    overflow-y: scroll;
    animation: mover .2s linear forwards;
  }
  @keyframes mover {
    0% {
      top: -800px;
    }
    100% {
      top: 0;
    }
  }
  #xmMobileHeader div.navContainer nav.xmMobileNavPanel {
    display: flex;
    position: relative;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) {
  #xmMobileHeader div.navContainer nav.xmMobileNavPanel {
    flex-direction: column;
    max-width: 380px;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) and (max-width: 799px) {
  #xmMobileHeader div.navContainer nav.xmMobileNavPanel {
    padding: 0 2rem;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) and (max-width: 320px) {
  #xmMobileHeader div.navContainer nav.xmMobileNavPanel {
    padding: 0 1.5rem;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) and (min-width: mobileXsmall) {
  #xmMobileHeader div.navContainer nav.xmMobileNavPanel {
    padding: 0 1.5rem;
  }
}

@media (max-width: 799px) {
  #xmMobileHeader div.navContainer dl dd {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  #xmMobileHeader div.navContainer dl a {
    display: flex;
    width: 100%;
    font-family: gilroyRegular, arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    color: #FFF;
    text-decoration: none;
  }
  #xmMobileHeader div.navContainer footer {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0;
    background: transparent;
  }
  #xmMobileHeader div.navContainer footer a {
    font-size: 0;
    color: transparent;
  }
}

@media (max-width: 799px) and (max-width: 799px) {
  #xmMobileHeader div.navContainer footer a {
    margin: 0 .4rem;
  }
}

@media (max-width: 799px) and (max-width: 320px) {
  #xmMobileHeader div.navContainer footer a {
    margin: 0 0 0 .5rem;
  }
}

@media (max-width: 799px) and (min-width: mobileXsmall) {
  #xmMobileHeader div.navContainer footer a {
    margin: 0 0 0 .5rem;
  }
}

@media (max-width: 799px) {
  #xmMobileHeader div.navContainer footer a img {
    background: rgba(0, 108, 155, 0.5);
  }
}

@media (max-width: 799px) and (max-width: 799px) {
  #xmMobileHeader div.navContainer footer a img {
    width: 45px;
    height: 45px;
  }
}

@media (max-width: 799px) and (max-width: 320px) {
  #xmMobileHeader div.navContainer footer a img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 799px) and (min-width: mobileXsmall) {
  #xmMobileHeader div.navContainer footer a img {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) {
  #xmMobileHeader nav.xmMobileNavPanel {
    margin-top: 45px;
  }
  #xmMobileHeader nav.xmMobileNavPanel div.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 2rem;
  }
  #xmMobileHeader nav.xmMobileNavPanel dd:last-child {
    border-bottom: 0;
  }
  #xmMobileHeader nav.xmMobileNavPanel a {
    padding: 1rem 0;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) and (max-width: 799px) {
  #xmMobileHeader nav.xmMobileNavPanel a {
    padding: 1rem 0;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) and (max-width: 320px) {
  #xmMobileHeader nav.xmMobileNavPanel a {
    padding: .8rem 0;
    font-size: 16px;
    font-size: 1rem;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) and (min-width: mobileXsmall) {
  #xmMobileHeader nav.xmMobileNavPanel a {
    padding: .8rem 0;
    font-size: 16px;
    font-size: 1rem;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) {
  #xmMobileHeader nav.xmMobileNavPanel header {
    order: 2;
    width: 100%;
  }
  #xmMobileHeader nav.xmMobileNavPanel header img {
    width: 100%;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) and (max-width: 799px) {
  #xmMobileHeader nav.xmMobileNavPanel header img {
    margin: 1rem 0;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) and (max-width: 320px) {
  #xmMobileHeader nav.xmMobileNavPanel header img {
    margin: 1rem 0;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) and (min-width: mobileXsmall) {
  #xmMobileHeader nav.xmMobileNavPanel header img {
    margin: 1rem 0;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) {
  #xmMobileHeader nav.xmMobileNavPanel section.services {
    order: 1;
  }
  #xmMobileHeader nav.xmMobileNavPanel div.contactApps {
    order: 3;
    display: flex;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) and (max-width: 799px) {
  #xmMobileHeader nav.xmMobileNavPanel div.contactApps .contact {
    margin-right: 1.5rem;
    width: 35%;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) and (max-width: 320px) {
  #xmMobileHeader nav.xmMobileNavPanel div.contactApps .contact {
    margin-right: 1rem;
    width: 40%;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) and (min-width: mobileXsmall) {
  #xmMobileHeader nav.xmMobileNavPanel div.contactApps .contact {
    margin-right: 1rem;
    width: 40%;
  }
}

@media only screen and (max-width: 799px) and (orientation: portrait) {
  #xmMobileHeader nav.xmMobileNavPanel div.contactApps .apps {
    flex: 1;
  }
  #xmMobileHeader nav.xmMobileNavPanel footer {
    order: 4;
  }
}

@media only screen and (max-width: 799px) and (orientation: landscape) {
  #xmMobileHeader nav.xmMobileNavPanel {
    flex-direction: row;
    flex-wrap: wrap;
    align-self: center;
    position: relative;
    margin-top: 45px;
  }
}

@media only screen and (max-width: 799px) and (orientation: landscape) and (max-width: 799px) {
  #xmMobileHeader nav.xmMobileNavPanel {
    max-width: 600px;
  }
}

@media only screen and (max-width: 799px) and (orientation: landscape) {
  #xmMobileHeader nav.xmMobileNavPanel div.container {
    display: flex;
    align-items: flex-start;
    padding: 1.5rem 2rem;
    font-size: 16px;
    font-size: 1rem;
  }
  #xmMobileHeader nav.xmMobileNavPanel a {
    padding: .8rem 0;
  }
  #xmMobileHeader nav.xmMobileNavPanel header {
    width: 42%;
  }
  #xmMobileHeader nav.xmMobileNavPanel header img {
    width: 100%;
  }
  #xmMobileHeader nav.xmMobileNavPanel section.services {
    flex: 1;
  }
  #xmMobileHeader nav.xmMobileNavPanel section.services dl {
    margin-left: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  #xmMobileHeader nav.xmMobileNavPanel div.contactApps {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding-left: 42%;
  }
  #xmMobileHeader nav.xmMobileNavPanel div.contactApps section.contact {
    width: 40%;
    margin-left: 2rem;
  }
  #xmMobileHeader nav.xmMobileNavPanel div.contactApps section.contact dd:last-child {
    border: 0;
  }
  #xmMobileHeader nav.xmMobileNavPanel div.contactApps section.apps {
    flex: 1;
    margin-left: 1.5rem;
  }
  #xmMobileHeader nav.xmMobileNavPanel div.contactApps section.apps dd:last-child {
    border: 0;
  }
  #xmMobileHeader nav.xmMobileNavPanel footer {
    position: absolute;
    left: 0;
    display: inline-block;
  }
}

@media only screen and (max-width: 799px) and (orientation: landscape) and (max-width: 799px) {
  #xmMobileHeader nav.xmMobileNavPanel footer {
    bottom: 0;
  }
}

@media (min-width: 800px) {
  #xmMobileHeader {
    display: none;
  }
}

div#browseAs {
  position: fixed;
  top: 0;
  left: calc(50% - 320px);
  width: 640px;
  height: 28px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  color: white;
  background: #DF2030;
  z-index: 5000;
  border-radius: 0 0 5px 5px;
}

div#browseAs a {
  color: #FFF;
  text-decoration: underline;
  margin-left: 8px;
}

#xmHeader {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  padding: 0;
  font-family: gilroySemiBold, arial, sans-serif;
  font-size: .75rem;
  color: #FFF;
}

@media (min-width: 1200px) {
  #xmHeader {
    text-transform: uppercase;
    letter-spacing: .075rem;
  }
}

#xmHeader a {
  color: #FFF;
  text-decoration: none;
  cursor: pointer;
}

#xmHeader a.signIn {
  background: #DF2030;
  display: flex;
  align-items: center;
}

@media (min-width: 800px) {
  #xmHeader a.signIn {
    padding: 0 10px;
  }
}

@media (min-width: 1200px) {
  #xmHeader a.signIn {
    padding: 0 15px;
  }
}

#xmHeader section#xmApps {
  flex: 1;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

#xmHeader section#xmApps:after {
  content: "";
  flex: 1;
  background-color: #222;
}

#xmHeader section#xmApps a {
  display: flex;
  align-items: center;
}

@media (min-width: 800px) {
  #xmHeader section#xmApps a {
    margin: 0;
  }
}

@media (min-width: 1200px) {
  #xmHeader section#xmApps a {
    margin: 0;
  }
}

@media (min-width: 1600px) {
  #xmHeader section#xmApps a {
    margin: 0;
  }
}

#xmHeader section#xmApps a.xmHome {
  background: url(../../img/xmWhiteX.svg) no-repeat;
  background-color: #222;
}

@media (min-width: 800px) {
  #xmHeader section#xmApps a.xmHome {
    background-size: 21px;
    background-position: 8px 9px;
    padding: 0 10px 0 33px;
  }
}

@media (min-width: 1200px) {
  #xmHeader section#xmApps a.xmHome {
    padding: 0 15px 0 45px;
    background-size: 25px;
    background-position: 15px 7px;
  }
}

#xmHeader section#xmApps a.xmHome span {
  display: none;
}

@media (min-width: 1200px) {
  #xmHeader section#xmApps a.xmHome span {
    display: inline;
    position: relative;
    top: -2px;
    padding-left: 2px;
  }
}

#xmHeader section#xmApps a.pmLink {
  background: url(../../img/pmLogoWhite.svg) no-repeat;
  background-color: #222;
}

@media (min-width: 800px) {
  #xmHeader section#xmApps a.pmLink {
    background-size: 24px auto;
    background-position: 8px 8px;
    padding: 0 8px 0 37px;
  }
}

@media (min-width: 1200px) {
  #xmHeader section#xmApps a.pmLink {
    padding: 0 15px 0 50px;
    background-size: 30px;
    background-position: 13px 6px;
  }
}

@media (min-width: 1600px) {
  #xmHeader section#xmApps a.pmLink {
    padding: 0 15px 0 53px;
  }
}

#xmHeader section#xmApps a.pmLink span {
  display: none;
}

@media (min-width: 1200px) {
  #xmHeader section#xmApps a.pmLink span {
    display: inline;
    position: relative;
    top: -2px;
    padding-left: 2px;
  }
}

#xmHeader section#xmApps a.bomaLink {
  background: url(../../img/bomaLogoWhite.svg) no-repeat;
  background-color: #222;
}

@media (min-width: 800px) {
  #xmHeader section#xmApps a.bomaLink {
    background-size: 48px;
    background-position: 8px 9px;
    padding: 0 10px 0 58px;
  }
}

@media (min-width: 1200px) {
  #xmHeader section#xmApps a.bomaLink {
    background-size: 56px;
    padding: 0 15px 0 75px;
    background-position: 15px 8px;
  }
}

#xmHeader section#xmApps a.bomaLink.french {
  background: url("") no-repeat;
  background-color: #222;
}

#xmHeader section#xmApps a.diyfsLink {
  display: none;
  background: url(../../img/diyfsLogoWhite.svg) no-repeat;
}

@media (min-width: 800px) {
  #xmHeader section#xmApps a.diyfsLink {
    background-size: 30px;
    background-position: 7px 7px;
    padding: 0 0 0 40px;
  }
}

@media (min-width: 1200px) {
  #xmHeader section#xmApps a.diyfsLink {
    background-size: 36px;
    background-position: 10px 5px;
    padding: 0 0 0 50px;
  }
}

#xmHeader section#xmNav {
  display: flex;
  background: #222;
}

@media (min-width: 800px) {
  #xmHeader section#xmNav {
    padding: 0 10px;
  }
}

@media (min-width: 1200px) {
  #xmHeader section#xmNav {
    padding: 0 20px;
  }
}

@media (min-width: 1600px) {
  #xmHeader section#xmNav {
    padding: 0 25px;
  }
}

#xmHeader section#xmNav > div, #xmHeader section#xmNav > a {
  display: flex;
  align-items: center;
  align-content: stretch;
  cursor: pointer;
  color: #FFF;
  outline: none;
}

@media (min-width: 800px) {
  #xmHeader section#xmNav > div, #xmHeader section#xmNav > a {
    padding: 0 7px;
  }
}

@media (min-width: 1200px) {
  #xmHeader section#xmNav > div, #xmHeader section#xmNav > a {
    padding: 0 12px;
  }
}

#xmHeader section#xmNav a {
  line-height: 30px;
}

#xmHeader ul[data-toggletarget="ourServices"] {
  display: none;
  position: absolute;
  top: 30px;
  padding: 0 8px 8px;
  margin-left: -8px;
  text-align: left;
  background: rgba(0, 0, 0, 0.3);
}

#xmHeader ul[data-toggletarget="ourServices"].active {
  display: block;
  animation: menuSlide .2s ease;
}

#xmHeader ul[data-toggletarget="ourServices"].active:before {
  content: "";
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #3E3E3E;
  margin-top: -7px;
  margin-left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  animation: menuArrow .2s ease;
  animation-fill-mode: forwards;
}

#xmHeader ul[data-toggletarget="ourServices"] li {
  margin: 0;
  align-items: center;
}

#xmHeader ul[data-toggletarget="ourServices"] li a {
  display: block;
  padding: 15px 30px;
  border-bottom: 1px solid #222;
  letter-spacing: .0625rem;
  font-size: .8rem;
  font-family: gilroyRegular, arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  background: #3E3E3E;
}

#xmHeader ul[data-toggletarget="ourServices"] li a:hover {
  background: #373737;
}

#xmHeader ul[data-toggletarget="ourServices"] li:last-child a {
  border: none;
}

#xmHeader ul[data-toggletarget="userSettings"] {
  display: none;
}

#xmHeader ul[data-toggletarget="userSettings"].active {
  display: flex;
  align-items: stretch;
  position: absolute;
  top: 30px;
  right: 0;
  padding: 0 0 8px 8px;
  background: rgba(0, 0, 0, 0.3);
}

#xmHeader ul[data-toggletarget="userSettings"].active li {
  display: flex;
  align-items: stretch;
  white-space: nowrap;
  background: #DF2030;
}

#xmHeader ul[data-toggletarget="userSettings"].active li:first-child {
  margin: 0;
  padding-left: 8px;
  font-weight: bold;
  text-align: right;
}

#xmHeader ul[data-toggletarget="userSettings"].active li span.userName {
  display: flex;
  align-items: center;
  height: 63px;
  padding: 0 0 0 15px;
}

#xmHeader ul[data-toggletarget="userSettings"].active li span.userName:after {
  content: "";
  height: 25px;
  padding-left: 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}

#xmHeader ul[data-toggletarget="userSettings"].active li a {
  display: flex;
  align-items: center;
  padding: 0 15px;
}

#xmHeader ul[data-toggletarget="userSettings"].active li a:hover {
  text-decoration: underline;
}

#xmHeader ul[data-toggletarget="userSettings"].active li:nth-child(3) a {
  padding: 0 15px 0 0;
}

@keyframes menuSlide {
  0% {
    top: -270px;
    z-index: -1;
  }
  99% {
    z-index: -1;
  }
  100% {
    z-index: 1;
    top: 18px;
  }
}

@keyframes menuArrow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#xmHeader section#xmUser {
  background: #DF2030;
}

@media (min-width: 800px) {
  #xmHeader section#xmUser {
    flex-basis: 64px;
  }
}

#xmHeader section#xmUser button.userSettings {
  width: 30px;
  height: 30px;
  padding: 0 10px 0 5px;
  cursor: pointer;
}

@media (min-width: 800px) {
  #xmHeader section#xmUser button.userSettings {
    background-size: 18px;
  }
}

@media (min-width: 1200px) {
  #xmHeader section#xmUser button.userSettings {
    background-size: 22px;
  }
}

#xmHeader section#xmUser button.alerts {
  cursor: pointer;
  position: relative;
}

@media (min-width: 800px) {
  #xmHeader section#xmUser button.alerts {
    background-size: 18px;
    width: 18px;
    padding: 0 5px 0 10px;
  }
}

@media (min-width: 1200px) {
  #xmHeader section#xmUser button.alerts {
    background-size: 21px;
  }
}

#xmHeader section#xmUser button.alerts span:first-child {
  width: 25px;
  height: 25px;
}

#xmHeader .modal.universalUserModal > .modalContent {
  padding: 0;
  overflow: hidden;
}

#xmHeader .modal.universalUserModal > .modalContent iframe {
  width: 100%;
  height: 100%;
}

#xmHeader div#browseAs {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  width: 500px;
  height: 25px;
  background: #DF2030;
  color: #FFF;
  margin-left: -250px;
  z-index: 100;
  border-radius: 0 0 3px 3px;
}

#xmHeader div#browseAs a {
  color: #FFF;
  padding-left: 10px;
  text-decoration: underline;
}

footer {
  background: #000;
  display: flex;
  justify-content: center;
  width: 100%;
}

#siteFooter {
  display: grid;
  grid-template-columns: 6fr 6fr 3fr 3fr 1fr;
  gap: 1.5rem;
  align-items: start;
  padding: 3rem 1rem 4rem;
  max-width: 1080px;
  width: 100%;
  box-sizing: border-box;
  font-family: gilroyMedium, arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  color: #EEE;
}

@media (max-width: 799px) {
  #siteFooter {
    grid-template-columns: 1fr;
    padding: 1.5rem 1rem 2rem;
    font-size: .9rem;
  }
}

#siteFooter > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch;
}

@media (max-width: 799px) {
  #siteFooter > div {
    align-items: center;
    text-align: center;
  }
}

#siteFooter > div h5 {
  color: #8da0ad;
  font-size: 1rem;
  font-weight: normal;
  font-family: gilroySemiBold, arial, sans-serif;
}

#siteFooter > div span {
  display: flex;
}

#siteFooter > div span strong {
  width: 5rem;
  color: #8da0ad;
}

#siteFooter > div span a, #siteFooter > div span a[href^="tel:"] {
  color: #FFF;
  text-decoration: none;
  border-bottom: none;
  transition: border-bottom 0.3s ease;
}

#siteFooter > div span a:hover, #siteFooter > div span a[href^="tel:"]:hover {
  text-decoration: underline;
}

@media (max-width: 799px) {
  #siteFooter .footer-section {
    display: none;
  }
  #siteFooter .footer-section.legal {
    display: flex;
  }
}

#siteFooter .footer-links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#siteFooter .footer-links a {
  color: #FFF;
  text-decoration: none;
  transition: border-bottom 0.3s ease;
}

#siteFooter .footer-links a:hover {
  text-decoration: underline;
}

@media (min-width: 800px) {
  #siteFooter .social-media {
    display: flex;
    justify-content: center;
    gap: 1rem;
  }
}

#siteFooter .social-media a {
  display: inline-block;
  border-bottom: none;
  transition: border-bottom 0.3s ease;
}

@media (min-width: 800px) {
  #siteFooter .social-media a:hover {
    opacity: 0.7;
  }
}

#siteFooter .social-media a img {
  width: 35px;
  height: auto;
}

#siteFooter .legal {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

@media (min-width: 800px) {
  #siteFooter .legal {
    margin-top: 1rem;
  }
}

#siteFooter .legal span {
  font-family: gilroySemiBold, arial, sans-serif;
  color: #8da0ad;
}

@media (max-width: 799px) {
  #siteFooter .legal span {
    font-family: gilroyRegular, arial, sans-serif;
  }
}

#siteFooter .legal a {
  color: #FFF;
  font-family: gilroyRegular, arial, sans-serif;
  text-decoration: none;
}

@media (max-width: 799px) {
  #siteFooter .legal a {
    text-decoration: underline;
  }
}

#siteFooter .legal a:hover {
  text-decoration: underline;
}

@media (max-width: 799px) {
  div[data-modaltarget="userNotifications"] .modalContent {
    padding: 1rem .2rem;
  }
}

@media (min-width: 1200px) {
  div[data-modaltarget="userNotifications"] .modalContent {
    padding: 3rem;
  }
}

div[data-modaltarget="userNotifications"] a {
  text-decoration: none !important;
}

div[data-modaltarget="userNotifications"] section {
  margin: 0 0 2rem 0;
}

@media (max-width: 799px) {
  div[data-modaltarget="userNotifications"] section {
    margin: 0 0 1.5rem;
  }
}

@media (min-width: 1200px) {
  div[data-modaltarget="userNotifications"] section {
    margin: 0 0 2.5rem;
  }
}

@media (min-width: 1600px) {
  div[data-modaltarget="userNotifications"] section {
    margin: 0 0 3rem;
  }
}

div[data-modaltarget="userNotifications"] label {
  margin: 0;
}

div[data-modaltarget="userNotifications"] button.payNow {
  color: #FFF;
  font-weight: bold;
  background: #006C9B;
  border-color: #006C9B;
}

div[data-modaltarget="userNotifications"] dt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: .5rem;
  position: relative;
  font-family: gilroyRegular, arial, sans-serif;
  font-weight: normal;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.2;
  color: #777;
  font-weight: bold;
}

@media (max-width: 799px) {
  div[data-modaltarget="userNotifications"] dt {
    font-size: 16px;
    font-size: 1rem;
    padding: 0 .5rem .5rem;
  }
}

div[data-modaltarget="userNotifications"] dd {
  display: flex;
  align-items: center;
  margin-bottom: 1px;
  font-family: latoRegular, arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  color: #000;
  background: rgba(64, 148, 188, 0.2);
}

@media (max-width: 799px) {
  div[data-modaltarget="userNotifications"] dd {
    flex-wrap: wrap;
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media (min-width: 800px) {
  div[data-modaltarget="userNotifications"] dd {
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media (min-width: 1200px) {
  div[data-modaltarget="userNotifications"] dd {
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
  }
}

div[data-modaltarget="userNotifications"] dd input {
  margin: 0;
}

div[data-modaltarget="userNotifications"] dd a {
  display: flex;
  align-items: center;
}

div[data-modaltarget="userNotifications"] dd a:first-child {
  background: rgba(64, 148, 188, 0.2);
  justify-content: center;
  padding: 1rem;
  margin-right: 1rem;
}

@media (max-width: 799px) {
  div[data-modaltarget="userNotifications"] dd a:first-child {
    padding: 1rem 0;
    flex-basis: 6rem;
  }
}

div[data-modaltarget="userNotifications"] dd > *:nth-child(1) {
  flex-basis: 9rem;
}

@media (max-width: 799px) {
  div[data-modaltarget="userNotifications"] dd > *:nth-child(1) {
    flex-basis: 8rem;
  }
}

div[data-modaltarget="userNotifications"] dd > *:nth-child(2) {
  flex: 1;
  justify-content: flex-start;
}

div[data-modaltarget="userNotifications"] dd > *:nth-child(3) {
  flex-basis: 22%;
  display: flex;
  justify-content: center;
}

@media (max-width: 799px) {
  div[data-modaltarget="userNotifications"] dd > *:nth-child(3) {
    display: none;
  }
}

div[data-modaltarget="userNotifications"] dd > *:nth-child(4) {
  flex-basis: 22%;
  display: flex;
  justify-content: flex-end;
  padding-right: 1rem;
}

@media (max-width: 799px) {
  div[data-modaltarget="userNotifications"] dd > *:nth-child(4) {
    display: none;
  }
}

div[data-modaltarget="userNotifications"] section#invoicesOwing {
  margin-bottom: 1rem;
}

@media (max-width: 799px) {
  div[data-modaltarget="userNotifications"] section#invoicesOwing {
    margin-bottom: .8rem;
  }
}

div[data-modaltarget="userNotifications"] section#invoicesOwing label {
  font-family: latoRegular, arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  color: #006C9B;
  font-style: italic;
  display: flex;
  align-items: center;
  cursor: pointer;
}

div[data-modaltarget="userNotifications"] section#invoicesOwing input[type=checkbox] {
  margin: 0;
  width: 1.5rem;
  height: 1.5rem;
}

div[data-modaltarget="userNotifications"] footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

@media (max-width: 799px) {
  div[data-modaltarget="userNotifications"] footer {
    padding: .3rem;
  }
}

div[data-modaltarget="userNotifications"] footer .unlistedInvoice a {
  font-family: latoRegular, arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  color: #006C9B;
  line-height: 42px;
  display: inline-block;
}

@media (max-width: 799px) {
  div[data-modaltarget="userNotifications"] footer .unlistedInvoice a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
  }
}

div[data-modaltarget="userNotifications"] footer .unlistedInvoice #addInvoice.active {
  display: flex;
  position: absolute;
  top: 0;
}

div[data-modaltarget="userNotifications"] footer .unlistedInvoice #addInvoice.active input {
  flex: 1;
}

div[data-modaltarget="userNotifications"] footer .unlistedInvoice #addInvoice.active button {
  border-left: none;
  border-radius: 0 5px 5px 0;
}

div[data-modaltarget="userNotifications"] footer .unlistedInvoice input#findInvoice {
  margin: 0 !important;
}

ul.pages li, #thisPage.smallFormat section#discussion article header dl dd.anonymize label {
  display: flex;
  align-items: center;
  justify-content: center;
}

.helpdesk-card, .readMe {
  background: rgba(250, 240, 230, 0.7);
  padding: 1.5rem;
  border-radius: 10px;
  transition: all 0.3s ease;
}

@media (min-width: 1200px) {
  .helpdesk-card, .readMe {
    border-left: 1px solid #CCC;
    border-radius: 0;
  }
}

.searchAsk .searchGroup button, .glossaryTerm .termImages button.deleteTag, .glossaryTerm .termImages button.deleteImage, .glossaryTerm .termImages button.deleteTagGlobal, .glossaryTerm .termImages button.deleteImageGlobal, .glossaryTerm .termTags button.deleteTag, .glossaryTerm .termTags button.deleteImage, .glossaryTerm .termTags button.deleteTagGlobal, .glossaryTerm .termTags button.deleteImageGlobal, section#categories article.category .imageDeleter, section#categories article.category .imgUpload, #thisPage.smallFormat .yourComments form.helpDeskSubmission .buttonBar button, #thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission .submitOptions button, #thisPage.smallFormat section#threads article.topic dl dd button.deleteThread, .adminView .anonymize-wrap label, .adminView button.deletePost, .adminView button.editPost, .adminView button.midEdit,
.adminView button.deleteTagGlobal, .adminView button.deleteTerm, .adminView button.saveTerm,
.adminView select.adminSelect, .adminView button.renameButton, .adminView button.socialPost,
.adminView dd.anonymize, .adminView button.imageDeleter, .adminView button.deleteThread, .adminView button.renameSave, .adminView button.cancelSave {
  color: #FFF;
  background: rgba(0, 51, 115, 0.5);
  border: none;
  padding: 0 .5rem;
  height: 30px;
  min-width: 30px;
  font-size: .9rem;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
}

.searchAsk .searchGroup button:hover, .glossaryTerm .termImages button.deleteTag:hover, .glossaryTerm .termImages button.deleteImage:hover, .glossaryTerm .termImages button.deleteTagGlobal:hover, .glossaryTerm .termImages button.deleteImageGlobal:hover, .glossaryTerm .termTags button.deleteTag:hover, .glossaryTerm .termTags button.deleteImage:hover, .glossaryTerm .termTags button.deleteTagGlobal:hover, .glossaryTerm .termTags button.deleteImageGlobal:hover, section#categories article.category .imageDeleter:hover, section#categories article.category .imgUpload:hover, #thisPage.smallFormat .yourComments form.helpDeskSubmission .buttonBar button:hover, #thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission .submitOptions button:hover, #thisPage.smallFormat section#threads article.topic dl dd button.deleteThread:hover, .adminView .anonymize-wrap label:hover, .adminView button.deletePost:hover, .adminView button.editPost:hover, .adminView button.midEdit:hover,
.adminView button.deleteTagGlobal:hover, .adminView button.deleteTerm:hover, .adminView button.saveTerm:hover,
.adminView select.adminSelect:hover, .adminView button.renameButton:hover, .adminView button.socialPost:hover,
.adminView dd.anonymize:hover, .adminView button.imageDeleter:hover, .adminView button.deleteThread:hover, .adminView button.renameSave:hover, .adminView button.cancelSave:hover {
  background: rgba(0, 51, 115, 0.7);
}

.searchAsk .searchGroup input, .glossaryControl input.glossaryFilter, .glossaryTerm .definitionEdits input, .glossaryTerm .definitionEdits textarea, #thisPage.smallFormat .yourComments form.helpDeskSubmission textarea.newComment,
#thisPage.smallFormat .yourComments form.helpDeskSubmission fieldset input, #thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission input.questionTitle,
#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission textarea.question,
#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission select.questionCategory,
#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission fieldset input, .adminView textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  background: rgba(0, 51, 115, 0.05);
  border: 1px solid rgba(0, 51, 115, 0.2);
  font-family: inherit;
  transition: all 0.2s;
  font-size: 1rem;
  line-height: 1.3;
  margin: .3rem 0;
}

.searchAsk .searchGroup input:focus, .glossaryControl input.glossaryFilter:focus, .glossaryTerm .definitionEdits input:focus, .glossaryTerm .definitionEdits textarea:focus, #thisPage.smallFormat .yourComments form.helpDeskSubmission textarea.newComment:focus,
#thisPage.smallFormat .yourComments form.helpDeskSubmission fieldset input:focus, #thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission input.questionTitle:focus,
#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission textarea.question:focus,
#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission select.questionCategory:focus,
#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission fieldset input:focus, .adminView textarea:focus {
  outline: none;
  border-color: #003373;
}

.postHolder {
  background: #F9F9F9;
  z-index: 100;
}

.helpdesk-layout {
  display: grid;
  gap: clamp(1rem, 3vw, 4rem);
  width: 100%;
  max-width: 1500px;
  margin: 0 auto 3rem;
  padding: 2rem;
  grid-template-columns: 100%;
  grid-template-areas: "header"
 "main"
 "sidebar";
}

@media (max-width: 799px) {
  .helpdesk-layout {
    padding: 1rem;
  }
}

.helpdesk-layout header.disclaimer {
  grid-area: header;
  border: none;
  padding: 2rem 0 0;
}

@media (min-width: 1200px) {
  .helpdesk-layout {
    grid-template-columns: 1fr clamp(300px, 40%, 400px);
    grid-template-areas: "header header"
 "main sidebar";
    align-items: start;
  }
}

@media (min-width: 1200px) {
  .helpdesk-layout--full {
    grid-template-columns: 1fr;
    grid-template-areas: "header"
 "main";
  }
}

.readMe {
  grid-area: sidebar;
}

@media (min-width: 1200px) {
  .readMe {
    position: sticky;
    top: 2rem;
  }
}

.forum {
  grid-area: main;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

#threads nav:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.searchAsk {
  display: flex;
  align-items: stretch;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 799px) {
  .searchAsk {
    flex-direction: column;
  }
}

.searchAsk .searchGroup {
  display: flex;
  align-items: stretch;
  flex: 1;
  max-width: 600px;
}

.searchAsk .searchGroup input {
  border-right: none;
  border-radius: 4px 0 0 4px;
  margin: 0;
}

.searchAsk .searchGroup button {
  background: #003373;
  border-radius: 0 4px 4px 0;
  height: auto;
  padding: 0 1.5rem;
  font-weight: bold;
}

.searchAsk .askQuestion {
  display: flex;
  align-items: center;
  font-family: gilroyMedium, arial, sans-serif;
  transition: all .3s;
}

.searchAsk .askQuestion:hover {
  cursor: pointer;
}

.searchAsk .askQuestion:hover a {
  text-decoration: none;
}

.crumbs {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  color: #555;
  font-size: 1rem;
  border-bottom: 1px solid #CCC;
}

.crumbs a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.crumbs a:hover {
  text-decoration: none;
}

.crumbs a:after {
  content: "<";
  margin: 0 0.6rem;
  opacity: 0.5;
  font-weight: bold;
  text-decoration: none !important;
  color: #999 !important;
}

.crumbs span {
  opacity: 0.9;
}

@media (max-width: 799px) {
  .crumbs {
    font-size: 0.8rem;
    padding: 0.5rem;
  }
}

ul.pages {
  display: flex;
  list-style: none;
  gap: 0.4rem;
}

ul.pages.top, ul.pages.bottom {
  justify-content: flex-end;
}

ul.pages.bottom {
  margin-top: 2rem;
  width: 100%;
}

ul.pages li {
  min-width: 25px;
  height: 30px;
  border-radius: 4px;
  background-color: #003373;
  cursor: pointer;
  transition: background 0.2s;
}

ul.pages li a {
  text-decoration: none;
  color: white;
  font-size: 0.8rem;
  font-family: gilroySemiBold, arial, sans-serif;
}

ul.pages li:hover a {
  text-decoration: underline;
}

ul.pages li.onPage {
  background: rgba(0, 51, 115, 0.2);
  cursor: default;
}

ul.pages li.onPage a {
  color: #888;
  text-decoration: none;
  cursor: default;
}

.readMe dl {
  margin: 0;
}

.readMe dl dt {
  font-family: gilroyMedium, arial, sans-serif;
  color: #888;
  font-weight: bold;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.readMe dl dt:first-child {
  margin-top: 0;
}

.readMe dl dd {
  font-family: gilroyMedium, arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  color: #003373;
  margin-bottom: 1rem;
  position: relative;
  padding-left: 1.5rem;
  transition: transform 0.2s ease;
}

.readMe dl dd:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 0.7rem;
  height: 0.7rem;
  background-image: url("/img/frontChevron.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.8;
}

.readMe dl dd.forumLink, .readMe dl dd.glossaryLink {
  height: 45px;
  display: flex;
  align-items: center;
  padding-left: 55px;
}

.readMe dl dd.forumLink:before, .readMe dl dd.glossaryLink:before {
  width: 45px;
  height: 45px;
  background-image: url("/img/help_desk_qa.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px;
}

.readMe dl dd.glossaryLink:before {
  background-image: url("/img/glossary_qa.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 45px;
}

.readMe dl dd a {
  color: #003373;
  text-decoration: none;
}

.readMe dl dd a:hover {
  text-decoration: underline;
}

.readMe dl dd:hover:before {
  opacity: 1;
}

.readMe dl dd.hr {
  border-bottom: 1px solid #CCC;
  margin: 1.5rem 0;
  padding: 0;
  height: 0;
}

.readMe dl dd.hr:before {
  display: none;
}

.readMe .readMeArticle {
  margin-top: 1rem;
}

.readMe .readMeArticle img {
  width: 100%;
  height: auto;
  border: 1px solid #CCC;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  margin-bottom: 1.5rem;
}

.readMe .readMeArticle ul.tabLinks {
  display: flex;
  border-bottom: 1px solid #CCC;
  margin-bottom: 1.5rem;
  padding: 0;
  list-style: none;
}

.readMe .readMeArticle ul.tabLinks li {
  padding: 0.5rem 1rem;
  cursor: pointer;
  color: #777;
  font-size: 0.9rem;
  border-radius: 4px 4px 0 0;
  transition: all 0.2s;
}

.readMe .readMeArticle ul.tabLinks li:hover {
  color: #003373;
  background: rgba(0, 51, 115, 0.05);
}

.readMe .readMeArticle ul.tabLinks li.active {
  border: 1px solid #CCC;
  border-bottom: 1px solid #fff;
  background: #fff;
  color: #003373;
  font-weight: bold;
  margin-bottom: -1px;
}

@media (max-width: 799px) {
  .readMe .readMeArticle ul.tabLinks {
    flex-direction: column;
    border: none;
  }
  .readMe .readMeArticle ul.tabLinks li {
    width: 100%;
    text-align: center;
    margin-bottom: 0.25rem;
    background: rgba(204, 204, 204, 0.3);
  }
  .readMe .readMeArticle ul.tabLinks li.active {
    background: #003373;
    color: #fff;
    border: none;
  }
}

#glossary {
  width: 100%;
}

#glossary .glossaryTerm header {
  display: block;
}

#glossary .glossaryTerm header .homeLink a, #glossary .glossaryTerm header a.backLink {
  background-image: url("../../img/back-buttonBoma2.svg");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 25px;
  background-size: auto 1.2rem;
  display: block;
  padding-left: 25px;
  margin-bottom: 2rem;
  color: #003373;
  font-size: 1rem;
}

@media (min-width: 800px) {
  #glossary .glossaryTerm header h1 {
    padding-right: 10%;
  }
}

@media (min-width: 1200px) {
  #glossary .glossaryTerm header h1 {
    padding-right: 15%;
  }
}

#glossary .glossaryTerm header h1 span {
  display: block;
}

.glossaryControl {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 2rem 0;
}

@media (max-width: 799px) {
  .glossaryControl {
    flex-direction: column;
    gap: .5rem;
  }
}

.glossaryControl .addNewTerm {
  color: #003373;
  display: flex;
  align-items: center;
}

.glossaryControl .addNewTerm:before {
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-image: url("../../img/postFileTreePlus.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.glossaryControl input.glossaryFilter {
  background-image: url("../../img/searchForPropertyIcon.svg");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 25px;
  padding-left: 45px;
  max-width: 420px;
}

@media (max-width: 799px) {
  .glossaryControl input.glossaryFilter {
    max-width: 100%;
  }
}

.glossaryListing {
  flex: 1;
}

.glossaryListing h1 {
  border-bottom: 1px solid #BBB;
  padding-bottom: 1rem;
}

.glossaryListing dl.allTermsList {
  padding-left: 15px;
  list-style: none;
}

@media (min-width: 1200px) {
  .glossaryListing dl.allTermsList {
    column-count: 2;
    gap: 3rem;
  }
}

@media (min-width: 1600px) {
  .glossaryListing dl.allTermsList {
    column-count: 3;
    gap: 3rem;
  }
}

.glossaryListing dl.allTermsList dt {
  font-size: 2rem;
  padding-top: 1rem;
  color: rgba(0, 51, 115, 0.3);
  font-family: gilroyRegular, arial, sans-serif;
}

.glossaryListing dl.allTermsList dd {
  padding: 0 0 1.5rem;
  break-inside: avoid;
  background-size: 10px;
  list-style-position: outside;
}

.glossaryListing dl.allTermsList dd a {
  color: #003373;
  font-family: gilroySemiBold, arial, sans-serif;
  font-size: 1.1rem;
  text-decoration: none;
  border-bottom: 3px solid rgba(0, 51, 115, 0.1);
}

.glossaryListing dl.allTermsList dd a:hover {
  border-bottom: 3px solid rgba(0, 51, 115, 0.3);
}

.glossaryTerm {
  flex: 1;
}

.glossaryTerm header {
  border-bottom: 1px solid #BBB;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 1200px) {
  .glossaryTerm header {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}

.glossaryTerm p {
  font-size: clamp(1rem, 1vw, 1.2rem);
  line-height: 1.9;
}

.glossaryTerm .definitionEdits label {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
  color: #999;
  font-size: 1rem;
}

.glossaryTerm .definitionEdits textarea {
  height: 150px;
}

.glossaryTerm .termImages, .glossaryTerm .termTags {
  width: 100%;
  margin-top: 2rem;
}

.glossaryTerm .termImages h3, .glossaryTerm .termTags h3 {
  margin-bottom: .5rem;
  font-size: 1.2rem;
  color: #003373;
}

.glossaryTerm .termImages .holder ul, .glossaryTerm .termTags .holder ul {
  display: flex;
}

.glossaryTerm .termImages .holder ul, .glossaryTerm .termTags .holder ul {
  display: flex;
  min-height: 10rem;
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #CCC;
  border-radius: 10px;
  flex-wrap: wrap;
  gap: .5rem;
  list-style: none;
  background: rgba(0, 51, 115, 0.05);
}

.glossaryTerm .termImages .holder ul li, .glossaryTerm .termTags .holder ul li {
  padding: .2rem 1rem;
  border-radius: 25px;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 50px;
  cursor: pointer;
  background: #003373;
  color: #FFF;
}

.glossaryTerm .termImages .holder ul li.availableTag, .glossaryTerm .termTags .holder ul li.availableTag {
  background-color: rgba(0, 51, 115, 0.1);
  color: #003373;
}

.glossaryTerm .termImages .holder ul li.assignedTag, .glossaryTerm .termTags .holder ul li.assignedTag {
  background-color: #003373;
  color: #FFF;
}

.glossaryTerm .termImages button.deleteTag, .glossaryTerm .termImages button.deleteImage, .glossaryTerm .termImages button.deleteTagGlobal, .glossaryTerm .termImages button.deleteImageGlobal, .glossaryTerm .termTags button.deleteTag, .glossaryTerm .termTags button.deleteImage, .glossaryTerm .termTags button.deleteTagGlobal, .glossaryTerm .termTags button.deleteImageGlobal {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  font-size: 10px;
  background: #DF2030;
  cursor: pointer;
}

.glossaryTerm .termImages button.deleteTag:hover, .glossaryTerm .termImages button.deleteImage:hover, .glossaryTerm .termImages button.deleteTagGlobal:hover, .glossaryTerm .termImages button.deleteImageGlobal:hover, .glossaryTerm .termTags button.deleteTag:hover, .glossaryTerm .termTags button.deleteImage:hover, .glossaryTerm .termTags button.deleteTagGlobal:hover, .glossaryTerm .termTags button.deleteImageGlobal:hover {
  background: #DF2030;
}

.glossaryTerm img {
  width: clamp(50%, 80%, 800px);
  border: 1px solid #CCC;
}

@media (max-width: 799px) {
  .glossaryTerm img {
    width: 100%;
  }
}

section#categories {
  display: flex;
  flex-direction: column;
}

@media (max-width: 799px) {
  section#categories {
    margin: 1rem;
  }
}

section#categories article.category {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding: 2rem 0;
  transition: background-color 0.2s ease;
  cursor: pointer;
  border-bottom: 1px solid #CCC;
}

section#categories article.category:hover {
  background-color: rgba(0, 51, 115, 0.02);
}

section#categories article.category img.forumImage {
  width: 140px;
  height: auto;
  aspect-ratio: 4 / 3;
  border: 1px solid #CCC;
  border-radius: 4px;
  margin-right: 2rem;
  flex-shrink: 0;
  object-fit: cover;
}

@media (max-width: 799px) {
  section#categories article.category img.forumImage {
    width: 100px;
    margin-right: 1.5rem;
  }
}

section#categories article.category header {
  flex: 1;
}

section#categories article.category header h2 {
  margin-bottom: 0.5rem;
}

section#categories article.category header p {
  font-family: gilroyMedium, arial, sans-serif;
  color: #666;
  line-height: 1.5;
  font-size: 1rem;
  margin: 0;
}

section#categories article.category .imageDeleter, section#categories article.category .imgUpload {
  position: absolute;
  top: .5rem;
  left: .5rem;
  z-index: 10;
}

#thisPage.smallFormat .thread {
  padding: 2rem 0 0;
}

#thisPage.smallFormat section#discussion h1 {
  margin-bottom: .3rem;
}

#thisPage.smallFormat section#discussion article {
  border-bottom: 1px solid #CCC;
  padding: 2rem 2rem 2rem 0;
}

#thisPage.smallFormat section#discussion article.original {
  padding: 0 0 2rem;
}

@media (max-width: 799px) {
  #thisPage.smallFormat section#discussion article {
    padding: 1.5rem 0;
  }
}

#thisPage.smallFormat section#discussion article header {
  margin-bottom: 1.5rem;
}

#thisPage.smallFormat section#discussion article header h1 {
  display: flex;
  align-items: center;
}

#thisPage.smallFormat section#discussion article header dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 0.2rem;
}

#thisPage.smallFormat section#discussion article header dl dt, #thisPage.smallFormat section#discussion article header dl dd {
  display: flex;
  align-items: center;
  margin: 0;
}

#thisPage.smallFormat section#discussion article header dl dt:not(:last-child):after, #thisPage.smallFormat section#discussion article header dl dd:not(:last-child):after {
  content: "/";
  padding: 0 0.5rem;
  color: #BBB;
}

@media (max-width: 799px) {
  #thisPage.smallFormat section#discussion article header dl dt:not(:last-child):after, #thisPage.smallFormat section#discussion article header dl dd:not(:last-child):after {
    padding: 0 0.4rem;
  }
}

#thisPage.smallFormat section#discussion article header dl dt.name {
  font-weight: bold;
}

#thisPage.smallFormat section#discussion article header dl dd.anonymize label {
  gap: 0.3rem;
  cursor: pointer;
  color: #888;
  font-size: 0.85rem;
}

#thisPage.smallFormat section#discussion article header dl dd.anonymize label input {
  margin: 0;
}

#thisPage.smallFormat section#discussion article.expert header {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 799px) {
  #thisPage.smallFormat section#discussion article.expert header {
    flex-direction: column;
    align-items: flex-start;
  }
}

#thisPage.smallFormat section#discussion article.expert header:before {
  content: "Expert Response";
  display: inline-flex;
  padding: 0.8em 1em;
  background: #419f01;
  color: #FFF;
  border-radius: 4px;
  font-family: gilroyMedium, arial, sans-serif;
  font-size: 0.9rem;
}

#thisPage.smallFormat section#discussion article p {
  line-height: 1.6;
  margin: 1rem 0;
}

#thisPage.smallFormat .yourComments {
  margin-top: 2rem;
}

#thisPage.smallFormat .yourComments form.helpDeskSubmission textarea.newComment {
  min-height: 16rem;
  margin-bottom: 1.5rem;
}

#thisPage.smallFormat .yourComments form.helpDeskSubmission label {
  display: block;
  margin-bottom: 0.25rem;
}

#thisPage.smallFormat .yourComments form.helpDeskSubmission fieldset {
  border: none;
  padding: 0;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#thisPage.smallFormat .yourComments form.helpDeskSubmission fieldset legend {
  margin-bottom: 1rem;
  color: #BBB;
  font-family: gilroyBold, arial, sans-serif;
  font-size: .9rem;
}

#thisPage.smallFormat .yourComments form.helpDeskSubmission fieldset input {
  max-width: clamp(300px, 50%, 500px);
}

@media (max-width: 799px) {
  #thisPage.smallFormat .yourComments form.helpDeskSubmission fieldset input {
    max-width: 100%;
  }
}

#thisPage.smallFormat .yourComments form.helpDeskSubmission .buttonBar {
  display: flex;
  gap: 1rem;
}

#thisPage.smallFormat .yourComments form.helpDeskSubmission .buttonBar button {
  background: #003373;
  padding: 0.75rem 1.5rem;
  height: auto;
}

#thisPage.smallFormat .yourComments .streetBlurb p {
  margin: 1rem 0;
  line-height: 1.6;
}

#thisPage.smallFormat section#askQuestion .crumbs {
  margin-top: 1rem;
}

#thisPage.smallFormat section#askQuestion h2 {
  margin: 1.5rem 0;
}

#thisPage.smallFormat section#askQuestion article.category {
  border: none;
  padding: 1rem 0;
}

#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission {
  display: flex;
  flex-direction: column;
}

#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission select.questionCategory {
  max-width: clamp(300px, 50%, 450px);
  margin-bottom: 1.5rem;
  cursor: pointer;
  appearance: none;
  padding-right: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23003373' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 12px;
}

#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission select.questionCategory:hover {
  background-color: rgba(0, 51, 115, 0.08);
  border-color: rgba(0, 51, 115, 0.4);
}

#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission textarea.question {
  min-height: 20rem;
  margin-bottom: 2rem;
}

@media (max-width: 799px) {
  #thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission textarea.question {
    min-height: 12rem;
  }
}

#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission label {
  display: block;
  margin-bottom: 0.25rem;
}

#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission fieldset {
  border: none;
  padding: 0;
  margin: 0 0 2rem 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission fieldset input {
  max-width: clamp(300px, 50%, 500px);
}

#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission .g-recaptcha {
  margin-bottom: 2rem;
}

#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission .submitOptions {
  display: flex;
  gap: 1rem;
}

#thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission .submitOptions button {
  background: #003373;
  padding: 0.75rem 2rem;
  height: auto;
}

@media (max-width: 799px) {
  #thisPage.smallFormat section#askQuestion article.category form.helpDeskSubmission .submitOptions button {
    width: 100%;
  }
}

#thisPage.smallFormat section#threads {
  flex: 1;
}

#thisPage.smallFormat section#threads .noThreads {
  padding: 2rem 0;
  font-style: italic;
  color: #777;
}

#thisPage.smallFormat section#threads article.topic {
  border-bottom: 1px solid #CCC;
  padding: 1.5rem 0;
}

#thisPage.smallFormat section#threads article.topic header {
  margin-bottom: 0.5rem;
}

#thisPage.smallFormat section#threads article.topic header a {
  display: inline-block;
  color: #003373;
}

#thisPage.smallFormat section#threads article.topic dl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  width: 100%;
}

#thisPage.smallFormat section#threads article.topic dl dd {
  color: #777;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  font-size: 1rem;
}

#thisPage.smallFormat section#threads article.topic dl dd:not(:last-child):after {
  content: "/";
  padding: 0 0.75rem;
  color: #CCC;
}

@media (max-width: 799px) {
  #thisPage.smallFormat section#threads article.topic dl dd:not(:last-child):after {
    padding: 0 0.4rem;
  }
}

#thisPage.smallFormat section#threads article.topic dl dd:last-child {
  justify-content: flex-end;
}

#thisPage.smallFormat section#threads article.topic dl dd button.deleteThread {
  height: 24px;
  min-width: 24px;
  margin-left: 1rem;
}

.readMeArticle header {
  padding-bottom: 2rem;
}

.readMeArticle h1 {
  margin-right: 15%;
}

.readMeArticle h2 {
  margin: 2rem 20% .5rem 0;
}

@media (max-width: 799px) {
  .readMeArticle h2 {
    margin-bottom: .5rem;
  }
}

.readMeArticle strong {
  font-weight: normal;
  font-family: gilroySemiBold, arial, sans-serif;
}

.readMeArticle ul.tabLinks {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.readMeArticle ul.tabLinks li {
  border-radius: 5px 5px 0 0;
  padding: 1.5rem 1.3rem;
  text-align: center;
  cursor: pointer;
  transition: background 0.2s;
}

.readMeArticle ul.tabLinks li:hover {
  background-color: rgba(0, 51, 115, 0.07);
}

.readMeArticle ul.tabLinks li.active {
  border: 1px solid #CCC;
  border-bottom: 1px solid white;
  margin-bottom: -1px;
  position: relative;
  z-index: 2;
  background-color: white;
}

.readMeArticle dl {
  margin: 0 0 2rem;
}

@media (min-width: 800px) {
  .readMeArticle dl {
    font-size: 1.1rem;
  }
}

.readMeArticle dl dt {
  margin-bottom: 1rem;
  color: #888;
  font-size: 1rem;
}

.readMeArticle dl dd {
  position: relative;
  padding: 0.5rem 5rem 2rem 2rem;
  margin: 0;
  line-height: 1.5;
}

@media (max-width: 799px) {
  .readMeArticle dl dd {
    padding: 0.5rem 0 1.5rem 1.3rem;
  }
}

.readMeArticle dl dd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9em;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../../img/frontBomaArrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.readMeArticle .tabTarget {
  border-top: 1px solid #CCC;
  background-color: white;
  padding: 0;
  position: relative;
  z-index: 1;
}

.readMeArticle .tabTarget img {
  width: 100%;
  border: 1px solid #CCC;
  margin-bottom: 2rem;
}

.readMeArticle .editIll {
  border-top: 1px solid #CCC;
  display: block;
  padding: 1.5rem 0;
  font-style: italic;
  color: #777;
}

body {
  font-family: gilroyRegular, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
}

.pageContent {
  margin-top: 30px;
}

h1, h2, h3, h4 {
  font-family: gilroyMedium, arial, sans-serif;
  font-weight: normal;
  line-height: 1.1;
  color: #888;
}

h1 {
  font-size: clamp(1.5rem, 1.9vw, 2.4rem);
}

h2 {
  font-size: clamp(1.1rem, 1.6vw, 1.6rem);
}

header.underlined {
  border-bottom: 1px solid #CCC;
  margin-bottom: 2rem;
}

@media (max-width: 799px) {
  header.underlined {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}

p {
  margin-bottom: 2rem;
  line-height: 1.8;
}

@media (min-width: 800px) {
  p {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
  }
}

a, a:visited, a:active {
  color: #003373;
}

a:hover, a:visited:hover, a:active:hover {
  text-decoration: underline;
}

label {
  margin: 0;
}

header.disclaimer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
}

@media (min-width: 1200px) {
  header.disclaimer {
    flex-direction: row;
    margin-right: 7%;
    align-items: flex-end;
    gap: 2rem;
  }
}

header.disclaimer img {
  width: 100%;
  max-width: 440px;
  height: auto;
  flex-shrink: 0;
}

@media (max-width: 799px) {
  header.disclaimer img {
    max-width: 320px;
  }
}

header.disclaimer p {
  flex: 1;
  line-height: 1.5;
  padding: 1.5rem 3rem;
  background: rgba(0, 51, 115, 0.1);
  border-radius: 100px;
  color: #222;
  font-style: italic;
  font-family: gilroyRegular, arial, sans-serif;
  font-size: 1rem;
  margin: 0;
}

@media (max-width: 799px) {
  header.disclaimer p {
    width: 100%;
    padding: 1.25rem;
    border-radius: 10px;
    font-size: .9rem;
  }
}

.adminView h1 {
  display: flex;
  width: 100%;
  gap: .5rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .5rem;
  flex: 1;
}

.adminView h1 input {
  flex: 1;
  background: rgba(0, 51, 115, 0.05);
}

.adminView h1 input:focus {
  border-color: #003373;
}

.adminView .admin-flex-row, .adminView .post-header-row {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}

.adminView .anonymize {
  margin: 1rem 0;
}

.adminView .anonymize span {
  color: white;
  font-family: gilroyMedium, arial, sans-serif;
  font-size: .9rem;
}

.adminView .anonymize-wrap label {
  gap: 5px;
  font-size: 0.8rem;
}

.adminView .adminControls {
  padding: 1rem 0 0;
  display: flex;
  gap: .5rem;
}

.adminView input[type="checkbox"] {
  margin: 0;
  height: 18px;
  width: 18px;
}

.adminView #adminMover {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
  justify-content: flex-end;
}

.adminView textarea {
  height: 15rem;
}

/*# sourceMappingURL=helpDeskV2.css.map */