.panel2 {
  padding: 0px 7px !important;
}
@media (min-width: 601px) {
  .m-t-left {
    text-align: left;
  }
  .m-t-right {
    text-align: right;
  }
  .m-t-center {
    text-align: center;
  }
}
@media (min-width: 993px) {
  .l-t-left {
    text-align: left;
  }
  .l-t-right {
    text-align: right;
  }
  .l-t-center {
    text-align: center;
  }
}
.center-page {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
main {
  overflow: auto;
  height: auto;
  min-height: 900px;
}
@media (min-height: 900) {
  main {
    overflow: initial;
    height: initial;
    min-height: initial;
  }
}
.zoom-parent {
  width: 100% !important;
  height: 100% !important;
}
#zoombutton {
  margin-left: 5%;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
table {
  border-collapse: collapse;
  font-size: inherit;
}
@media (min-width: 601px) {
  .m-t-left {
    text-align: left;
  }
  .m-t-right {
    text-align: right;
  }
  .m-t-center {
    text-align: center;
  }
}
@media (min-width: 993px) {
  .l-t-left {
    text-align: left;
  }
  .l-t-right {
    text-align: right;
  }
  .l-t-center {
    text-align: center;
  }
}
.center-page {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* W3.CSS 4.10 February 2018 by Jan Egil and Borge Refsnes */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block3;
}
progress {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
figure {
  margin: 1em 2.5em;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
code,
kbd,
pre,
samp {
  font-family: 'Roboto Mono', 'Lucida Console', Monaco, monospace;
  font-size: 1em;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
}
optgroup {
  font-weight: bold;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 0.13333333rem;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -0.13333333rem;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
/* End extract */
html,
body {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
html {
  overflow-x: hidden;
}
h1 {
  font-size: 2.4rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.6rem;
}
h4 {
  font-size: 1.33333333rem;
}
h5 {
  font-size: 1.2rem;
}
h6 {
  font-size: 1.06666667rem;
}
.serif {
  font-family: serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin: 0.66666667rem 0;
}
.wide {
  letter-spacing: 0.26666667rem;
}
hr {
  border: 0;
  border-top: 1px solid #eee;
  margin: 1.33333333rem 0;
}
.image {
  max-width: 100%;
  height: auto;
}
img {
  vertical-align: middle;
}
a {
  color: inherit;
}
.table,
.table-all {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  display: table;
}
.table-all {
  border: 1px solid #ccc;
}
.bordered tr,
.table-all tr {
  border-bottom: 1px solid #ddd;
}
.striped tbody tr:nth-child(even) {
  background-color: #f1f1f1;
}
.table-all tr:nth-child(odd) {
  background-color: #fff;
}
.table-all tr:nth-child(even) {
  background-color: #f1f1f1;
}
.hoverable tbody tr:hover,
.ul.hoverable li:hover {
  background-color: #ccc;
}
.centered tr th,
.centered tr td {
  text-align: center;
}
.table td,
.table th,
.table-all td,
.table-all th {
  padding: 0.53333333rem 0.53333333rem;
  display: table-cell;
  vertical-align: top;
}
.table th:first-child,
.table td:first-child,
.table-all th:first-child,
.table-all td:first-child {
  padding-left: 1.06666667rem;
}
.btn,
.button {
  border: none;
  display: inline-block;
  padding: 0.53333333rem 1.06666667rem;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}
.btn:hover {
  box-shadow: 0 0.53333333rem 1.06666667rem 0 rgba(0, 0, 0, 0.2), 0 0.4rem 1.33333333rem 0 rgba(0, 0, 0, 0.19);
}
.btn,
.button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.disabled,
.btn:disabled,
.button:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.disabled *,
:disabled * {
  pointer-events: none;
}
.btn.disabled:hover,
.btn:disabled:hover {
  box-shadow: none;
}
.badge,
.tag {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding-left: 0.53333333rem;
  padding-right: 0.53333333rem;
  text-align: center;
}
.badge {
  border-radius: 50%;
}
.ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.ul li {
  padding: 0.53333333rem 1.06666667rem;
  border-bottom: 1px solid #ddd;
}
.ul li:last-child {
  border-bottom: none;
}
.tooltip,
.display-container {
  position: relative;
}
.tooltip .text {
  display: none;
}
.tooltip:hover .text {
  display: inline-block;
}
.ripple:active {
  opacity: 0.5;
}
.ripple {
  transition: opacity 0s;
}
.input {
  padding: 0.53333333rem;
  display: block;
  border: none;
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.select {
  padding: 0.6rem 0;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
}
.dropdown-click,
.dropdown-hover {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.dropdown-hover:hover .dropdown-content {
  display: block;
}
.dropdown-hover:first-child,
.dropdown-click:hover {
  background-color: #ccc;
  color: #000;
}
.dropdown-hover:hover > .button:first-child,
.dropdown-click:hover > .button:first-child {
  background-color: #ccc;
  color: #000;
}
.dropdown-content {
  cursor: auto;
  color: #000;
  background-color: #fff;
  display: none;
  position: absolute;
  min-width: 10.66666667rem;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.check,
.radio {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
  top: 0.4rem;
}
.sidebar {
  height: 100%;
  width: 13.33333333rem;
  background-color: #fff;
  position: fixed!important;
  z-index: 1;
  overflow: auto;
}
.bar-block .dropdown-hover,
.bar-block .dropdown-click {
  width: 100%;
}
.bar-block .dropdown-hover .dropdown-content,
.bar-block .dropdown-click .dropdown-content {
  min-width: 100%;
}
.bar-block .dropdown-hover .button,
.bar-block .dropdown-click .button {
  width: 100%;
  text-align: left;
  padding: 0.53333333rem 1.06666667rem;
}
.main,
#main {
  transition: margin-left 0.4s;
}
.modal {
  z-index: 3;
  display: none;
  padding-top: 6.66666667rem;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
  margin: auto;
  background-color: #fff;
  position: relative;
  padding: 0;
  outline: 0;
  width: 600px;
}
.bar {
  width: 100%;
  overflow: hidden;
}
.center .bar {
  display: inline-block;
  width: auto;
}
.bar .bar-item {
  padding: 0.53333333rem 1.06666667rem;
  float: left;
  width: auto;
  border: none;
  display: block;
  outline: 0;
}
.bar .dropdown-hover,
.bar .dropdown-click {
  position: static;
  float: left;
}
.bar .button {
  white-space: normal;
}
.bar-block .bar-item {
  width: 100%;
  display: block;
  padding: 0.53333333rem 1.06666667rem;
  text-align: left;
  border: none;
  white-space: normal;
  float: none;
  outline: 0;
}
.bar-block.center .bar-item {
  text-align: center;
}
.block {
  display: block;
  width: 100%;
}
.responsive {
  display: block;
  overflow-x: auto;
}
.container:after,
.container:before,
.panel:after,
.panel:before,
.row:after,
.row:before,
.row-padding:after,
.row-padding:before,
.cell-row:before,
.cell-row:after,
.clear:after,
.clear:before,
.bar:before,
.bar:after {
  content: "";
  display: table;
  clear: both;
}
.col,
.half,
.third,
.twothird,
.threequarter,
.quarter {
  float: left;
  width: 100%;
}
.ecol {
  min-height: 1px;
}
.col.s1 {
  width: 8.33333%;
}
.col.s2 {
  width: 16.66666%;
}
.col.s3 {
  width: 24.99999%;
}
.col.s4 {
  width: 33.33333%;
}
.col.s5 {
  width: 41.66666%;
}
.col.s6 {
  width: 49.99999%;
}
.col.s7 {
  width: 58.33333%;
}
.col.s8 {
  width: 66.66666%;
}
.col.s9 {
  width: 74.99999%;
}
.col.s10 {
  width: 83.33333%;
}
.col.s11 {
  width: 91.66666%;
}
.col.s12 {
  width: 99.99999%;
}
@media (min-width: 601px) {
  .col.m1 {
    width: 8.33333%;
  }
  .col.m2 {
    width: 16.66666%;
  }
  .col.m3,
  .quarter {
    width: 24.99999%;
  }
  .col.m4,
  .third {
    width: 33.33333%;
  }
  .col.m5 {
    width: 41.66666%;
  }
  .col.m6,
  .half {
    width: 49.99999%;
  }
  .col.m7 {
    width: 58.33333%;
  }
  .col.m8,
  .twothird {
    width: 66.66666%;
  }
  .col.m9,
  .threequarter {
    width: 74.99999%;
  }
  .col.m10 {
    width: 83.33333%;
  }
  .col.m11 {
    width: 91.66666%;
  }
  .col.m12 {
    width: 99.99999%;
  }
}
@media (min-width: 993px) {
  .col.l1 {
    width: 8.33333%;
  }
  .col.l2 {
    width: 16.66666%;
  }
  .col.l3 {
    width: 24.99999%;
  }
  .col.l4 {
    width: 33.33333%;
  }
  .col.l5 {
    width: 41.66666%;
  }
  .col.l6 {
    width: 49.99999%;
  }
  .col.l7 {
    width: 58.33333%;
  }
  .col.l8 {
    width: 66.66666%;
  }
  .col.l9 {
    width: 74.99999%;
  }
  .col.l10 {
    width: 83.33333%;
  }
  .col.l11 {
    width: 91.66666%;
  }
  .col.l12 {
    width: 99.99999%;
  }
}
.content {
  max-width: 980px;
  margin: auto;
}
.rest {
  overflow: hidden;
}
.cell-row {
  display: table;
  width: 100%;
}
.cell {
  display: table-cell;
}
.cell-top {
  vertical-align: top;
}
.cell-middle {
  vertical-align: middle;
}
.cell-bottom {
  vertical-align: bottom;
}
.hide {
  display: none !important;
}
.show-block,
.show {
  display: block !important;
}
.show-inline-block {
  display: inline-block !important;
}
@media (max-width: 600px) {
  .modal-content {
    margin: 0 0.66666667rem;
    width: auto !important;
  }
  .modal {
    padding-top: 2rem;
  }
  .dropdown-hover.mobile .dropdown-content,
  .dropdown-click.mobile .dropdown-content {
    position: relative;
  }
  .hide-small {
    display: none !important;
  }
  .mobile {
    display: block;
    width: 100% !important;
  }
  .bar-item.mobile,
  .dropdown-hover.mobile,
  .dropdown-click.mobile {
    text-align: center;
  }
  .dropdown-hover.mobile,
  .dropdown-hover.mobile .btn,
  .dropdown-hover.mobile .button,
  .dropdown-click.mobile,
  .dropdown-click.mobile .btn,
  .dropdown-click.mobile .button {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .modal-content {
    width: 501px;
  }
  .modal {
    padding-top: 3.33333333rem;
  }
}
@media (min-width: 993px) {
  .modal-content {
    width: 901px;
  }
  .hide-large {
    display: none !important;
  }
  .sidebar.collapse {
    display: block !important;
  }
}
@media (max-width: 992px) and (min-width: 601px) {
  .hide-medium {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .sidebar.collapse {
    display: none;
  }
  .main {
    margin-left: 0!important;
    margin-right: 0 !important;
  }
}
.top,
.bottom {
  position: fixed;
  width: 100%;
  z-index: 1;
}
.top {
  top: 0;
}
.bottom {
  bottom: 0;
}
.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.full-window {
  position: fixed;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
}
.display-topleft {
  position: absolute;
  left: 0;
  top: 0;
}
.display-topright {
  position: absolute;
  right: 0;
  top: 0;
}
.display-bottomleft {
  position: absolute;
  left: 0;
  bottom: 0;
}
.display-bottomright {
  position: absolute;
  right: 0;
  bottom: 0;
}
.display-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.display-left {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
}
.display-right {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
}
.display-topmiddle {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
}
.display-bottommiddle {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
}
.display-container:hover .display-hover {
  display: block;
}
.display-container:hover span.display-hover {
  display: inline-block;
}
.display-hover {
  display: none;
}
.display-position {
  position: absolute;
}
.circle {
  border-radius: 50%;
}
.round-small {
  border-radius: 0.13333333rem;
}
.round,
.round-medium {
  border-radius: 0.26666667rem;
}
.round-large {
  border-radius: 0.53333333rem;
}
.round-xlarge {
  border-radius: 1.06666667rem;
}
.round-xxlarge {
  border-radius: 2.13333333rem;
}
.row-padding,
.row-padding > .half,
.row-padding > .third,
.row-padding > .twothird,
.row-padding > .threequarter,
.row-padding > .quarter,
.row-padding > .col {
  padding: 0 0.53333333rem;
}
.container,
.panel {
  padding: 0.01em 1.06666667rem;
}
.panel {
  margin-top: 1.06666667rem;
  margin-bottom: 1.06666667rem;
}
.code,
.codespan {
  font-family: 'Roboto Mono', 'Lucida Console', Monaco, monospace;
  font-size: 1.06666667rem;
}
.code {
  width: auto;
  background-color: #fff;
  padding: 0.53333333rem 0.8rem;
  border-left: 0.26666667rem solid #4CAF50;
  word-wrap: break-word;
}
.codespan {
  color: crimson;
  background-color: #f1f1f1;
  padding-left: 0.26666667rem;
  padding-right: 0.26666667rem;
  font-size: 110%;
}
.card,
.card-2 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.card-4,
.hover-shadow:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.spin {
  animation: w3-spin 2s infinite linear;
}
@keyframes w3-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.animate-fading {
  animation: fading 10s infinite;
}
@keyframes fading {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.animate-opacity {
  animation: opac 0.8s;
}
@keyframes opac {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate-top {
  position: relative;
  animation: animatetop 0.4s;
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.animate-left {
  position: relative;
  animation: animateleft 0.4s;
}
@keyframes animateleft {
  from {
    left: -300px;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
.animate-right {
  position: relative;
  animation: animateright 0.4s;
}
@keyframes animateright {
  from {
    right: -300px;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}
.animate-bottom {
  position: relative;
  animation: animatebottom 0.4s;
}
@keyframes animatebottom {
  from {
    bottom: -300px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
.animate-zoom {
  animation: animatezoom 0.6s;
}
@keyframes animatezoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.animate-input {
  transition: width 0.4s ease-in-out;
}
.animate-input:focus {
  width: 100% !important;
}
.opacity,
.hover-opacity:hover {
  opacity: 0.6;
}
.opacity-off,
.hover-opacity-off:hover {
  opacity: 1;
}
.opacity-max {
  opacity: 0.25;
}
.opacity-min {
  opacity: 0.75;
}
.greyscale-max,
.grayscale-max,
.hover-greyscale:hover,
.hover-grayscale:hover {
  filter: grayscale(100%);
}
.greyscale,
.grayscale {
  filter: grayscale(75%);
}
.greyscale-min,
.grayscale-min {
  filter: grayscale(50%);
}
.sepia {
  filter: sepia(75%);
}
.sepia-max,
.hover-sepia:hover {
  filter: sepia(100%);
}
.sepia-min {
  filter: sepia(50%);
}
.tiny {
  font-size: 0.66666667rem !important;
}
.small {
  font-size: 0.8rem !important;
}
.medium {
  font-size: 1rem !important;
}
.large {
  font-size: 1.2rem !important;
}
.xlarge {
  font-size: 1.6rem !important;
}
.xxlarge {
  font-size: 2.4rem !important;
}
.xxxlarge {
  font-size: 3.2rem !important;
}
.jumbo {
  font-size: 4.26666667rem !important;
}
.left-align {
  text-align: left !important;
}
.right-align {
  text-align: right !important;
}
.justify {
  text-align: justify !important;
}
.center {
  text-align: center !important;
}
.border-0 {
  border: 0 !important;
}
.border {
  border: 1px solid #ccc !important;
}
.border-top {
  border-top: 1px solid #ccc !important;
}
.border-bottom {
  border-bottom: 1px solid #ccc !important;
}
.border-left {
  border-left: 1px solid #ccc !important;
}
.border-right {
  border-right: 1px solid #ccc !important;
}
.topbar {
  border-top: 0.4rem solid #ccc !important;
}
.bottombar {
  border-bottom: 0.4rem solid #ccc !important;
}
.leftbar {
  border-left: 0.4rem solid #ccc !important;
}
.rightbar {
  border-right: 0.4rem solid #ccc !important;
}
.section,
.code {
  margin-top: 1.06666667rem !important;
  margin-bottom: 1.06666667rem !important;
}
.margin {
  margin: 1.06666667rem !important;
}
.margin-top {
  margin-top: 1.06666667rem !important;
}
.margin-bottom {
  margin-bottom: 1.06666667rem !important;
}
.margin-left {
  margin-left: 1.06666667rem !important;
}
.margin-right {
  margin-right: 1.06666667rem !important;
}
.padding-small {
  padding: 0.26666667rem 0.53333333rem !important;
}
.padding {
  padding: 0.53333333rem 1.06666667rem !important;
}
.padding-large {
  padding: 0.8rem 1.6rem !important;
}
.padding-16 {
  padding-top: 1.06666667rem !important;
  padding-bottom: 1.06666667rem !important;
}
.padding-24 {
  padding-top: 1.6rem !important;
  padding-bottom: 1.6rem !important;
}
.padding-32 {
  padding-top: 2.13333333rem !important;
  padding-bottom: 2.13333333rem !important;
}
.padding-48 {
  padding-top: 3.2rem !important;
  padding-bottom: 3.2rem !important;
}
.padding-64 {
  padding-top: 4.26666667rem !important;
  padding-bottom: 4.26666667rem !important;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.button:hover {
  color: #000 !important;
  background-color: #ccc !important;
}
.transparent,
.hover-none:hover {
  background-color: transparent !important;
}
.hover-none:hover {
  box-shadow: none !important;
}
/* Colors */
.amber,
.hover-amber:hover {
  color: #000 !important;
  background-color: #ffc107 !important;
}
.aqua,
.hover-aqua:hover {
  color: #000 !important;
  background-color: #00ffff !important;
}
.blue,
.hover-blue:hover {
  color: #fff !important;
  background-color: #2196F3 !important;
}
.light-blue,
.hover-light-blue:hover {
  color: #000 !important;
  background-color: #87CEEB !important;
}
.brown,
.hover-brown:hover {
  color: #fff !important;
  background-color: #795548 !important;
}
.cyan,
.hover-cyan:hover {
  color: #000 !important;
  background-color: #00bcd4 !important;
}
.blue-grey,
.hover-blue-grey:hover,
.blue-gray,
.hover-blue-gray:hover {
  color: #fff !important;
  background-color: #607d8b !important;
}
.green,
.hover-green:hover {
  color: #fff !important;
  background-color: #4CAF50 !important;
}
.light-green,
.hover-light-green:hover {
  color: #000 !important;
  background-color: #8bc34a !important;
}
.indigo,
.hover-indigo:hover {
  color: #fff !important;
  background-color: #3f51b5 !important;
}
.khaki,
.hover-khaki:hover {
  color: #000 !important;
  background-color: #f0e68c !important;
}
.lime,
.hover-lime:hover {
  color: #000 !important;
  background-color: #cddc39 !important;
}
.orange,
.hover-orange:hover {
  color: #000 !important;
  background-color: #ff9800 !important;
}
.deep-orange,
.hover-deep-orange:hover {
  color: #fff !important;
  background-color: #ff5722 !important;
}
.pink,
.hover-pink:hover {
  color: #fff !important;
  background-color: #e91e63 !important;
}
.purple,
.hover-purple:hover {
  color: #fff !important;
  background-color: #9c27b0 !important;
}
.deep-purple,
.hover-deep-purple:hover {
  color: #fff !important;
  background-color: #673ab7 !important;
}
.red,
.hover-red:hover {
  color: #fff !important;
  background-color: #f44336 !important;
}
.sand,
.hover-sand:hover {
  color: #000 !important;
  background-color: #fdf5e6 !important;
}
.teal,
.hover-teal:hover {
  color: #fff !important;
  background-color: #009688 !important;
}
.yellow,
.hover-yellow:hover {
  color: #000 !important;
  background-color: #ffeb3b !important;
}
.white,
.hover-white:hover {
  color: #000 !important;
  background-color: #fff !important;
}
.black,
.hover-black:hover {
  color: #fff !important;
  background-color: #000 !important;
}
.grey,
.hover-grey:hover,
.gray,
.hover-gray:hover {
  color: #000 !important;
  background-color: #9e9e9e !important;
}
.light-grey,
.hover-light-grey:hover,
.light-gray,
.hover-light-gray:hover {
  color: #000 !important;
  background-color: #f1f1f1 !important;
}
.dark-grey,
.hover-dark-grey:hover,
.dark-gray,
.hover-dark-gray:hover {
  color: #fff !important;
  background-color: #616161 !important;
}
.pale-red,
.hover-pale-red:hover {
  color: #000 !important;
  background-color: #ffdddd !important;
}
.pale-green,
.hover-pale-green:hover {
  color: #000 !important;
  background-color: #ddffdd !important;
}
.pale-yellow,
.hover-pale-yellow:hover {
  color: #000 !important;
  background-color: #ffffcc !important;
}
.pale-blue,
.hover-pale-blue:hover {
  color: #000 !important;
  background-color: #ddffff !important;
}
.text-amber,
.hover-text-amber:hover {
  color: #ffc107 !important;
}
.text-aqua,
.hover-text-aqua:hover {
  color: #00ffff !important;
}
.text-blue,
.hover-text-blue:hover {
  color: #2196F3 !important;
}
.text-light-blue,
.hover-text-light-blue:hover {
  color: #87CEEB !important;
}
.text-brown,
.hover-text-brown:hover {
  color: #795548 !important;
}
.text-cyan,
.hover-text-cyan:hover {
  color: #00bcd4 !important;
}
.text-blue-grey,
.hover-text-blue-grey:hover,
.text-blue-gray,
.hover-text-blue-gray:hover {
  color: #607d8b !important;
}
.text-green,
.hover-text-green:hover {
  color: #4CAF50 !important;
}
.text-light-green,
.hover-text-light-green:hover {
  color: #8bc34a !important;
}
.text-indigo,
.hover-text-indigo:hover {
  color: #3f51b5 !important;
}
.text-khaki,
.hover-text-khaki:hover {
  color: #b4aa50 !important;
}
.text-lime,
.hover-text-lime:hover {
  color: #cddc39 !important;
}
.text-orange,
.hover-text-orange:hover {
  color: #ff9800 !important;
}
.text-deep-orange,
.hover-text-deep-orange:hover {
  color: #ff5722 !important;
}
.text-pink,
.hover-text-pink:hover {
  color: #e91e63 !important;
}
.text-purple,
.hover-text-purple:hover {
  color: #9c27b0 !important;
}
.text-deep-purple,
.hover-text-deep-purple:hover {
  color: #673ab7 !important;
}
.text-red,
.hover-text-red:hover {
  color: #f44336 !important;
}
.text-sand,
.hover-text-sand:hover {
  color: #fdf5e6 !important;
}
.text-teal,
.hover-text-teal:hover {
  color: #009688 !important;
}
.text-yellow,
.hover-text-yellow:hover {
  color: #d2be0e !important;
}
.text-white,
.hover-text-white:hover {
  color: #fff !important;
}
.text-black,
.hover-text-black:hover {
  color: #000 !important;
}
.text-grey,
.hover-text-grey:hover,
.text-gray,
.hover-text-gray:hover {
  color: #757575 !important;
}
.text-light-grey,
.hover-text-light-grey:hover,
.text-light-gray,
.hover-text-light-gray:hover {
  color: #f1f1f1 !important;
}
.text-dark-grey,
.hover-text-dark-grey:hover,
.text-dark-gray,
.hover-text-dark-gray:hover {
  color: #3a3a3a !important;
}
.border-amber,
.hover-border-amber:hover {
  border-color: #ffc107 !important;
}
.border-aqua,
.hover-border-aqua:hover {
  border-color: #00ffff !important;
}
.border-blue,
.hover-border-blue:hover {
  border-color: #2196F3 !important;
}
.border-light-blue,
.hover-border-light-blue:hover {
  border-color: #87CEEB !important;
}
.border-brown,
.hover-border-brown:hover {
  border-color: #795548 !important;
}
.border-cyan,
.hover-border-cyan:hover {
  border-color: #00bcd4 !important;
}
.border-blue-grey,
.hover-border-blue-grey:hover,
.border-blue-gray,
.hover-border-blue-gray:hover {
  border-color: #607d8b !important;
}
.border-green,
.hover-border-green:hover {
  border-color: #4CAF50 !important;
}
.border-light-green,
.hover-border-light-green:hover {
  border-color: #8bc34a !important;
}
.border-indigo,
.hover-border-indigo:hover {
  border-color: #3f51b5 !important;
}
.border-khaki,
.hover-border-khaki:hover {
  border-color: #f0e68c !important;
}
.border-lime,
.hover-border-lime:hover {
  border-color: #cddc39 !important;
}
.border-orange,
.hover-border-orange:hover {
  border-color: #ff9800 !important;
}
.border-deep-orange,
.hover-border-deep-orange:hover {
  border-color: #ff5722 !important;
}
.border-pink,
.hover-border-pink:hover {
  border-color: #e91e63 !important;
}
.border-purple,
.hover-border-purple:hover {
  border-color: #9c27b0 !important;
}
.border-deep-purple,
.hover-border-deep-purple:hover {
  border-color: #673ab7 !important;
}
.border-red,
.hover-border-red:hover {
  border-color: #f44336 !important;
}
.border-sand,
.hover-border-sand:hover {
  border-color: #fdf5e6 !important;
}
.border-teal,
.hover-border-teal:hover {
  border-color: #009688 !important;
}
.border-yellow,
.hover-border-yellow:hover {
  border-color: #ffeb3b !important;
}
.border-white,
.hover-border-white:hover {
  border-color: #fff !important;
}
.border-black,
.hover-border-black:hover {
  border-color: #000 !important;
}
.border-grey,
.hover-border-grey:hover,
.border-gray,
.hover-border-gray:hover {
  border-color: #9e9e9e !important;
}
.border-light-grey,
.hover-border-light-grey:hover,
.border-light-gray,
.hover-border-light-gray:hover {
  border-color: #f1f1f1 !important;
}
.border-dark-grey,
.hover-border-dark-grey:hover,
.border-dark-gray,
.hover-border-dark-gray:hover {
  border-color: #616161 !important;
}
.border-pale-red,
.hover-border-pale-red:hover {
  border-color: #ffe7e7 !important;
}
.border-pale-green,
.hover-border-pale-green:hover {
  border-color: #e7ffe7 !important;
}
.border-pale-yellow,
.hover-border-pale-yellow:hover {
  border-color: #ffffcc !important;
}
.border-pale-blue,
.hover-border-pale-blue:hover {
  border-color: #e7ffff !important;
}
/** Some very basic quick formating **/
.b {
  font-weight: 700 !important;
  font-weight: bold !important;
}
.n {
  font-weight: normal;
}
.i {
  font-style: italic;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.fixed {
  position: fixed;
}
.inline {
  display: inline-block !important;
}
.spacer {
  display: inline-block;
  width: 1rem;
}
.pointer {
  cursor: pointer;
}
.d-none {
  display: none;
}
.visible {
  visibility: visible !important;
}
.smaller {
  font-size: 0.875em;
}
.f12 {
  font-size: 0.75em;
}
.f10 {
  font-size: 0.625em;
}
.nw {
  white-space: nowrap;
}
.t-center {
  text-align: center;
}
.t-left {
  text-align: left;
}
.t-right {
  text-align: right;
}
.f-right {
  float: right;
}
.f-left {
  float: left;
}
.abs-bottom-right {
  position: absolute;
  right: 0;
  bottom: 0;
}
.hv-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.aline {
  line-height: normal;
}
.t-black {
  color: #000;
}
.t-red {
  color: red;
}
.t-green {
  color: green;
}
.t-orange {
  color: darkorange;
}
.t-blue {
  color: darkcyan;
}
.t-yellow {
  color: yellow;
}
.t-dk-yellow {
  color: #e5e600;
}
.t-light {
  color: #999;
}
.t-ulight {
  color: #ccc;
}
.t-brand {
  color: #1d6ea2;
}
.t-cta {
  color: #124772;
}
.t-accent {
  color: #0095f0;
}
.bk-white {
  background-color: white;
}
.blue {
  color: #fff !important;
  background-color: #1e6ea4 !important;
}
.blue:hover {
  background-color: #185880 !important;
  color: #fff !important;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}
.single-line {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.f-clear {
  clear: both;
}
input[type="submit"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
a,
a:hover,
a:visited,
a:active {
  cursor: pointer;
}
.light {
  color: #999;
}
.color-error {
  color: #b00;
}
.empty-none:empty {
  display: none;
}
.table-row-highlight tbody > tr.h:hover {
  background-color: #eef;
  cursor: pointer;
}
.a-row a + a {
  margin-left: 1em;
}
.a-row.sep a + a {
  margin-left: 0.5em;
}
.a-row.sep a + a:before {
  position: relative;
  top: -0.09375em;
  color: black;
  content: "|";
  padding-right: 0.5em;
}
.nobr {
  white-space: nowrap;
}
.em1 {
  padding: 1em 0em 0em 0em;
  height: 0;
}
.emh {
  padding: 0.5em 0em 0em 0em;
  height: 0;
}
.nom {
  margin: 0em !important;
}
.bottom-em1 {
  padding-bottom: 1em;
}
.bottom-emh {
  padding-bottom: 0.5em;
}
pre.formated {
  white-space: pre-wrap;
  font-family: 'Roboto', sans-serif;
}
.note-color {
  background-color: #ffff80;
}
.small-p-top {
  padding-top: 0.75em;
}
.small-p-bottom {
  padding-bottom: 0.75em;
}
.small-p-left {
  padding-left: 0.75em;
}
.small-p-right {
  padding-right: 0.75em;
}
.row-spacing-small > .row + .row {
  padding-top: 0.75em;
}
.m-small-spacing .row + .row {
  padding-top: 0.75em;
}
.m-small-spacing .col + .col {
  padding-left: inherit;
  padding-top: 0.75em;
}
@media only screen and (min-width: 601px) {
  .m-small-spacing .col + .col {
    padding-left: 0.75em;
    padding-top: 0;
  }
}
.l-small-spacing .row + .row {
  padding-top: 0.75em;
}
.l-small-spacing .col + .col {
  padding-left: inherit;
  padding-top: 0.75em;
}
@media only screen and (min-width: 769px) {
  .l-small-spacing .col + .col {
    padding-left: 0.75em;
    padding-top: 0;
  }
}
.no-spacing .row + .row {
  padding-top: 0;
}
.no-spacing .col + .col {
  padding-left: 0;
  padding-top: 0;
}
/* If empty will take no space... if non-empty will have a padding of 1em */
.pad-bar > * + * {
  padding-left: 1em;
}
.pad-bar > * + *:empty {
  padding-left: 0em;
}
.mar-bar {
  margin-top: 1em;
}
.mar-bar * {
  vertical-align: middle;
}
.mar-bar.no-v {
  margin-top: 0;
}
.mar-bar:empty {
  margin: 0;
}
.mar-bar > * + * {
  margin-left: 1em;
}
.mar-bar > * + *:empty {
  margin-left: 0em;
}
.mar-bar > :not(.button) + :not(.button):before {
  content: '|';
  color: #999;
  margin-right: 1em;
}
.mar {
  margin: 1em;
}
.memed {
  margin: 0.75em 0.75em;
}
.v-pad-em {
  padding-bottom: 1em;
  padding-top: 1em;
}
.vs15 {
  line-height: 15px;
  height: 15px;
}
.close-outside {
  display: inline-block;
}
.theme-l5 {
  color: #000 !important;
  background-color: #e9fffd !important;
}
.theme-l4 {
  color: #000 !important;
  background-color: #b7fff8 !important;
}
.theme-l3 {
  color: #000 !important;
  background-color: #6efff1 !important;
}
.theme-l2 {
  color: #000 !important;
  background-color: #26ffe9 !important;
}
.theme-l1 {
  color: #fff !important;
  background-color: #00dcc6 !important;
}
.theme-d1 {
  color: #fff !important;
  background-color: #008578 !important;
}
.theme-d2 {
  color: #fff !important;
  background-color: #00766a !important;
}
.theme-d3 {
  color: #fff !important;
  background-color: #00685d !important;
}
.theme-d4 {
  color: #fff !important;
  background-color: #005950 !important;
}
.theme-d5 {
  color: #fff !important;
  background-color: #004a43 !important;
}
.theme-light {
  color: #000 !important;
  background-color: #e9fffd !important;
}
.theme-dark {
  color: #fff !important;
  background-color: #004a43 !important;
}
.theme-action {
  color: #fff !important;
  background-color: #004a43 !important;
}
.theme {
  color: #fff !important;
  background-color: #009688 !important;
}
.text-theme {
  color: #009688 !important;
}
.border-theme {
  border-color: #009688 !important;
}
.hover-theme:hover {
  color: #fff !important;
  background-color: #009688 !important;
}
.hover-text-theme:hover {
  color: #009688 !important;
}
.hover-border-theme:hover {
  border-color: #009688 !important;
}
html,
body {
  font-family: 'Heebo Regular', 'Helvetica', sans-serif;
  font-size: 3.75vw;
}
@media (min-width: 401px) {
  html,
  body {
    font-size: 15px;
  }
}
html h1,
body h1 {
  font-family: 'Avenir Next Bold';
}
html h2,
body h2 {
  font-family: 'Avenir Next-DemiBold';
}
html h3,
body h3 {
  font-family: 'Avenir Next-Medium';
}
form {
  margin: 0em;
  padding: 0em;
}
.b {
  font-weight: 700;
}
.n {
  font-weight: 400;
}
.l {
  font-weight: 300;
}
a,
a:visited,
a:active {
  text-decoration: none;
  color: #1e6ea4;
}
a.a-hide,
a:visited.a-hide,
a:active.a-hide {
  color: transparent;
}
a:hover {
  color: #185880;
}
a.grey-link,
a.grey-link:visited,
a.grey-link:active {
  text-decoration: none;
  color: #888;
}
a.grey-link:hover {
  color: #185880;
}
.mod-a-colorless a,
.mod-a-colorless a:visited,
.mod-a-colorless a:active {
  text-decoration: none;
  color: inherit;
}
.mod-a-colorless a:hover {
  color: #185880;
}
[data-action] {
  cursor: pointer;
}
.hover-highlight {
  transition: background-color 0.4s;
  background-color: #fff;
}
.hover-highlight:hover {
  background-color: #eee;
}
table.mod-td-space td + td {
  padding-left: 0.5em;
}
table.mod-tr-space tr + tr td {
  padding-top: 0.5em;
}
table.mod-padded td {
  padding: 0.25em 1em;
}
table.mod-stats td {
  padding: 0.375em 0.5em 0.375em 0em;
}
table.mod-stats tr.header td {
  font-weight: 700;
  font-size: 1.125em;
  padding: 0.75em 0.5em 0.375em 0em;
}
table.mod-stats tr.item td {
  padding-left: 0.5em;
}
table.mod-stats tr.item td:nth-child(1) {
  padding-left: 1.5em;
}
table.mod-stats tr.item td:nth-child(2) {
  text-align: right;
  font-weight: 700;
}
table.mod-stats tr.item td.x {
  color: red;
}
table.mod-stats tr.item + tr.item {
  position: relative;
  border-top: 1px DOTTED #ddd;
}
table.mod-settings {
  width: 100%;
}
table.mod-settings tr + tr {
  border-top: 1px SOLID #ddd;
}
table.mod-settings tr:hover {
  background-color: #f0f0ff;
}
table.mod-settings td {
  height: 2em;
  padding: 0.5em 1em;
}
table.mod-settings td:last-child {
  text-align: right;
}
table.mod-settings td:first-child {
  white-space: nowrap;
}
table.mod-settings td:nth-child(2) {
  width: 100%;
}
table.mod-sort td,
table.mod-sort th {
  height: 1.75em;
  padding: 0em 0.5em;
  vertical-align: middle;
}
table.mod-sort th {
  background-color: #007fff;
  color: #ffffff;
  font-weight: 400;
}
table.mod-sort th.off {
  background-color: transparent;
  border-bottom: 0;
  color: inherit;
}
table.mod-sort tr:last-child th {
  border-bottom: 1px SOLID #ccc;
}
table.mod-sort tr:not(:first-child) th {
  height: 1.5em;
}
table.mod-sort th[data-action] .sort {
  position: relative;
  display: inline-block;
  padding-right: 1.125em;
}
table.mod-sort th[data-action] .sort:after {
  position: absolute;
  top: 0.375em;
  right: 0em;
  content: "";
  width: 0em;
  height: 0em;
  border-bottom: 0;
  border-left: 0.3125em SOLID transparent;
  border-right: 0.3125em SOLID transparent;
  border-top: 0.625em SOLID #004c99;
}
table.mod-sort th[data-action]:hover {
  color: #7ffef0;
}
table.mod-sort th[data-action].down .sort:after {
  border-top-color: #ffffff;
}
table.mod-sort th[data-action].up .sort:after {
  top: 0.1875em;
  width: 0em;
  height: 0em;
  border-top: 0;
  border-left: 0.34375em SOLID transparent;
  border-right: 0.34375em SOLID transparent;
  border-bottom: 0.6875em SOLID #ffffff;
}
table.mod-sort th[data-action].up:hover .sort:after {
  border-bottom-color: #7ffef0;
}
table.mod-sort th[data-action].down:hover .sort:after {
  border-top-color: #7ffef0;
}
table.mod-sort tr[data-action]:hover {
  background-color: #f0f0ff;
}
table.mod-sort tr:nth-child(even) {
  background-color: #F2F2F2;
}
table.mod-sort tr:nth-child(even)[data-action]:hover {
  background-color: #dcdcff;
}
table.mod-sort tr:first-child th {
  padding: 0.5em 0em 0.25em 0em;
}
table.mod-sort tr:nth-child(2) th {
  padding: 0.25em 0.5em 0.5em 0.5em;
}
table.mod-sort [data-action]:hover {
  background-color: #009688;
  color: #fff;
}
table.mod-sort [data-action]:hover .t-red {
  color: #ffcccc;
}
.pill {
  border-radius: 1.25em;
  -webkit-border-radius: 1.25em;
  -moz-border-radius: 1.25em;
  background-color: #ccc;
  display: inline-block;
  padding: 0.25em 0.75em;
}
.white-pill-button {
  border-radius: 1.25em;
  -webkit-border-radius: 1.25em;
  -moz-border-radius: 1.25em;
  background-color: transparent;
  padding: 0.25em 0.75em;
  transition: color 0.4s, background-color 0.4s;
}
.white-pill-button:hover {
  background-color: #3399ff;
  color: white;
}
.white-pill-button.on {
  background-color: #007FFF;
  color: white;
}
nav {
  position: fixed;
  height: 4.8125em;
  top: 0;
  left: -20em;
  width: 20em;
  border-bottom: 1px SOLID #888;
  transition: left 0.2s;
  z-index: 120;
  overflow: hidden;
}
.menu-opened nav {
  left: 0px;
}
nav > ul {
  list-style-type: none;
  padding: 0;
  margin: 0.5em 0em 0em 0em;
  color: #fff;
  width: 100%;
}
nav > ul > li {
  margin-top: 0.1875em;
  background-color: transparent;
  color: #fff;
  transition: background-color 0.4s, color 0.4s;
}
nav > ul > li a,
nav > ul > li a:visited,
nav > ul > li a:active,
nav > ul > li a:hover {
  color: inherit;
  display: block;
  padding: 0.5em 0.75em;
  line-height: 1.875em;
}
nav > ul > li a .ico,
nav > ul > li a:visited .ico,
nav > ul > li a:active .ico,
nav > ul > li a:hover .ico {
  display: inline-block;
  position: relative;
  top: 0.09375em;
  font-size: 1.875em;
}
nav > ul > li a .ico i,
nav > ul > li a:visited .ico i,
nav > ul > li a:active .ico i,
nav > ul > li a:hover .ico i {
  padding-right: 0.4em;
}
nav > ul > li a .ico i.knowledge,
nav > ul > li a:visited .ico i.knowledge,
nav > ul > li a:active .ico i.knowledge,
nav > ul > li a:hover .ico i.knowledge {
  position: relative;
  top: 0.0625em;
  left: -0.0625em;
  font-size: 1em;
  display: block;
  width: 1.25em;
  height: 1em;
  background: url('/images/knowledge.png') left no-repeat;
  background-size: contain;
}
nav > ul > li a .ico i.headers,
nav > ul > li a:visited .ico i.headers,
nav > ul > li a:active .ico i.headers,
nav > ul > li a:hover .ico i.headers {
  position: relative;
  top: 0.125em;
  left: -0.0625em;
  font-size: 1em;
  display: block;
  width: 1.25em;
  height: 1em;
  background: url('/images/headers.png') left no-repeat;
  background-size: contain;
}
nav > ul > li a .ico i.compliance,
nav > ul > li a:visited .ico i.compliance,
nav > ul > li a:active .ico i.compliance,
nav > ul > li a:hover .ico i.compliance {
  position: relative;
  top: 0.0625em;
  left: -0.0625em;
  font-size: 1em;
  display: block;
  width: 1.25em;
  height: 1em;
  background: url('/images/compliance.png') left no-repeat;
  background-size: contain;
}
nav > ul > li a .txt,
nav > ul > li a:visited .txt,
nav > ul > li a:active .txt,
nav > ul > li a:hover .txt {
  font-size: 1.125em;
  display: inline-block;
}
nav > ul > li:hover {
  background-color: #ccc;
  color: #000;
}
nav > ul > li:hover a .ico i.knowledge {
  background-image: url('/images/knowledge-bk.png');
}
nav > ul > li:hover a .ico i.headers {
  background-image: url('/images/headers-bk.png');
}
nav > ul > li:hover a .ico i.compliance {
  background-image: url('/images/compliance-bk.png');
}
nav > ul > li.on {
  background-color: #fcb640;
  color: #000;
}
nav > ul > li.on .ico i.knowledge {
  background-image: url('/images/knowledge-bk.png');
}
nav > ul > li.on .ico i.headers {
  background-image: url('/images/headers-bk.png');
}
nav > ul > li.on .ico i.compliance {
  background-image: url('/images/compliance-bk.png');
}
nav > ul > li.sub a,
nav > ul > li.sub a:visited,
nav > ul > li.sub a:active,
nav > ul > li.sub a:hover {
  padding: 0.125em 0em 0.125em 3.25em;
}
nav > ul > li.sub.on {
  background-color: #9aaeb8;
}
nav > ul > li.sec {
  background-color: transparent !important;
  color: #fff;
}
nav > ul > li.sec > .sub {
  display: inline-block;
  font-size: 1.125em;
  line-height: 1.875em;
  width: 100%;
}
nav > ul > li.sec > .sub > .txt {
  background-color: rgba(0, 0, 0, 0.1);
  display: inline-block;
  line-height: 1.875em;
  padding: 0em 0em 0em 0.8em;
  width: 100%;
}
nav > ul > li.sec > .sub > ul {
  list-style-type: none;
  padding: 0;
  margin: -0.25em 0em 0em 0em;
  color: #fff;
  width: 100%;
}
nav > ul > li.sec > .sub > ul > li {
  background-color: transparent;
  color: #fff;
  margin-top: 0.1875em;
  transition: background-color 0.4s, color 0.4s;
}
nav > ul > li.sec > .sub > ul > li:hover {
  background-color: #ccc;
  color: #000;
}
nav > ul > li.sec > .sub > ul > li.on {
  background-color: #fcb640;
  color: #000;
}
nav > ul > li.sec > .sub > ul > li.disabled {
  background-color: transparent !important;
  color: #fff !important;
  cursor: initial !important;
}
@media only screen and (min-width: 769px) {
  nav {
    left: 0;
  }
}
nav .show-ubu {
  display: none;
}
nav .show-smoke {
  display: none;
}
nav.ubu .show-ubu {
  display: inherit;
}
nav .show-lfa {
  display: none;
}
nav .show-eca {
  display: none;
}
nav.lfa .show-lfa {
  display: inherit;
}
nav .show-reports {
  display: none;
}
nav .show-stacked {
  display: none;
}
nav .show-student {
  display: none;
}
nav .show-industry {
  display: none;
}
nav .show-animalSummary {
  display: none;
}
nav .show-petsSummary {
  display: none;
}
#main-overlay {
  display: none;
  z-index: 110;
}
#main-work {
  padding: 0em 1em 0.5em 1em;
}
.v2user {
  background-color: transparent;
  bottom: 0em;
  color: #000;
  max-height: 4.75em;
  line-height: initial;
  overflow: hidden;
  padding: 1.1em 0.3em;
  position: fixed;
  right: 0;
  top: 0;
  width: 26.5625em;
  z-index: 250;
}
.v2user #user-area {
  float: right;
}
.v2user .user {
  float: right;
}
.v2user .buy-more {
  display: none;
  background: linear-gradient(to right, #fcb640, #f17803);
  color: #FFF;
  float: right;
  font-size: 16px;
  line-height: 23px;
  font-weight: bold;
  font-weight: 700;
  width: 150px;
}
.v2user .buy-more .shoppingcart {
  background-image: url(/images/DDR-Shoppingcart.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 25px;
  height: 23px;
  float: right;
}
.v2user .help {
  float: right;
  font-size: 16;
  margin: 0.25em 1em 0 1em;
}
.v2user .help .ico {
  display: inline-block;
  font-size: 32px;
  vertical-align: middle;
}
.v2user .help .txt {
  display: inline-block;
  margin-left: 0.5em;
}
#main-online {
  padding: 0em 1em;
}
.popup-menu {
  position: fixed;
  min-width: 12.5em;
  box-shadow: 0.0625em 0.0625em 0.3125em #ddd;
  background-color: #fff;
}
.popup-menu > div {
  padding: 0.5em 1em;
}
.popup-menu > div[data-action]:hover {
  background-color: #ccc;
}
.popup-menu > div + div {
  border-top: 1px SOLID #ddd;
}
.popup-menu .bottlewasher {
  display: none;
}
#user-area {
  position: relative;
  text-align: right;
  margin-bottom: 0.75em;
  padding: 0.25em 1em;
  /*
  .user-menu {
    .t-left;
    .right(10);
    .top(-100);
    .width(200);
    .name {
      .padding-left(20);
      .padding-right(20);
    }
    .pad-bar {
      border-top: 1px SOLID #ddd;
      .padding-right(10);
    }
  }
  */
}
#user-area .circle {
  position: absolute;
  left: 1em;
  top: 0.25em;
  width: 2em;
  height: 2em;
  border: 1px SOLID #ccc;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  background-color: #eee;
}
#user-area .circle .monogram {
  color: #aaa;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
}
#user-area #user-name {
  padding-top: 0.125em;
  padding-left: 2.5em;
  height: 2em;
  line-height: 2em;
  left: 3em;
  text-align: left;
}
#user-area #user-tabs {
  display: inline-block;
  padding-left: 0.5em;
}
#user-area:hover {
  background-color: #fcb640;
  color: #000;
}
#user-area:hover .circle {
  background-color: #888;
}
#user-area:hover .circle .monogram {
  color: #aaf;
}
.dialog-content {
  margin: 1em 0 1em 1em;
}
.dlg-body {
  margin: 1em;
  width: 26em;
}
#bottlewasher {
  position: relative;
  margin-bottom: 0.75em;
  padding: 0.25em 1em;
  width: 100%;
}
#bottlewasher:hover {
  background-color: #fcb640;
  color: #000;
}
.manage-users,
.manage-accounts {
  overflow: auto;
  padding: 1em;
}
.manage-users table,
.manage-accounts table {
  width: 100%;
}
.manage-users table tr:hover,
.manage-accounts table tr:hover {
  background-color: #eee;
}
.manage-users table tr:hover td a.action,
.manage-accounts table tr:hover td a.action {
  display: inline-block;
}
.manage-users table th,
.manage-accounts table th {
  padding: 0.375em;
  background-color: #ccc;
}
.manage-users table th a,
.manage-accounts table th a {
  color: #000;
}
.manage-users table td,
.manage-accounts table td {
  padding: 0.375em 0.75em;
  white-space: nowrap;
}
.manage-users table td.actions,
.manage-accounts table td.actions {
  text-align: center;
  width: 8.5em;
}
.manage-users table td.actions a.action,
.manage-accounts table td.actions a.action {
  display: none;
  padding: 0em 0.375em;
}
.manage-users .dynatable-record-count,
.manage-accounts .dynatable-record-count {
  margin: 1em 0em;
  pad: 0;
}
.changelogtable {
  white-space: nowrap;
  padding: 0.375em 0.75em;
  line-height: 3.5em;
  border: 1px solid #ccc;
}
form.edit-account {
  width: auto;
  min-width: 31.25em;
}
form.edit-account .account-logo {
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 1em;
  text-align: center;
  padding: 100px 0 28px 0;
}
form.edit-account .account-logo:empty {
  background-image: url(/images/cloud-upload3.png);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: 50% 10px;
}
form.edit-account .account-logo:empty::before {
  content: "Click here to upload a logo";
}
form.edit-account .adfsection {
  display: inline-block;
  margin: 0em 1em;
  vertical-align: top;
}
form.edit-account .adfsection p {
  display: inline-block;
}
.client-dlg {
  display: none;
  min-width: 480px;
}
.client-dlg #client-form {
  display: none;
}
.client-dlg #client-form .client-name {
  width: 100%;
}
.client-dlg #client-form input[type=text]:disabled {
  background: inherit;
  border-color: transparent;
  color: inherit;
}
.client-dlg #client-form a.disabled {
  opacity: 0.5;
  color: #333;
}
.client-dlg #client-form a.disabled:hover {
  color: #333;
}
.client-dlg #client-form #edit-bar {
  display: none;
}
.client-dlg #client-form.edit .client-logo {
  border: 1px dashed #333;
}
.client-dlg #client-form.edit #save-bar {
  display: block;
}
.client-dlg .client-logo {
  margin-top: 1em;
  text-align: center;
}
.client-dlg .client-logo:empty {
  background-image: url(/images/cloud-upload3.png);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: 50% 10px;
  padding: 100px 0 28px 0;
}
.client-dlg .client-logo:empty::before {
  content: "Click here to upload a logo";
}
.client-dlg .pad-bar {
  display: none;
}
.client-dlg .panel {
  height: auto;
  min-height: 354px;
}
.down-arrow {
  background: url('/images/icons/WhiteMenuButton.png');
  display: inline-block;
  height: 1em;
  margin: 0 -0.5em 0 0.5em;
  width: 1em;
}
table.inspections {
  font-size: 16px;
  width: 100%;
  margin: auto;
}
table.inspections tbody tr {
  border-top: thin solid;
  border-bottom: 2px solid;
  border-color: #ddd;
}
table.inspections tbody tr.on td,
table.inspections tbody tr.on:hover td {
  background-color: #cfd9e5;
}
table.inspections tbody tr.new td,
table.inspections tbody tr.new:hover td,
table.inspections tbody tr.on.new td,
table.inspections tbody tr.on.new:hover td {
  background-color: #FFC;
}
table.inspections tbody tr:hover {
  cursor: pointer;
  background-color: #ccc;
}
table.inspections tbody tr:hover td {
  background-color: #ccc;
}
table.inspections th {
  background: #2D3F55;
  border: 1px solid #2D3F55;
  color: #fff;
  padding: 1em 0.5em;
  font-family: system-ui;
  font-size: 14px;
}
table.inspections td {
  font-family: system-ui;
  font-weight: 600;
  padding: 1em 0.75em;
}
table.inspections td .save {
  background-color: #1e6ea4;
  color: #fff;
  padding: 0.1875em 0.5625em;
  margin: 0.125em 0.5em 0.125em 1em;
  border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
}
table.inspections td .save:hover {
  background-color: #185880;
}
table.inspections td .err {
  color: #c0392b;
  padding: 0.125em 0.5em;
}
table.inspections td .queued,
table.inspections td .wait {
  color: #e74c3c;
}
table.inspections td .active {
  background-color: #fcb640;
  color: #fff;
  padding: 0.1875em 0.5625em;
  margin: 0.125em 0.5em;
}
table.inspections td .active:hover {
  background-color: #ccc;
}
table.inspections td .active:after {
  content: '\2026';
}
table.inspections td .good,
table.inspections td .done {
  color: #27ae60;
}
table.inspections td .review {
  color: #ffbb00;
}
table.inspections td a.progress {
  display: inline-block;
  font-size: 12px;
  white-space: nowrap;
  width: auto;
  min-width: 15em;
}
table.inspections td a.progress tr {
  border: none;
}
table.inspections td a.progress td {
  border: none;
  padding: 0.25em 0.5em;
}
table.inspections td a.progress td.of {
  color: #1d6ea2;
  white-space: nowrap;
}
table.inspections td a.progress td.progress .bar {
  background-color: #fff;
  border: 1px solid #86e38b;
  height: 0.975em;
  margin: 0em;
  overflow: hidden;
  padding: 0em;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  width: 100%;
}
table.inspections td a.progress td.progress .bar .filler {
  background-color: #86e38b;
  content: '\00a0';
  height: 1.25em;
}
table.inspections td a.progress td.percent {
  color: #999;
}
table.inspections td .txt {
  color: #aaa;
}
table.inspections td .time {
  font-size: 14px;
}
a.go.round {
  background-color: #1e6ea4;
  color: #fff;
  font-size: 20px;
  padding: 0.1875em 0.5625em;
  margin: 0.125em 0.5em;
}
a.go.round:hover {
  background-color: #185880;
}
#new-property,
#add-inspectors {
  position: relative;
}
#new-property a.disabled,
#add-inspectors a.disabled {
  cursor: default;
}
#new-property input,
#add-inspectors input,
#new-property select,
#add-inspectors select {
  line-height: initial;
  margin-top: 1em;
  padding: 5px;
  width: 23.75em;
}
#new-property input + input,
#add-inspectors input + input {
  margin-left: 2%;
}
#new-property #property-photo,
#add-inspectors #property-photo {
  background: center no-repeat url(/images/ThaiApart-Upload.jpg);
  background-size: 100% 100%;
  border: #ccc 1px dashed;
  height: 75%;
  width: 100%;
}
#new-property #property-photo a,
#add-inspectors #property-photo a {
  top: 50%;
  position: relative;
  display: block;
  margin-top: -1.25em;
  background: rgba(255, 255, 255, 0.9);
  font-size: 1.5em;
  padding: 1em 0em;
}
#new-property #property-photo.has-photo a,
#add-inspectors #property-photo.has-photo a {
  display: none;
  opacity: 0.75;
}
#new-property #property-photo.has-photo:hover a,
#add-inspectors #property-photo.has-photo:hover a {
  display: block;
}
#new-property ul.property-list,
#add-inspectors ul.property-list {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0.25em 0.66em 0.25em rgba(0, 0, 0, 0.14), 0 0.36em 0.66em -0.5em rgba(0, 0, 0, 0.12), 0 0.33em 0.66em 0.26em rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  list-style: none;
  margin: 0em;
  overflow: hidden;
  padding: 0em;
  position: absolute;
  border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  -moz-border-radius: 0.3125em;
  top: 0;
  z-index: 99;
}
#new-property ul.property-list.v,
#add-inspectors ul.property-list.v {
  display: block;
}
#new-property ul.property-list li a,
#add-inspectors ul.property-list li a {
  display: block;
  padding: 0.25em 0.5em;
}
#new-property ul.property-list li + li.sep,
#add-inspectors ul.property-list li + li.sep {
  border-top: 1px solid #ccc;
  margin-top: 0.25em;
  padding-top: 0.25em;
}
#new-property ul.property-list li + li.sep:last-child,
#add-inspectors ul.property-list li + li.sep:last-child {
  margin-bottom: 0.25em;
}
#new-property ul.property-list li.on a,
#add-inspectors ul.property-list li.on a {
  background: #347CA9;
  color: #F0F0F0;
}
#new-property .inspector-count,
#add-inspectors .inspector-count {
  color: #999;
  display: none;
  margin: 0.5em 0em;
}
#new-property .inspector-list,
#add-inspectors .inspector-list {
  padding: 1em;
  width: auto;
  max-width: 300px;
}
#new-property .add-inspector,
#add-inspectors .add-inspector {
  float: right;
  margin: 0.5em 1em 0.5em 0em;
}
#new-property input[name=name],
#add-inspectors input[name=name] {
  float: left;
}
#new-property input[name=owner],
#add-inspectors input[name=owner],
#new-property input[name=group],
#add-inspectors input[name=group] {
  float: right;
  margin: 1em 0 0;
}
#new-property input[name=street],
#add-inspectors input[name=street],
#new-property input[name=property],
#add-inspectors input[name=property] {
  width: 100%;
  margin: 1em 0 0;
}
#new-property .property-name-message,
#add-inspectors .property-name-message {
  display: none;
  margin: 1em;
}
#new-property .property-name-message.error,
#add-inspectors .property-name-message.error {
  display: block;
}
#new-property input[name=city],
#add-inspectors input[name=city] {
  width: 50%;
}
#new-property input[name=state],
#add-inspectors input[name=state] {
  display: inline-block;
  width: 25%;
}
#new-property input[name=zip],
#add-inspectors input[name=zip] {
  display: inline-block;
  width: 21%;
}
#new-property .error,
#add-inspectors .error {
  color: #c0392b;
}
#new-property .creating-inspector,
#add-inspectors .creating-inspector {
  background: #fff;
  bottom: 4.125em;
  display: none;
  height: 13.5em;
  opacity: 0;
  padding: 4em;
  position: absolute;
  width: 100%;
}
#new-property .creating-inspector-error-box,
#add-inspectors .creating-inspector-error-box {
  background: #fff;
  display: none;
  opacity: 0;
  padding: 1em;
  width: 100%;
  max-width: 355px;
  margin: 1em;
}
#new-property .creating-inspector-error-box2,
#add-inspectors .creating-inspector-error-box2 {
  background: #fff;
  display: none;
  opacity: 0;
  padding: 1em;
  width: 100%;
  margin: 1em;
}
#add-inspectors .options-list {
  padding: 0;
  width: 23.75em;
}
#add-inspectors .fetching {
  display: none;
  position: relative;
}
#add-inspectors input[type="radio"],
#add-inspectors input[type="checkbox"] {
  display: none;
}
#add-inspectors input[type="radio"] + label,
#add-inspectors input[type="checkbox"] + label {
  cursor: pointer;
  display: block;
  line-height: 1.125em;
  text-align: left;
  padding: 0.5em 0.75em 0.25em 0.75em;
  margin: 0em;
}
#add-inspectors input[type="radio"] + label:hover,
#add-inspectors input[type="checkbox"] + label:hover {
  background-color: #ccc;
}
#pick-inspection-type input[type="radio"] + label .edit,
#set-inspection-status input[type="radio"] + label .edit,
#pick-inspection-type input[type="checkbox"] + label .edit,
#set-inspection-status input[type="checkbox"] + label .edit {
  float: right;
  margin-left: 0.5em;
}
#pick-inspection-type input[type="radio"] + label:hover .edit,
#set-inspection-status input[type="radio"] + label:hover .edit,
#pick-inspection-type input[type="checkbox"] + label:hover .edit,
#set-inspection-status input[type="checkbox"] + label:hover .edit {
  visibility: visible;
}
#pick-inspection-type input[name=city],
#set-inspection-status input[name=city] {
  display: inline-block;
  width: 10em;
  margin-right: 0.5em;
}
#pick-inspection-type input[name=state],
#set-inspection-status input[name=state] {
  display: inline-block;
  width: 4em;
  margin-right: 0.5em;
}
#pick-inspection-type input[name=zip],
#set-inspection-status input[name=zip] {
  display: inline-block;
  width: 5em;
}
#pick-inspection-type .edit,
#set-inspection-status .edit {
  visibility: hidden;
}
#pick-inspection-type .edit:before,
#set-inspection-status .edit:before {
  content: 'Edit';
}
#pick-inspection-type .mar-bar .edit:after,
#set-inspection-status .mar-bar .edit:after {
  content: '|';
  color: #999;
  margin-left: 1em;
}
#pick-inspection-type .mar-bar .edit + *:before,
#set-inspection-status .mar-bar .edit + *:before {
  content: '';
  margin: 0em;
}
.list-filter {
  padding: 0em 1em 1em 1em;
  position: relative;
}
.list-filter input[type=text] {
  margin-bottom: 4px;
}
.list-filter .delaybar {
  background-color: #003399;
  display: inline-block;
  height: 3px;
  left: 0;
  margin: 0em 1em;
  opacity: 0.5;
  position: absolute;
  top: 14px;
  width: 0;
}
.list-filter .eta {
  color: #999;
  position: absolute;
  right: 1em;
  top: 3.5em;
}
.list-filter .refresh {
  color: #1e6ea4;
  display: none;
  position: absolute;
  right: 0;
  text-decoration: underline;
  top: 3.75em;
  padding: 1em;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}
.list-filter .refresh:hover {
  color: #185880;
}
.list-filter:hover .refresh {
  display: inline-block;
}
.list-filter .progress {
  background-color: #008800;
  height: 3px;
  left: 0;
  margin: 0em 1em;
  opacity: 0.5;
  position: absolute;
  top: 43px;
  width: 0;
}
.options-list {
  border: 1px #ccc solid;
  height: auto;
  max-height: 22em;
  min-height: 12.5em;
  margin: 0 1em;
  overflow-y: auto;
  padding: 1em;
  width: auto;
  max-width: 37.5em;
  min-width: 18.75em;
}
#inspections-toolbar a.disabled {
  color: black;
  cursor: default;
}
#isValid a.disabled {
  color: black;
  cursor: default;
  pointer-events: none;
}
#form-edit-row,
#form-edit-dialog {
  text-align: center;
}
#form-edit-row.dialog,
#form-edit-dialog.dialog {
  height: 100%;
  width: 69em;
}
#form-edit-row.dialog form,
#form-edit-dialog.dialog form {
  height: initial;
  max-height: initial;
  min-height: initial;
  margin: 0em;
  width: initial;
}
#form-edit-row.dialog form .right,
#form-edit-dialog.dialog form .right {
  top: 2em;
}
#form-edit-row.dialog form .sections,
#form-edit-dialog.dialog form .sections {
  overflow: auto;
  width: 42em;
}
#form-edit-row.dialog form input[type=checkbox] + label + h4,
#form-edit-dialog.dialog form input[type=checkbox] + label + h4 {
  width: 27.5em;
}
#form-edit-row.dialog form input[type=checkbox] + label + h4 + ul.section-fields,
#form-edit-dialog.dialog form input[type=checkbox] + label + h4 + ul.section-fields {
  width: 40em;
}
#form-edit-row.dialog form input[type=checkbox] + label + .txt,
#form-edit-dialog.dialog form input[type=checkbox] + label + .txt {
  width: 36.5em;
}
#form-edit-row.dialog form .edit-pane,
#form-edit-dialog.dialog form .edit-pane {
  top: 2.5em;
}
#form-edit-row .panel,
#form-edit-dialog .panel {
  display: inline-block;
  width: 60.375em;
}
#form-edit-row form,
#form-edit-dialog form {
  height: auto;
  min-height: 50em;
  margin: 2.34375em 3.125em;
  position: relative;
  text-align: left;
  width: 39.0625em;
}
#form-edit-row form.no-icons .ico.lock,
#form-edit-dialog form.no-icons .ico.lock {
  display: none !important;
}
#form-edit-row form.no-icons .ico.required,
#form-edit-dialog form.no-icons .ico.required {
  display: none !important;
}
#form-edit-row form.no-icons .ico.cost,
#form-edit-dialog form.no-icons .ico.cost {
  display: none !important;
}
#form-edit-row form.hide-removed ul li input[type=checkbox] + label,
#form-edit-dialog form.hide-removed ul li input[type=checkbox] + label,
#form-edit-row form.hide-removed ul li input[type=checkbox] + label + .txt,
#form-edit-dialog form.hide-removed ul li input[type=checkbox] + label + .txt {
  display: none;
}
#form-edit-row form.hide-removed ul li input[type=checkbox]:checked + label,
#form-edit-dialog form.hide-removed ul li input[type=checkbox]:checked + label,
#form-edit-row form.hide-removed ul li input[type=checkbox]:checked + label + .txt,
#form-edit-dialog form.hide-removed ul li input[type=checkbox]:checked + label + .txt {
  display: inline-block;
}
#form-edit-row form.vertical-answers ul li input + label + .txt .details .option,
#form-edit-dialog form.vertical-answers ul li input + label + .txt .details .option {
  display: block;
}
#form-edit-row form .form-title-bar,
#form-edit-dialog form .form-title-bar {
  display: inline-block;
  text-align: center;
  width: 34.5em;
}
#form-edit-row form .form-title-bar h3,
#form-edit-dialog form .form-title-bar h3 {
  color: #124772;
  margin-top: 0em;
}
#form-edit-row form .form-title,
#form-edit-dialog form .form-title {
  margin-left: 2.75em;
}
#form-edit-row form .sections,
#form-edit-dialog form .sections {
  width: 35em;
}
#form-edit-row form .ui-sortable-placeholder,
#form-edit-dialog form .ui-sortable-placeholder {
  border: 1px dashed #ff00ff !important;
  background: rgba(250, 250, 200, 0.5);
  visibility: visible !important;
}
#form-edit-row form h4.form-title,
#form-edit-dialog form h4.form-title {
  color: #124772;
}
#form-edit-row form .metrics .b,
#form-edit-dialog form .metrics .b {
  font-weight: bold;
  font-weight: 700;
}
#form-edit-row form .metrics .removed,
#form-edit-dialog form .metrics .removed {
  color: #888;
}
#form-edit-row form .ico,
#form-edit-dialog form .ico,
#form-edit-row form .edit-form-dialog-right .ico,
#form-edit-dialog form .edit-form-dialog-right .ico {
  display: none;
  height: 0.6875em;
  margin-left: 0.25em;
  width: 0.6875em;
  vertical-align: baseline;
}
#form-edit-row form .ico.lock,
#form-edit-dialog form .ico.lock,
#form-edit-row form .edit-form-dialog-right .ico.lock,
#form-edit-dialog form .edit-form-dialog-right .ico.lock {
  background: center / contain url('/images/icons/lock.svg') no-repeat;
}
#form-edit-row form .ico.lock.blk,
#form-edit-dialog form .ico.lock.blk,
#form-edit-row form .edit-form-dialog-right .ico.lock.blk,
#form-edit-dialog form .edit-form-dialog-right .ico.lock.blk {
  background-color: transparent;
  background-image: url('/images/icons/lock-black.svg');
  display: inline-block;
}
#form-edit-row form .ico.required,
#form-edit-dialog form .ico.required,
#form-edit-row form .edit-form-dialog-right .ico.required,
#form-edit-dialog form .edit-form-dialog-right .ico.required {
  background: center / contain url('/images/icons/asterisk.svg') no-repeat;
}
#form-edit-row form .ico.required.blk,
#form-edit-dialog form .ico.required.blk,
#form-edit-row form .edit-form-dialog-right .ico.required.blk,
#form-edit-dialog form .edit-form-dialog-right .ico.required.blk {
  background-color: transparent;
  background-image: url('/images/icons/asterisk-black.svg');
  display: inline-block;
}
#form-edit-row form .ico.cost,
#form-edit-dialog form .ico.cost,
#form-edit-row form .edit-form-dialog-right .ico.cost,
#form-edit-dialog form .edit-form-dialog-right .ico.cost {
  background: center / contain url('/images/icons/money.svg') no-repeat;
}
#form-edit-row form .ico.cost.blk,
#form-edit-dialog form .ico.cost.blk,
#form-edit-row form .edit-form-dialog-right .ico.cost.blk,
#form-edit-dialog form .edit-form-dialog-right .ico.cost.blk {
  background-color: transparent;
  background-image: url('/images/icons/money-black.svg');
  display: inline-block;
}
#form-edit-row form .locked > .lock,
#form-edit-dialog form .locked > .lock {
  display: inline-block;
}
#form-edit-row form .description,
#form-edit-dialog form .description {
  color: #aaa;
  display: none;
  font-size: 12px;
  margin-top: 1em;
}
#form-edit-row form .description:empty,
#form-edit-dialog form .description:empty {
  font-style: italic;
}
#form-edit-row form .description:empty:before,
#form-edit-dialog form .description:empty:before {
  content: 'Add a hint\2026';
}
#form-edit-row form input[type=checkbox],
#form-edit-dialog form input[type=checkbox] {
  display: none;
}
#form-edit-row form input[type=checkbox] + label + .txt,
#form-edit-dialog form input[type=checkbox] + label + .txt {
  border: 1px dashed transparent;
  color: #aaa;
  display: inline-block;
  line-height: 1.75em;
  padding: 0.46875em 1em 0.46875em 1.96875em;
  position: relative;
  vertical-align: top;
  width: 30.45em;
}
#form-edit-row form input[type=checkbox] + label + .txt .drag-handle,
#form-edit-dialog form input[type=checkbox] + label + .txt .drag-handle {
  background-image: url('/images/ui-icons_185880_256x240.png');
  background-position: 0 -336px;
  background-size: 384px 360px;
  display: none;
}
#form-edit-row form input[type=checkbox] + label + .txt.selected,
#form-edit-dialog form input[type=checkbox] + label + .txt.selected {
  background: #E7EBEE;
  box-sizing: border-box;
  padding: 0.46875em 1em 1em 1.96875em;
}
#form-edit-row form input[type=checkbox] + label + .txt.selected .description,
#form-edit-dialog form input[type=checkbox] + label + .txt.selected .description {
  display: block;
}
#form-edit-row form input[type=checkbox] + label + .txt.selected .details,
#form-edit-dialog form input[type=checkbox] + label + .txt.selected .details {
  display: block;
  padding-bottom: 2.5em;
}
#form-edit-row form input[type=checkbox] + label + .txt .details,
#form-edit-dialog form input[type=checkbox] + label + .txt .details {
  display: none;
  position: relative;
}
#form-edit-row form input[type=checkbox] + label + .txt .details .option,
#form-edit-dialog form input[type=checkbox] + label + .txt .details .option {
  border: 1px dashed transparent;
  display: inline-block;
  margin: 0.5em;
  padding: 0.25em 2.5em 0.25em 0.5em;
  position: relative;
}
#form-edit-row form input[type=checkbox] + label + .txt .details .option input[type="radio"] + label,
#form-edit-dialog form input[type=checkbox] + label + .txt .details .option input[type="radio"] + label {
  color: #000;
}
#form-edit-row form input[type=checkbox] + label + .txt .details .option input[type="radio"] + label .mark,
#form-edit-dialog form input[type=checkbox] + label + .txt .details .option input[type="radio"] + label .mark {
  margin: 0em;
}
#form-edit-row form input[type=checkbox] + label + .txt .details .option.selected,
#form-edit-dialog form input[type=checkbox] + label + .txt .details .option.selected {
  border-color: #FBC0C0;
  box-sizing: border-box;
}
#form-edit-row form input[type=checkbox] + label + .txt .details .option.selected .edit-pane,
#form-edit-dialog form input[type=checkbox] + label + .txt .details .option.selected .edit-pane {
  display: inline-block;
}
#form-edit-row form input[type=checkbox] + label + .txt .details .option .drag-handle,
#form-edit-dialog form input[type=checkbox] + label + .txt .details .option .drag-handle {
  display: none;
}
#form-edit-row form input[type=checkbox] + label + .txt .details .option:hover .drag-handle,
#form-edit-dialog form input[type=checkbox] + label + .txt .details .option:hover .drag-handle {
  display: inline-block;
  height: 24px;
  position: absolute;
  right: 0.5em;
  top: 0.25em;
  width: 24px;
}
#form-edit-row form input[type=checkbox] + label + .txt .details .add-option,
#form-edit-dialog form input[type=checkbox] + label + .txt .details .add-option {
  bottom: 0.125em;
  display: inline-block;
  font-size: 32px;
  height: 1em;
  position: absolute;
  right: 0.125em;
  width: 1em;
}
#form-edit-row form input[type=checkbox] + label + .txt .details .add-option:before,
#form-edit-dialog form input[type=checkbox] + label + .txt .details .add-option:before {
  content: '+';
  color: #1e6ea4;
}
#form-edit-row form input[type=checkbox] + label + .txt .details .add-option:before:hover,
#form-edit-dialog form input[type=checkbox] + label + .txt .details .add-option:before:hover {
  color: #185880;
}
#form-edit-row form input[type=checkbox] + label + .txt .details .txt,
#form-edit-dialog form input[type=checkbox] + label + .txt .details .txt {
  color: #000;
  display: inline-block;
  vertical-align: middle;
}
#form-edit-row form input[type=checkbox] + label + .txt .details:empty,
#form-edit-dialog form input[type=checkbox] + label + .txt .details:empty {
  display: none;
}
#form-edit-row form input[type=checkbox] + label + .txt :first-child.ico,
#form-edit-dialog form input[type=checkbox] + label + .txt :first-child.ico {
  margin-left: 0.25em;
}
#form-edit-row form input[type=checkbox] + label + h4,
#form-edit-dialog form input[type=checkbox] + label + h4 {
  background: center right / 1em 0.5em url('/images/icons/Chevron-Up.svg') no-repeat;
  border-bottom: 1px solid #aaa;
  color: #aaa;
  padding: 0em 0.46875em;
  width: 23.5em;
}
#form-edit-row form input[type=checkbox] + label + h4 :first-child.ico,
#form-edit-dialog form input[type=checkbox] + label + h4 :first-child.ico {
  margin-left: 0.75em;
}
#form-edit-row form input[type=checkbox] + label + h4 + ul.section-fields,
#form-edit-dialog form input[type=checkbox] + label + h4 + ul.section-fields {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 35em;
}
#form-edit-row form input[type=checkbox] + label + h4 + ul.section-fields li,
#form-edit-dialog form input[type=checkbox] + label + h4 + ul.section-fields li {
  display: block;
}
#form-edit-row form input[type=checkbox] + label + h4 + ul.section-fields + .section-off,
#form-edit-dialog form input[type=checkbox] + label + h4 + ul.section-fields + .section-off {
  display: block;
  color: #aaa;
  line-height: 1.75em;
  padding: 0.46875em;
  padding-left: 5.96875em;
}
#form-edit-row form input[type=checkbox] + label + h4:hover,
#form-edit-dialog form input[type=checkbox] + label + h4:hover {
  background-color: #AFAFAF;
}
#form-edit-row form input[type=checkbox] + label + h4.collapsed,
#form-edit-dialog form input[type=checkbox] + label + h4.collapsed {
  background-image: url('/images/icons/Chevron-Down.svg');
}
#form-edit-row form input[type=checkbox] + label + h4.collapsed + .section-fields,
#form-edit-dialog form input[type=checkbox] + label + h4.collapsed + .section-fields,
#form-edit-row form input[type=checkbox] + label + h4.collapsed + .section-fields + .section-off,
#form-edit-dialog form input[type=checkbox] + label + h4.collapsed + .section-fields + .section-off {
  display: none;
}
#form-edit-row form input[type=checkbox]:checked + label + .txt,
#form-edit-dialog form input[type=checkbox]:checked + label + .txt {
  color: #000;
}
#form-edit-row form input[type=checkbox]:checked + label + h4,
#form-edit-dialog form input[type=checkbox]:checked + label + h4 {
  background: center right / 1em 0.5em url('/images/icons/Chevron-Up-Black.svg') no-repeat;
  border-bottom-color: #000;
  color: #000;
}
#form-edit-row form input[type=checkbox]:checked + label + h4 + .section-fields,
#form-edit-dialog form input[type=checkbox]:checked + label + h4 + .section-fields {
  display: block;
}
#form-edit-row form input[type=checkbox]:checked + label + h4 + .section-fields + .section-off,
#form-edit-dialog form input[type=checkbox]:checked + label + h4 + .section-fields + .section-off {
  display: none;
}
#form-edit-row form input[type=checkbox]:checked + label + h4.collapsed,
#form-edit-dialog form input[type=checkbox]:checked + label + h4.collapsed {
  background-image: url('/images/icons/Chevron-Down-Black.svg');
}
#form-edit-row form input[type=checkbox]:checked + label + h4.collapsed + .section-fields,
#form-edit-dialog form input[type=checkbox]:checked + label + h4.collapsed + .section-fields,
#form-edit-row form input[type=checkbox]:checked + label + h4.collapsed + .section-fields + .section-off,
#form-edit-dialog form input[type=checkbox]:checked + label + h4.collapsed + .section-fields + .section-off {
  display: none;
}
#form-edit-row form input[type=checkbox]:checked + label + h4:hover,
#form-edit-dialog form input[type=checkbox]:checked + label + h4:hover {
  background-color: #afafaf;
}
#form-edit-row form input[type=checkbox]:disabled + label .mark,
#form-edit-dialog form input[type=checkbox]:disabled + label .mark {
  background: #ddd;
  border-color: #ddd;
}
#form-edit-row form input[type=checkbox]:disabled + label .mark:hover,
#form-edit-dialog form input[type=checkbox]:disabled + label .mark:hover {
  border-color: #ddd;
}
#form-edit-row form input[type=radio],
#form-edit-dialog form input[type=radio] {
  display: none;
}
#form-edit-row form input[type=radio] + label,
#form-edit-dialog form input[type=radio] + label {
  cursor: pointer;
  display: inline-block;
  margin: 0em 0.4375em;
}
#form-edit-row form input[type=radio] + label .mark,
#form-edit-dialog form input[type=radio] + label .mark {
  background: transparent;
  border: 2px solid #888888;
  box-sizing: border-box;
  border-radius: 15px;
  display: inline-block;
  height: 1.25em;
  margin: -0.25em 1em 0.25em;
  vertical-align: middle;
  width: 1.25em;
}
#form-edit-row form input[type=radio] + label .mark:hover,
#form-edit-dialog form input[type=radio] + label .mark:hover {
  border-color: #185880;
}
#form-edit-row form input[type=radio] + label .txt,
#form-edit-dialog form input[type=radio] + label .txt {
  color: #aaa;
  display: inline-block;
  line-height: 1.75em;
}
#form-edit-row form input[type=radio]:checked + label .mark,
#form-edit-dialog form input[type=radio]:checked + label .mark {
  background: #1e6ea4;
  border: 2px solid #1e6ea4;
}
#form-edit-row form input[type=radio]:checked + label .txt,
#form-edit-dialog form input[type=radio]:checked + label .txt {
  color: #000;
}
#form-edit-row form .edit-pane,
#form-edit-dialog form .edit-pane {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  display: inline-block;
  left: 0em;
  padding: 1em;
  position: absolute;
  top: 3.25em;
  width: 15.9375em;
  z-index: 1;
}
#form-edit-row form .edit-pane input[type=checkbox] + label .mark,
#form-edit-dialog form .edit-pane input[type=checkbox] + label .mark,
#form-edit-row form .edit-pane input[type=radio] + label .mark,
#form-edit-dialog form .edit-pane input[type=radio] + label .mark {
  background: transparent;
  border: 1px solid #1e6ea4;
}
#form-edit-row form .edit-pane input[type=checkbox] + label .mark:hover,
#form-edit-dialog form .edit-pane input[type=checkbox] + label .mark:hover,
#form-edit-row form .edit-pane input[type=radio] + label .mark:hover,
#form-edit-dialog form .edit-pane input[type=radio] + label .mark:hover {
  border-color: #185880;
}
#form-edit-row form .edit-pane input[type=checkbox] + label + .txt,
#form-edit-dialog form .edit-pane input[type=checkbox] + label + .txt,
#form-edit-row form .edit-pane input[type=radio] + label + .txt,
#form-edit-dialog form .edit-pane input[type=radio] + label + .txt {
  color: inherit;
  width: initial;
}
#form-edit-row form .edit-pane input[type=checkbox]:disabled + label .mark,
#form-edit-dialog form .edit-pane input[type=checkbox]:disabled + label .mark,
#form-edit-row form .edit-pane input[type=radio]:disabled + label .mark,
#form-edit-dialog form .edit-pane input[type=radio]:disabled + label .mark {
  background: #ddd;
  border-color: #999;
}
#form-edit-row form .edit-pane input[type=number],
#form-edit-dialog form .edit-pane input[type=number] {
  text-align: left;
  padding-left: 0.1875em;
}
#form-edit-row form .edit-pane table,
#form-edit-dialog form .edit-pane table {
  line-height: 1.5em;
  table-layout: fixed;
  width: 13.75em;
}
#form-edit-row form .edit-pane table td.pl,
#form-edit-dialog form .edit-pane table td.pl {
  padding-left: 0.25em;
}
#form-edit-row form .edit-pane table label,
#form-edit-dialog form .edit-pane table label {
  margin: 0;
}
#form-edit-row form .edit-pane table label .mark,
#form-edit-dialog form .edit-pane table label .mark {
  box-sizing: border-box;
  border-radius: 5px;
  display: inline-block;
  height: 1.25em;
  margin: 0;
  vertical-align: middle;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  width: 1.25em;
}
#form-edit-row form .edit-pane table label + .txt,
#form-edit-dialog form .edit-pane table label + .txt {
  height: initial;
  line-height: initial;
  margin: 0em 0.25em;
  padding: 0em;
  width: initial;
}
#form-edit-row form .edit-pane table label + .txt ~ a,
#form-edit-dialog form .edit-pane table label + .txt ~ a {
  display: inline-block;
  margin: 0.75em 0em 0em 0em;
}
#form-edit-row form .edit-pane table .default-mark,
#form-edit-dialog form .edit-pane table .default-mark {
  background: #1e6ea4;
  border: 2px solid #1e6ea4;
  box-sizing: border-box;
  border-radius: 15px;
  display: inline-block;
  height: 1.25em;
  margin: -0.25em 0.25em;
  vertical-align: middle;
  width: 1.25em;
}
#form-edit-row form .edit-pane table .ico,
#form-edit-dialog form .edit-pane table .ico {
  display: inline-block;
}
#form-edit-row form .edit-pane table input[name=cost],
#form-edit-dialog form .edit-pane table input[name=cost] {
  margin: 0.5em 0em 0em 0em;
  width: 5em;
}
#form-edit-row form .lock-notice,
#form-edit-dialog form .lock-notice {
  width: 20em;
  height: 20em;
  background: url(/images/icons/lock.svg) center center / contain no-repeat;
  display: inline-block;
  position: fixed;
  opacity: 0.95;
}
.edit-form-dialog-right .hint * {
  font-size: 11px !important;
}
.edit-form-dialog-right {
  display: none;
  margin: 1em 0 1em 2em;
}
.edit-form-dialog-right .hint {
  background: #fff;
  border: 1px solid #ccc;
  padding: 1em;
  position: relative;
  width: 20.8125em;
}
.edit-form-dialog-right .hint * {
  font-size: 12px;
}
.edit-form-dialog-right .hint h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  font-weight: bold;
}
.edit-form-dialog-right .hint .hints-toggle {
  height: 1.5em;
  position: absolute;
  width: 3.25em;
}
.edit-form-dialog-right .hint .hints-toggle.hide-hints {
  bottom: 1.65em;
  left: 2.5em;
  width: 15em;
}
.edit-form-dialog-right .hint .hints-toggle.hide-hints::before {
  content: "Show hints and tips";
}
.edit-form-dialog-right .hint .hints-toggle.show-hints {
  bottom: 30%;
  right: 40%;
}
.edit-form-dialog-right .hint .hints-toggle.show-hints::before {
  content: "Hide";
}
.edit-form-dialog-right .hint .hints-and-tips.shown {
  height: auto;
}
.edit-form-dialog-right .hint .hints-and-tips.hidden {
  height: 0em;
  margin: 1.25em 0em;
  overflow: hidden;
}
.edit-form-dialog-right .hint table.icon-legend {
  line-height: 1.5em;
  margin-left: 4em;
  margin-top: 0.25em;
}
.edit-form-dialog-right .hint table.icon-legend .icon {
  padding-left: 1em;
}
.edit-form-dialog-right .hint table.icon-legend .icon .legend-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  margin-left: 0.25em;
  width: 1em;
  vertical-align: baseline;
}
.edit-form-dialog-right .hint table.icon-legend .icon .legend-icon.lock {
  background: center / contain url('/images/icons/lock.svg') no-repeat;
}
.edit-form-dialog-right .hint table.icon-legend .icon .legend-icon.lock.blk {
  background-color: transparent;
  background-image: url('/images/icons/lock-black.svg');
  display: inline-block;
}
.edit-form-dialog-right .hint table.icon-legend .icon .legend-icon.required {
  background: center / contain url('/images/icons/asterisk.svg') no-repeat;
}
.edit-form-dialog-right .hint table.icon-legend .icon .legend-icon.required.blk {
  background-color: transparent;
  background-image: url('/images/icons/asterisk-black.svg');
  display: inline-block;
}
.edit-form-dialog-right .hint table.icon-legend .icon .legend-icon.cost {
  background: center / contain url('/images/icons/money.svg') no-repeat;
}
.edit-form-dialog-right .hint table.icon-legend .icon .legend-icon.cost.blk {
  background-color: transparent;
  background-image: url('/images/icons/money-black.svg');
  display: inline-block;
}
.edit-form-dialog-right .hint input[type=checkbox] + label,
.edit-form-dialog-right .hint input[type=radio] + label {
  margin: 0.5em 0.4375em;
}
.edit-form-dialog-right .hint input[type=checkbox] + label .mark,
.edit-form-dialog-right .hint input[type=radio] + label .mark {
  font-size: 15px;
  vertical-align: text-top;
}
.edit-form-dialog-right .hint input[type=checkbox] + label + .txt,
.edit-form-dialog-right .hint input[type=radio] + label + .txt {
  color: inherit;
}
.edit-form-dialog-right .removed-fields {
  background: #fff;
  border: 1px solid #ccc;
  height: auto;
  margin: 2em 0em 1em 0em;
  overflow-y: auto;
  padding: 1em;
  visibility: hidden;
  width: 20.8125em;
}
.edit-form-dialog-right .removed-fields h4 {
  margin: 0;
}
.edit-form-dialog-right .removed-fields .txt {
  color: #aaa;
}
.edit-form-dialog-right .removed-fields .txt * {
  display: none;
}
.edit-form-dialog-right .removed-fields .txt .inline {
  display: inline-block;
}
.edit-form-dialog-right .removed-fields td {
  padding: 0.25em 0em;
}
.edit-form-dialog-right .removed-fields td .t-right {
  padding-left: 1em;
}
.edit-form-dialog-right .save-bar {
  display: none;
  margin-bottom: 2em;
  padding-right: 1em;
  text-align: right;
  width: 100%;
}
.edit-form-dialog-right .save-bar > * + * {
  margin-left: 1em;
}
.edit-form-dialog-right .scrollable {
  height: 100%;
  overflow: auto;
  padding-right: 1em;
}
input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label {
  cursor: pointer;
  display: inline-block;
  margin: 1em 0.4375em;
}
input[type=checkbox] + label .mark {
  background: transparent;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  display: inline-block;
  height: 1.25em;
  margin: -0.25em 1em 0.25em 0em;
  vertical-align: middle;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  width: 1.25em;
  border-radius: 0.1875em;
  -webkit-border-radius: 0.1875em;
  -moz-border-radius: 0.1875em;
}
input[type=checkbox] + label .mark:hover {
  border-color: #0095f0;
}
input[type=checkbox] + label .txt {
  display: inline-block;
  position: relative;
  top: -2px;
}
input[type=checkbox]:checked + label .mark:before {
  background: #1e6ea4;
  content: '\00a0';
  display: inline-block;
  margin: 0.125em;
  height: 0.875em;
  width: 0.875em;
  border-radius: 0.125em;
  -webkit-border-radius: 0.125em;
  -moz-border-radius: 0.125em;
}
input[type=checkbox]:disabled + label .mark {
  background: #ddd;
  border-color: #ddd;
}
input[type=checkbox]:disabled + label .mark:hover {
  border-color: #ddd;
}
input[type=radio] {
  display: none;
}
input[type=radio] + label {
  cursor: pointer;
  display: block;
  line-height: 1.5em;
  padding: 0.25em 0.75em;
  text-align: left;
  margin: 0.375em 0em 0em 0em;
  position: relative;
  border-radius: 0.625em;
  -webkit-border-radius: 0.625em;
  -moz-border-radius: 0.625em;
}
input[type=radio] + label:before {
  background-color: #fff;
  border: 1px solid #9b9b9b;
  content: '\00a0';
  display: inline-block;
  height: 1.5em;
  margin-right: 0.5em;
  border-radius: 1.5625em;
  -webkit-border-radius: 1.5625em;
  -moz-border-radius: 1.5625em;
  width: 1.5em;
}
input[type=radio] + label:hover:before {
  border-color: #185880;
}
input[type=radio]:disabled + label:before {
  background-color: #ddd;
  border-color: #ddd;
  border: 1px solid #9b9b9b;
}
input[type=radio]:checked + label:before {
  background-color: #1e6ea4;
  border-color: #1d6ea2;
}
input[type=radio]:checked + label:after {
  background-color: #fff;
  content: '\00a0';
  display: inline-block;
  height: 0.625em;
  left: 0em;
  margin: 0.6875em 1.1875em;
  position: absolute;
  border-radius: 1.5625em;
  -webkit-border-radius: 1.5625em;
  -moz-border-radius: 1.5625em;
  top: 0em;
  width: 0.625em;
}
input[type=radio]:checkedinput[type=radio]:disabled + label:before {
  background-color: #ddd;
  border-color: #ddd;
}
input[type=radio]:checkedinput[type=radio]:disabled + label:after {
  background-color: #fff;
  content: '\00a0';
  display: inline-block;
  height: 0.625em;
  left: 0em;
  margin: 0.6875em 1.1875em;
  position: absolute;
  border-radius: 1.5625em;
  -webkit-border-radius: 1.5625em;
  -moz-border-radius: 1.5625em;
  top: 0em;
  width: 0.625em;
}
input[type=radio].checkedradio + label:before {
  background-color: #1e6ea4;
  border-color: #1d6ea2;
}
input[type=radio].checkedradio + label:after {
  background-color: #fff;
  content: '\00a0';
  display: inline-block;
  height: 0.625em;
  left: 0em;
  margin: 0.6875em 1.1875em;
  position: absolute;
  border-radius: 1.5625em;
  -webkit-border-radius: 1.5625em;
  -moz-border-radius: 1.5625em;
  top: 0em;
  width: 0.625em;
}
.quickpick .txt {
  color: #1D6EA2;
  cursor: pointer;
  display: inline-block;
  line-height: 1.5em;
  width: 100%;
}
.quickpick .txt:empty:before {
  content: '\00a0';
}
.combined-field {
  border: 1px solid #aaa;
  display: inline-block;
  margin: 0.25em 0em;
  padding: 0.25em 0.5em;
  border-radius: 0.46875em;
  -webkit-border-radius: 0.46875em;
  -moz-border-radius: 0.46875em;
}
.combined-icon {
  height: 2.5em;
  margin: 0em;
  width: 3em;
}
.combined-icon:before {
  background-image: url('/images/icons/merge-ddd.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: ' ';
  display: inline-block;
  height: 1.5em;
  margin: 0.5em;
  width: 1.5em;
}
.status-message,
.uploading-message {
  background-color: #FFA500;
  color: #fff;
  display: inline-block;
  border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  opacity: 0;
  padding: 0.25em 0.5em;
  position: absolute;
  transform: translate(-50%, 0);
}
.uploading-message {
  top: 4em;
  z-index: 99;
}
.unstacker-dialog {
  width: 68em;
}
.unstacker-dialog .saving {
  background: #eee;
  display: none;
  left: 0px;
  height: 100%;
  opacity: 0.88;
  position: absolute;
  top: 0px;
  width: 51em;
  z-index: 500;
}
.unstacker-dialog .saving.busy {
  display: inline-block;
}
.unstacker-dialog .saving.busy .msg .spinner {
  display: inline-block !important;
}
.unstacker-dialog .saving .msg {
  background: #cfd9e5;
  border-radius: 16px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  font-weight: 700;
  margin-top: 2em;
  opacity: 1;
  padding: 1em;
  text-align: center;
}
.unstacker-dialog .saving .msg .spinner {
  display: inline-block;
  font-size: 16px;
  margin-top: 1em;
}
.unstacker-dialog table#unstacker-table {
  width: 80% !important;
  /* Adjust the percentage or pixel value as needed */
  /* Center the table on the page */
  border-collapse: collapse;
  /* Collapse borders for better appearance */
}
.inspection-details {
  width: 80%;
}
.inspection-details .saving {
  background: #eee;
  display: none;
  left: 0px;
  height: 100%;
  opacity: 0.88;
  position: absolute;
  top: 0px;
  width: 51em;
  z-index: 500;
}
.inspection-details .saving.busy {
  display: inline-block;
}
.inspection-details .saving.busy .msg .spinner {
  display: inline-block !important;
}
.inspection-details .saving .msg {
  background: #cfd9e5;
  border-radius: 16px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  font-weight: 700;
  margin-top: 2em;
  opacity: 1;
  padding: 1em;
  text-align: center;
}
.inspection-details .saving .msg .spinner {
  display: inline-block;
  font-size: 16px;
  margin-top: 1em;
}
.inspection-details table#unstacker-table {
  width: 51em;
}
#metricdialog {
  margin: 0% !important;
  position: fixed !important;
  right: 0% !important;
  top: 18% !important;
  width: 10% !important;
}
div.unstacker-dialog-right {
  margin: 2em 50% 2em 0;
  position: fixed;
  right: -31.4375em;
  top: 1em;
  width: 10em;
}
div.unstacker-dialog-right table.metrics {
  width: 100%;
}
div.unstacker-dialog-right table.metrics td,
div.unstacker-dialog-right table.metrics th {
  padding: 0.5em;
  text-align: left;
}
div.unstacker-dialog-right table.metrics td {
  text-align: right;
}
table.unstacker-property {
  text-align: center;
}
table.unstacker-property th {
  padding: 0.5em 1em;
}
table.renttable thead th,
table.unstacker-property thead th {
  text-align: left !important;
  vertical-align: 0% !important;
  white-space: initial !important;
}
table#unstacker-table thead th,
table.unstacker-property thead th {
  background: #2D3F55;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-weight: 700;
  padding: 1em;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
table#unstacker-table thead th + th,
table.unstacker-property thead th + th {
  padding-left: 1em;
}
table#unstacker-table tbody tr td,
table.unstacker-property tbody tr td {
  padding: 1em;
}
table#unstacker-table tbody tr td.slim,
table.unstacker-property tbody tr td.slim {
  position: relative;
  padding: 0em;
}
table#unstacker-table tbody tr td.slim .txt,
table.unstacker-property tbody tr td.slim .txt {
  margin: 1em;
}
table#unstacker-table tbody tr td.rel,
table.unstacker-property tbody tr td.rel {
  width: 4.6875em;
}
table#unstacker-table tbody tr td input[type=text],
table.unstacker-property tbody tr td input[type=text] {
  background: rgba(255, 255, 255, 0.4);
  margin: 0.625em 0em;
}
table#unstacker-table tbody tr td .coverplate,
table.unstacker-property tbody tr td .coverplate {
  background: inherit;
  height: 100%;
  left: 5em;
  position: absolute;
  padding: inherit;
  top: 1px;
  width: 100%;
  z-index: 1;
}
table#unstacker-table tbody tr td .coverplate:before,
table.unstacker-property tbody tr td .coverplate:before {
  content: '\00a0';
}
table#unstacker-table tbody tr td .coverplate.best-guess,
table.unstacker-property tbody tr td .coverplate.best-guess {
  background-color: #ffe7cc;
}
table#unstacker-table tbody tr td .coverplate.best-guess:hover,
table.unstacker-property tbody tr td .coverplate.best-guess:hover {
  background: #f1d5bd;
}
table#unstacker-table tbody tr td .coverplate.discarded,
table.unstacker-property tbody tr td .coverplate.discarded {
  background-color: #ccffcc;
}
table#unstacker-table tbody tr td .coverplate.discarded:hover,
table.unstacker-property tbody tr td .coverplate.discarded:hover {
  background: #b8f7b8;
}
table#unstacker-table tbody tr td .coverplate.same,
table.unstacker-property tbody tr td .coverplate.same {
  background-color: #ccffcc;
}
table#unstacker-table tbody tr td .coverplate.same:hover,
table.unstacker-property tbody tr td .coverplate.same:hover {
  background: #b8f7b8;
}
table#unstacker-table tbody tr td .coverplate.mapped-to,
table.unstacker-property tbody tr td .coverplate.mapped-to {
  background-color: #ccffcc;
}
table#unstacker-table tbody tr td .coverplate.mapped-to:hover,
table.unstacker-property tbody tr td .coverplate.mapped-to:hover {
  background: #b8f7b8;
}
table#unstacker-table tbody tr.udf-field td,
table.unstacker-property tbody tr.udf-field td {
  padding: 1em 1em 0.5em 1em;
}
table#unstacker-table tbody tr.udf-field td.udf-field,
table.unstacker-property tbody tr.udf-field td.udf-field {
  position: relative;
  padding: 0em;
}
table#unstacker-table tbody tr.udf-field td.udf-field .txt,
table.unstacker-property tbody tr.udf-field td.udf-field .txt {
  margin: 1em 1em 0.5em 1em;
  height: 100%;
}
table#unstacker-table tbody tr.udf-label td,
table.unstacker-property tbody tr.udf-label td {
  padding: 0em 1em 1em 1em;
}
table#unstacker-table tbody tr.udf-label td.slim,
table.unstacker-property tbody tr.udf-label td.slim {
  padding: 0em 1em 1em 0em;
}
table#unstacker-table tbody tr:hover td div.best-guess .confirm-guess a.confirm,
table.unstacker-property tbody tr:hover td div.best-guess .confirm-guess a.confirm {
  opacity: 1;
}
table#unstacker-table div.best-guess .confirm-guess,
table.unstacker-property div.best-guess .confirm-guess {
  color: #ffbb00;
  margin: 0em;
  padding: 1em;
  white-space: nowrap;
}
table#unstacker-table div.best-guess .confirm-guess:hover,
table.unstacker-property div.best-guess .confirm-guess:hover {
  cursor: pointer;
}
table#unstacker-table div.discarded:before,
table.unstacker-property div.discarded:before {
  color: #999;
  content: 'Not needed';
  margin: 0em;
  white-space: nowrap;
}
table#unstacker-table div.same:before,
table.unstacker-property div.same:before {
  color: #999;
  content: 'Same';
  margin: 0em;
  white-space: nowrap;
}
table#unstacker-table div.mapped-to:before,
table.unstacker-property div.mapped-to:before {
  color: #999;
  content: 'Mapped to';
  margin: 0em;
  white-space: nowrap;
}
.unstacker-dialog-right table.metrics tbody tr.best-guess,
.unstacker-dialog table.unstacker-property tbody tr.best-guess,
.unstacker-dialog table#unstacker-table tbody tr.best-guess {
  background-color: rgba(255, 136, 0, 0.2);
}
.unstacker-dialog-right table.metrics tbody tr.best-guess td.slim .quickpick:hover,
.unstacker-dialog table.unstacker-property tbody tr.best-guess td.slim .quickpick:hover,
.unstacker-dialog table#unstacker-table tbody tr.best-guess td.slim .quickpick:hover,
.unstacker-dialog-right table.metrics tbody tr.best-guess td.udf-field .quickpick:hover,
.unstacker-dialog table.unstacker-property tbody tr.best-guess td.udf-field .quickpick:hover,
.unstacker-dialog table#unstacker-table tbody tr.best-guess td.udf-field .quickpick:hover {
  background: #f1d5bd;
}
.unstacker-dialog-right table.metrics tbody tr.best-guess .confirm-guess,
.unstacker-dialog table.unstacker-property tbody tr.best-guess .confirm-guess,
.unstacker-dialog table#unstacker-table tbody tr.best-guess .confirm-guess {
  position: relative;
}
.unstacker-dialog-right table.metrics tbody tr.best-guess .confirm-guess:hover a.confirm,
.unstacker-dialog table.unstacker-property tbody tr.best-guess .confirm-guess:hover a.confirm,
.unstacker-dialog table#unstacker-table tbody tr.best-guess .confirm-guess:hover a.confirm,
.unstacker-dialog-right table.metrics tbody tr.best-guess .confirm-guess a.confirm:hover,
.unstacker-dialog table.unstacker-property tbody tr.best-guess .confirm-guess a.confirm:hover,
.unstacker-dialog table#unstacker-table tbody tr.best-guess .confirm-guess a.confirm:hover {
  opacity: 1;
}
.unstacker-dialog-right table.metrics tbody tr.best-guess .confirm-guess a.confirm,
.unstacker-dialog table.unstacker-property tbody tr.best-guess .confirm-guess a.confirm,
.unstacker-dialog table#unstacker-table tbody tr.best-guess .confirm-guess a.confirm {
  background: #fff;
  border: 1px solid #ccc;
  height: 40px;
  left: 99%;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: calc(50% - 20px);
  transition: all ease-in-out 0.3s;
  z-index: 499;
}
.unstacker-dialog-right table.metrics tbody tr.best-guess .confirm-guess a.confirm:before,
.unstacker-dialog table.unstacker-property tbody tr.best-guess .confirm-guess a.confirm:before,
.unstacker-dialog table#unstacker-table tbody tr.best-guess .confirm-guess a.confirm:before,
.unstacker-dialog-right table.metrics tbody tr.best-guess .confirm-guess a.confirm::after,
.unstacker-dialog table.unstacker-property tbody tr.best-guess .confirm-guess a.confirm::after,
.unstacker-dialog table#unstacker-table tbody tr.best-guess .confirm-guess a.confirm::after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.unstacker-dialog-right table.metrics tbody tr.best-guess .confirm-guess a.confirm:after,
.unstacker-dialog table.unstacker-property tbody tr.best-guess .confirm-guess a.confirm:after,
.unstacker-dialog table#unstacker-table tbody tr.best-guess .confirm-guess a.confirm:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 5px;
  margin-top: -5px;
}
.unstacker-dialog-right table.metrics tbody tr.best-guess .confirm-guess a.confirm:before,
.unstacker-dialog table.unstacker-property tbody tr.best-guess .confirm-guess a.confirm:before,
.unstacker-dialog table#unstacker-table tbody tr.best-guess .confirm-guess a.confirm:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #ccc;
  border-width: 6px;
  margin-top: -6px;
}
.unstacker-dialog-right table.metrics tbody tr.discarded,
.unstacker-dialog table.unstacker-property tbody tr.discarded,
.unstacker-dialog table#unstacker-table tbody tr.discarded {
  background-color: rgba(0, 255, 0, 0.2);
}
.unstacker-dialog-right table.metrics tbody tr.discarded td.slim .quickpick:hover,
.unstacker-dialog table.unstacker-property tbody tr.discarded td.slim .quickpick:hover,
.unstacker-dialog table#unstacker-table tbody tr.discarded td.slim .quickpick:hover,
.unstacker-dialog-right table.metrics tbody tr.discarded td.udf-field .quickpick:hover,
.unstacker-dialog table.unstacker-property tbody tr.discarded td.udf-field .quickpick:hover,
.unstacker-dialog table#unstacker-table tbody tr.discarded td.udf-field .quickpick:hover {
  background: rgba(125, 225, 125, 0.25);
}
.unstacker-dialog-right table.metrics tbody tr.same,
.unstacker-dialog table.unstacker-property tbody tr.same,
.unstacker-dialog table#unstacker-table tbody tr.same {
  background-color: rgba(0, 255, 0, 0.2);
}
.unstacker-dialog-right table.metrics tbody tr.same td.slim .quickpick:hover,
.unstacker-dialog table.unstacker-property tbody tr.same td.slim .quickpick:hover,
.unstacker-dialog table#unstacker-table tbody tr.same td.slim .quickpick:hover,
.unstacker-dialog-right table.metrics tbody tr.same td.udf-field .quickpick:hover,
.unstacker-dialog table.unstacker-property tbody tr.same td.udf-field .quickpick:hover,
.unstacker-dialog table#unstacker-table tbody tr.same td.udf-field .quickpick:hover {
  background: rgba(125, 225, 125, 0.25);
}
.unstacker-dialog-right table.metrics tbody tr.mapped-to,
.unstacker-dialog table.unstacker-property tbody tr.mapped-to,
.unstacker-dialog table#unstacker-table tbody tr.mapped-to {
  background-color: rgba(0, 255, 0, 0.2);
}
.unstacker-dialog-right table.metrics tbody tr.mapped-to td.slim .quickpick:hover,
.unstacker-dialog table.unstacker-property tbody tr.mapped-to td.slim .quickpick:hover,
.unstacker-dialog table#unstacker-table tbody tr.mapped-to td.slim .quickpick:hover,
.unstacker-dialog-right table.metrics tbody tr.mapped-to td.udf-field .quickpick:hover,
.unstacker-dialog table.unstacker-property tbody tr.mapped-to td.udf-field .quickpick:hover,
.unstacker-dialog table#unstacker-table tbody tr.mapped-to td.udf-field .quickpick:hover {
  background: rgba(125, 225, 125, 0.25);
}
.unstacker-dialog-right table.metrics tbody tr.space td,
.unstacker-dialog table.unstacker-property tbody tr.space td,
.unstacker-dialog table#unstacker-table tbody tr.space td {
  height: 0.125em;
  padding: 0em;
}
.unstacker-dialog-right table.metrics tbody tr.line td,
.unstacker-dialog table.unstacker-property tbody tr.line td,
.unstacker-dialog table#unstacker-table tbody tr.line td {
  height: 0.125em;
  padding: 0em;
  border-bottom: 1px solid #ddd;
}
.import-rent-roll-container {
  width: 30em;
}
.import-rent-roll-container h4 {
  margin: 0em;
}
.import-rent-roll-container .spinner {
  float: right;
  margin-top: 0.5em;
}
.import-rent-roll-container .progress table {
  width: 100%;
}
#ssClients {
  height: auto;
  max-height: 350px;
  margin: 1em 0;
  overflow-y: auto;
  position: relative;
}
#ssClients:empty {
  margin-bottom: 0;
}
#ssClients .client-button {
  padding: 1em;
  float: left;
}
#ssClients .client-button img {
  background-color: rgba(245, 245, 245, 0.95);
  height: 85px;
  padding: 5px;
  width: 215px;
}
#ssClients .client-button:hover {
  background-color: #ccc;
}
#ssClients .on {
  background-color: #fcb640;
}
.dialog .message {
  margin: 1em 0.5em;
}
.back-button {
  background: #fff;
  color: #1e6ea4;
  display: inline-block;
  opacity: 0.9;
  padding: 0.5em;
  position: fixed;
  border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  -moz-border-radius: 0.3125em;
  font-size: 20px;
  vertical-align: top;
}
.back-button:before {
  background: center / contain url('/images/icons/icon-chevron-left-1e6ea4.svg') no-repeat;
  content: '\00a0';
  display: inline-block;
  height: 1em;
  margin: 0em 0.5em 0em 0em;
  vertical-align: text-top;
  width: 1em;
}
.back-button:hover {
  color: #0095f0;
  cursor: pointer;
}
.back-button:hover:before {
  background-image: url('/images/icons/icon-chevron-left-1976f8.svg');
}
.dialog-floater {
  position: fixed;
  z-index: 220;
}
.qp-menu {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0.25em 0.66em 0.25em rgba(0, 0, 0, 0.14), 0 0.36em 0.66em -0.5em rgba(0, 0, 0, 0.12), 0 0.33em 0.66em 0.26em rgba(0, 0, 0, 0.2);
  display: inline-block;
  margin: 0em;
  padding: 0em;
  position: fixed;
  overflow: hidden;
  border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
  -moz-border-radius: 0.3125em;
  z-index: 999;
}
.qp-menu .filters input[type=text] {
  width: initial;
  margin-left: 0.375em;
}
.qp-menu .filters input + label {
  display: inline-block;
}
.qp-menu .items {
  margin: 0.5em 0em;
  padding: 0em 1em;
  overflow-y: auto;
}
.qp-menu .items .item {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.25em 0.5em;
  text-overflow: ellipsis;
}
.check-label input[type="checkbox"] {
  margin: 0 1em;
  vertical-align: -webkit-baseline-middle;
}
.menu-opened #main-overlay {
  opacity: 1;
  display: block;
}
main {
  position: relative;
  margin-left: 0;
  background-color: white;
  margin-top: 4.8125em;
  min-height: calc(100vh - 4.8125em);
  transition: margin-left 0.2s;
}
header {
  z-index: 100;
  position: fixed;
  top: 0em;
  left: 0em;
  height: 4.8125em;
  right: 0em;
  line-height: 4.8125em;
  border-bottom: 1px SOLID #888;
  background-color: #fff;
  transition: box-shadow 0.4s;
}
header .menu {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 4.8125em;
}
header .menu:before {
  position: relative;
  top: 0.1875em;
}
header #leo-led {
  font-style: italic;
  left: 21em;
  height: 4.8125em;
  margin: 0;
  position: absolute;
  top: 0;
}
header #leo-led.connected {
  color: #393;
}
header #leo-led.connected .txt:before {
  content: 'Connected';
}
header #leo-led.disconnected {
  color: #F00;
}
header #leo-led.disconnected .txt:before {
  content: 'Disconnected';
}
header #leo-led .txt {
  font-size: 11px;
}
header .title {
  font-size: 1.75em;
}
header > .container {
  padding-left: 3.125em;
}
@media only screen and (min-width: 769px) {
  header {
    left: 20em;
  }
  header .menu {
    display: none;
  }
  header .container {
    padding-left: 1em;
    padding-right: 1em;
  }
}
body.v2 header {
  left: 0em !important;
}
body.v2 nav {
  display: none;
  visibility: hidden;
}
.logo {
  box-sizing: border-box;
  background: url('/images/Leo-DDR-Logo-Login.svg') no-repeat left;
  background-color: #fff;
  background-size: contain;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1em;
  height: 14.25em;
}
.logo-v-2 {
  box-sizing: border-box;
  background-color: transparent;
  background-position-x: 20em;
  background-size: contain;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 4.75em;
  width: 20.25em;
}
.logo-v-2:before {
  content: '\00A0';
  box-sizing: border-box;
  background: url('/images/DDR_Logo.svg') no-repeat left;
  background-color: transparent;
  background-size: 17em;
  background-position-x: 2em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 4.75em;
  width: 24em;
}
.focus-show {
  display: none;
}
.focus-show:focus {
  display: block;
}
textarea {
  box-sizing: border-box;
  border: 1px SOLID #aaa;
  line-height: normal;
  padding: 0.25em 0.5em;
}
input[type="date"] {
  border: 1px SOLID #aaa;
  height: 32px;
  padding: 5px;
  line-height: 24px;
  width: 100%;
}
input[type="date"]:focus {
  border: 1px SOLID #aaf;
}
select {
  border: 1px SOLID #aaa;
  outline-style: none;
  box-shadow: none;
  box-sizing: border-box;
  height: 2.5em;
  padding: 0.5em 1.5em 0.5em 0.5em;
  line-height: 1.25em;
  width: 100%;
}
select:focus {
  border: 1px SOLID #aaf;
}
select:focus:invalid {
  box-shadow: none;
}
select:invalid {
  box-shadow: 0 0 3px 1px red;
}
select.dynatable-per-page-select {
  width: initial;
}
input[type="text"],
input[type="password"] {
  border: 1px SOLID #aaa;
  outline-style: none;
  box-shadow: none;
  box-sizing: border-box;
  height: 1.875em;
  padding: 1em 0.75em;
  line-height: 1em;
  font-weight: lighter;
  width: 100%;
}
input[type="text"]:focus,
input[type="password"]:focus {
  border: 1px SOLID #aaf;
}
input[type="text"]:focus:invalid,
input[type="password"]:focus:invalid {
  box-shadow: none;
}
input[type="text"]:invalid,
input[type="password"]:invalid {
  box-shadow: 0 0 3px 1px red;
}
.input-overlay {
  position: absolute;
  pointer-events: none;
  top: 0.4375em;
  left: 0.8125em;
  color: #999;
}
.input-border {
  border: 1px SOLID #aaa;
}
.select-container,
.dynatable-per-page {
  position: relative;
}
.select-container select,
.dynatable-per-page select {
  width: 100%;
  border: 1px SOLID #aaa;
  padding: 0.38125em 2em 0.40625em 0.75em;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select-container select.dynatable-per-page-select,
.dynatable-per-page select.dynatable-per-page-select {
  width: initial;
}
.select-container:after,
.dynatable-per-page:after {
  pointer-events: none;
  position: absolute;
  content: "";
  top: 0.75em;
  right: 0.625em;
  width: 0em;
  height: 0em;
  border-bottom: 0;
  border-left: 0.3125em SOLID transparent;
  border-right: 0.3125em SOLID transparent;
  border-top: 0.625em SOLID #aaa;
}
.select-container:hover:after,
.dynatable-per-page:hover:after {
  border-color: #185880 transparent transparent transparent;
}
.dynatable-per-page {
  display: inline-block;
  margin-bottom: 0.5em;
  float: left;
}
.tab-container {
  position: relative;
}
.tab-container input {
  display: none;
}
.tab-container label {
  transition: background-color 0.4s;
}
.tab-container input + label {
  display: inline-block;
  border-radius: 1.125em;
  -webkit-border-radius: 1.125em;
  -moz-border-radius: 1.125em;
  padding: 0.4375em 1em;
  color: #007FFF;
}
.tab-container input + label:hover {
  color: #3399ff;
}
.tab-container input:checked + label {
  background-color: #007FFF;
  color: #fff;
}
.tab-container input:checked + label:hover {
  background-color: #3399ff;
}
.tab-container.small input + label {
  padding: 0em 1em;
}
.tab-container input.disabled + label,
.tab-container input:disabled + label,
.tab-container.disabled input + label {
  color: #bbb;
  background-color: transparent;
}
.tab-container input.disabled + label:before,
.tab-container input:disabled + label:before,
.tab-container.disabled input + label:before {
  border-color: #bbb;
}
.tab-container input.disabled + label:after,
.tab-container input:disabled + label:after,
.tab-container.disabled input + label:after {
  background-color: #bbb;
}
.tab-container input.disabled + label:hover,
.tab-container input:disabled + label:hover,
.tab-container.disabled input + label:hover {
  color: #bbb;
  background-color: transparent;
}
.tab-container.mod-sort {
  position: relative;
}
.tab-container.mod-sort input:checked + label .sort {
  position: relative;
  display: inline-block;
  padding-right: 1.125em;
}
.tab-container.mod-sort input:checked + label .sort.t-red {
  color: #Fdd;
}
.tab-container.mod-sort input:checked + label .sort.t-green {
  color: #dfd;
}
.tab-container.mod-sort input:checked + label .sort.light {
  color: #fff;
}
.tab-container.mod-sort input:checked + label .sort:after {
  position: absolute;
  top: 0.375em;
  right: 0em;
  content: "";
  width: 0em;
  height: 0em;
  border-bottom: 0;
  border-left: 0.3125em SOLID transparent;
  border-right: 0.3125em SOLID transparent;
  border-top: 0.625em SOLID #004c99;
}
.tab-container.mod-sort.down input:checked + label .sort:after {
  border-top-color: #ffffff;
}
.tab-container.mod-sort.up input:checked + label .sort:after {
  top: 0.1875em;
  width: 0em;
  height: 0em;
  border-top: 0;
  border-left: 0.34375em SOLID transparent;
  border-right: 0.34375em SOLID transparent;
  border-bottom: 0.6875em SOLID #ffffff;
}
.tab-container.mod-sort.up input:checked + label:hover .sort:after {
  border-bottom-color: #7ffef0;
}
.tab-container.mod-sort.down input:checked + label:hover .sort:after {
  border-top-color: #7ffef0;
}
.panel.notice {
  margin-left: auto;
  margin-right: auto;
  max-width: 37.5em;
}
.panel.medium {
  margin-left: auto;
  margin-right: auto;
  max-width: 64em;
}
.radio-container {
  position: relative;
}
.radio-container input {
  display: none;
}
.radio-container label {
  transition: background-color 0.4s;
}
.radio-container input + label {
  position: relative;
  display: inline-block;
  font-size: 1.125em;
  padding: 0.125em 1em 0.125em 1.375em;
  color: #007FFF;
}
.radio-container input + label:before {
  position: absolute;
  content: "";
  border: 1px SOLID #007FFF;
  width: 1.125em;
  height: 1.125em;
  border-radius: 0.5625em;
  -webkit-border-radius: 0.5625em;
  -moz-border-radius: 0.5625em;
  top: 0.3125em;
  left: 0em;
}
.radio-container input + label:hover {
  color: #3399ff;
}
.radio-container input:checked + label:after {
  position: absolute;
  content: "";
  z-index: 1;
  background-color: #007FFF;
  border: 1px SOLID #aaa;
  width: 0.75em;
  height: 0.75em;
  border-radius: 0.5625em;
  -webkit-border-radius: 0.5625em;
  -moz-border-radius: 0.5625em;
  top: 0.5em;
  left: 0.1875em;
}
.radio-container input:checked + label:hover {
  color: #3399ff;
}
.radio-container input.disabled + label,
.radio-container input:disabled + label {
  color: #bbb;
}
.radio-container input.disabled + label:before,
.radio-container input:disabled + label:before {
  border-color: #bbb;
}
.radio-container input.disabled + label:after,
.radio-container input:disabled + label:after {
  background-color: #bbb;
}
.radio-container input.disabled + label:hover,
.radio-container input:disabled + label:hover {
  color: #bbb;
}
.search-box {
  position: relative;
  /*
  input:not(:focus) + .x + .suggestions {
    display: none;
  }
  */
}
.search-box input,
.search-box textarea {
  padding-right: 30px;
}
.search-box .s-right {
  position: absolute;
  top: 0.4375em;
  right: 0.4375em;
  z-index: 1;
  transition: opacity 0.2s;
}
.search-box input:read-only,
.search-box textarea:read-only {
  background-color: #eee;
  color: #666;
}
.search-box input:not(:placeholder-shown) + .x,
.search-box textarea:not(:placeholder-shown) + .x {
  opacity: 0.6;
  cursor: pointer;
}
.search-box input:not(:placeholder-shown) + .x:hover,
.search-box textarea:not(:placeholder-shown) + .x:hover {
  opacity: 1;
}
.search-box input:placeholder-shown + .x,
.search-box textarea:placeholder-shown + .x {
  opacity: 0;
}
.search-box input.valid {
  background-color: #ccffcc;
}
.search-box .suggestions {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding: 0.5em;
  border: 1px SOLID #aaa;
  background-color: #fff;
  z-index: 1;
}
.search-box .suggestions div {
  display: block;
  cursor: pointer;
}
.search-box .suggestions div:hover {
  background-color: #ccc;
  color: #fff;
}
.search-box .suggestions div.on {
  background-color: dodgerblue;
  color: #fff;
}
.search-box .suggestions:empty {
  display: none;
}
.search-box .suggestions.mod-line > div + div {
  border-top: 1px DOTTED #aaa;
}
.inspection-type-box {
  margin-left: 0.25em;
  border: 1px transparent;
}
.inspection-type-box .err {
  display: none;
  color: red;
  margin-left: 1em;
  margin-top: 0.5em;
}
.inspection-type-box.invalid {
  border: 1px solid red;
}
.inspection-type-box.invalid .err {
  display: block;
}
.formErr {
  display: none;
  color: red;
  margin-top: 0.5em;
  border: 1px solid red;
}
.inspection-contact-info input[type=text] {
  margin-bottom: 1em;
}
.billing-date {
  margin-bottom: 1em;
}
.billing-radio-box {
  border: 1px transparent;
  margin: 0.25em 1em 1em 0.25em;
}
.billing-radio-box .invalid {
  display: none;
  margin: 0.25em 0.5em 0em 0.5em;
}
.billing-radio-box.invalid {
  border: 1px solid red;
}
.billing-radio-box.invalid .invalid {
  color: red;
  display: block;
}
.icon-c {
  background: url('/images/icons/close-icon.svg') center no-repeat;
  width: 1.75em;
  height: 1.5em;
  position: absolute;
  right: 0.25em;
  top: 0.3125em;
  background-size: contain;
  z-index: 2;
}
.icon-c:hover {
  filter: brightness(50%);
}
.fragment-icon {
  background: url('/images/icons/City-Icons.svg') center no-repeat;
  width: 1.5em;
  height: 1.5em;
  background-size: contain;
}
.fragment-icon.city {
  background-image: url('/images/icons/City-Icons.svg');
  width: 0.75em;
  height: 0.75em;
}
.fragment-icon.county {
  background-image: url('/images/icons/County-Icons.svg');
  width: 1.125em;
  height: 1.125em;
}
/* ==== PAGINATION ==== */
ul.pagination {
  margin: 0;
  padding: 0;
  line-height: normal;
  min-height: 1.5em;
}
ul.pagination li {
  display: inline-block;
}
ul.pagination li a {
  padding: 0em 0.3125em;
}
ul.pagination li.current a {
  background: #0ea0f4;
  color: #fff;
}
.panel.m {
  padding-top: 1em;
  padding-bottom: 1em;
}
/* SPINNER */
.spinner {
  text-align: center;
  width: 5.125em;
  padding: 0;
  margin: 0 auto;
  line-height: normal;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.spinner .bounce2,
.spinner .bounce3 {
  margin-left: 0.3125em;
}
.spinner > div {
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  background-color: #505F74;
  border-radius: 100%;
  display: inline-block;
  width: 1.125em;
  height: 1.125em;
}
.spinner.white > div {
  background-color: white;
}
.spinner-small {
  text-align: center;
  width: 2.5em;
  padding: 0;
  margin: 0 auto;
  line-height: normal;
}
.spinner-small .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner-small .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.spinner-small .bounce2,
.spinner-small .bounce3 {
  margin-left: 0.3125em;
}
.spinner-small > div {
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  background-color: #505F74;
  border-radius: 100%;
  display: inline-block;
  width: 0.625em;
  height: 0.625em;
}
.spinner-small.white > div {
  background-color: white;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.dialog {
  display: none;
  overflow: auto;
  transform: translate(-50%, -50%);
  z-index: 210;
  max-width: calc(100% -  64 / 16em);
  max-height: calc(100% - 64 / 16em);
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #fff;
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 5px 38px 3px rgba(0, 0, 0, 0.2);
  padding: 1em;
}
.dialog.has-title {
  padding: 0em;
}
.dialog.on {
  display: block;
}
.dialog .title {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0.1875em 0.75em;
  background-color: #1c6ea5;
  height: 2.25em;
  line-height: 1.875em;
  color: #fff;
}
.dialog .content {
  margin-top: 2.25em;
  padding: 1em;
  max-height: calc(100% - 36 / 16em);
  max-width: 100%;
  overflow: auto;
}
.dialog .x-close {
  text-align: center;
  line-height: 2.25em;
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  height: 2.25em;
  width: 2.25em;
  color: #fff;
  border-radius: 1.125em;
  -webkit-border-radius: 1.125em;
  -moz-border-radius: 1.125em;
  transition: background-color 0.4s, color 0.4s;
}
.dialog .x-close:before {
  content: "\2716";
}
.dialog .x-close:hover {
  background-color: #fff;
  color: #000;
}
.dialog .x-zoom {
  text-align: center;
  line-height: 2.25em;
  z-index: 2;
  position: fixed;
  top: 0;
  right: 30px;
  height: 2.25em;
  width: 2.25em;
  color: #fff;
  border-radius: 1.125em;
  -webkit-border-radius: 1.125em;
  -moz-border-radius: 1.125em;
  transition: background-color 0.4s, color 0.4s;
}
.dialog .x-zoom:before {
  content: "\1F5D6";
}
.dialog .x-zoom:hover {
  background-color: #fff;
  color: #000;
}
.dialog.dlg-small {
  width: 37.5em;
}
.dialog.dlg-large {
  width: calc(75% -  64 / 16em);
  max-width: calc(75% -  64 / 16em);
}
.dialog.dlg-borderless {
  padding: 0;
}
.dialog .button-bar {
  text-align: right;
  padding-top: 1em;
}
.dialog .button-bar .button + .button {
  margin: 0em 0.75em;
}
.dialog.plain {
  padding-right: 2em;
}
.dialog.plain .x-close {
  color: #000;
}
.dialog.plain .x-close:hover {
  color: #888;
}
.dialog.plain .x-zoom {
  color: #000;
}
.dialog.plain .x-zoom:hover {
  color: #888;
}
.dialog.plain.no-x {
  padding-right: 1em;
}
.dialog.dlg-borderless.no-x {
  padding-right: 0em;
}
.edit-pane .txt span.locked {
  color: #999;
  cursor: default;
}
.template-upload {
  position: relative;
  height: 33px;
  line-height: 33px;
  padding-left: 43px;
  font-size: 14px;
  font-weight: bold;
  color: green;
}
.template-upload .icon-sec {
  position: absolute;
  top: 0px;
  left: 0px;
}
.template-upload:hover,
.template-upload.hover {
  color: purple;
  text-decoration: underline;
}
.template-upload:hover .icon-sec,
.template-upload.hover .icon-sec {
  background-position: -36px -277px;
}
.template-file-upload input.tfu-input {
  font: 500px monospace;
  /* make the input's button HUGE' */
  opacity: 0;
  /* this will make it transparent */
  filter: alpha(opacity=0);
  /* transparency for Internet Explorer */
  position: absolute;
  /* making it absolute with z-index:1 will place it on top of the button */
  z-index: 1;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.template-file-upload .uploading {
  font-size: 12px;
  line-height: 12px;
  margin-top: 5px;
  position: relative;
  width: 280px;
}
.template-file-upload .uploading .filename {
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.template-file-upload .uploading .buttons {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 110px;
  font-size: 10px;
}
.template-file-upload .uploading .bar,
.template-file-upload .uploading .progress {
  width: 50px;
  border: 0px;
  height: 10px;
}
.template-file-upload .uploading .bar {
  margin-top: 1px;
  margin-right: 5px;
  position: relative;
  float: right;
  background-color: #ccc;
}
.template-file-upload .uploading .progress {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: green;
}
.template-file-upload .uploading .finished {
  position: absolute;
  right: 0px;
  top: 0px;
}
.ss-progress-bar {
  background-color: #ddd;
  height: 1.75em;
  padding: 0.0625em 0.25em 0.125em 0em;
  width: 100%;
  border: 1px SOLID #aaa;
  border-radius: 0.875em;
  -webkit-border-radius: 0.875em;
  -moz-border-radius: 0.875em;
  text-align: left;
  box-shadow: 0px 0px 0.3125em #ccc inset;
  overflow: hidden;
  position: relative;
}
.ss-progress-bar .widget-bar {
  position: absolute;
  top: 0em;
  left: -1.75em;
  padding: 0em;
  margin: 0em;
  display: inline-block;
  height: 1.75em;
  border-radius: 0.875em;
  -webkit-border-radius: 0.875em;
  -moz-border-radius: 0.875em;
  box-shadow: 0 0 0.1875em #aaa;
  transition: width 0.4s ease-in-out;
  background-color: #ccc;
  transition: 0.2s width;
  text-align: right;
  line-height: 1.75em;
  padding: 0em 0.625em 0em 0em;
  color: #fff;
  text-shadow: 0px 0px 0.1875em #888;
}
.ss-progress-bar .widget-percent {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  position: absolute;
  color: #fff;
  padding: 0em;
  margin: 0em;
  left: 0em;
  right: 0em;
  width: 100%;
  z-index: 1;
  text-align: center;
}
.ss-progress-bar .spinner {
  opacity: 0;
  margin-top: 0.25em;
  transition: 0.2s opacity;
}
.ss-progress-bar.zero .spinner {
  display: inherit;
  opacity: 1;
}
.p-blue .widget-bar {
  background-color: #34c2e3;
}
.p-orange .widget-bar {
  background-color: #fecf23;
}
.p-green .widget-bar {
  background-color: #a5df41;
}
.p-stripes .widget-bar {
  background-size: 1.875em 3.75em;
  background-image: linear-gradient(112deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  animation: animate-stripes 3s linear infinite;
}
@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 3.75em 0;
  }
}
.full-window {
  z-index: 220;
}
.widget-file-upload-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  display: none;
  box-sizing: border-box;
  transition: opacity 1s;
  padding: 2em;
}
.widget-file-upload-fullscreen .box {
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  border-radius: 1.875em;
  -webkit-border-radius: 1.875em;
  -moz-border-radius: 1.875em;
  padding: 2em;
}
.widget-file-upload-fullscreen .box .box {
  margin: 2.5% 0;
  height: 90%;
}
.widget-file-upload-fullscreen .box .box + .box {
  margin-top: 0;
}
.widget-file-upload-fullscreen .dot {
  border: 3px dashed #888;
  display: table;
}
.widget-file-upload-fullscreen .content {
  display: table-cell;
  vertical-align: middle;
  font-size: 2em;
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center;
  background-image: url('/images/cloud-upload3.png');
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: 50% 250px;
}
.widget-file-upload-fullscreen.u-ready {
  opacity: 0;
  display: none;
}
.widget-file-upload-fullscreen.u-dragging,
.widget-file-upload-fullscreen.u-can-drop {
  display: block;
  opacity: 1;
}
textarea.cson {
  tab-size: 2;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  font-family: 'Roboto Mono', 'Lucida Console', Monaco, monospace;
}
/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 */
.jq-toast-wrap {
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  width: 18.75rem;
  pointer-events: none !important;
  letter-spacing: normal;
  z-index: 9000 !important;
}
.jq-toast-wrap * {
  margin: 0;
  padding: 0;
}
.jq-toast-wrap.bottom-left {
  bottom: 1.25rem;
  left: 1.25rem;
}
.jq-toast-wrap.bottom-right {
  bottom: 1.25rem;
  right: 2.5rem;
}
.jq-toast-wrap.top-left {
  top: 1.25rem;
  left: 1.25rem;
}
.jq-toast-wrap.top-right {
  top: 1.25rem;
  right: 2.5rem;
}
.jq-toast-single {
  display: block;
  width: 100%;
  padding: 0.625rem;
  margin: 0rem 0rem 0.3125rem;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  position: relative;
  pointer-events: all !important;
  background-color: #444;
  color: #fff;
}
.jq-toast-single h2 {
  font-size: 1rem;
  margin: 0em 0em 0.4375em;
  background: 0 0;
  color: inherit;
  line-height: inherit;
  letter-spacing: normal;
}
.jq-toast-single a {
  color: #eee;
  text-decoration: none;
  font-weight: 700;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.1875rem;
  font-size: 0.75em;
}
.jq-toast-single ul {
  margin: 0rem 0rem 0rem 0.9375rem;
  background: 0 0;
  padding: 0;
}
.jq-toast-single ul li {
  list-style-type: disc !important;
  line-height: 1.0625rem;
  background: 0 0;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}
.close-jq-toast-single {
  position: absolute;
  top: 0.1875rem;
  right: 0.4375rem;
  font-size: 0.875rem;
  cursor: pointer;
}
.jq-toast-loader {
  display: block;
  position: absolute;
  top: -0.125rem;
  height: 0.3125rem;
  width: 0;
  left: 0;
  border-radius: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  background: red;
}
.jq-toast-loaded {
  width: 100%;
}
.jq-has-icon {
  padding: 0.625rem 0.625rem 0.625rem 3.125rem;
  background-repeat: no-repeat;
  background-position: 0.625rem;
}
.jq-icon-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
  background-color: #31708f;
  color: #d9edf7;
  border-color: #bce8f1;
}
.jq-icon-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
  background-color: #8a6d3b;
  color: #fcf8e3;
  border-color: #faebcc;
}
.jq-icon-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);
  background-color: #a94442;
  color: #f2dede;
  border-color: #ebccd1;
}
.jq-icon-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);
  color: #dff0d8;
  background-color: #3c763d;
  border-color: #d6e9c6;
}
.onoff-switch {
  position: relative;
  width: 2.5em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoff-switch input[type="checkbox"] {
  display: none;
}
.onoff-switch input + label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 1.25em;
  padding: 0em;
  line-height: 1.25em;
  border: 2px solid #9E9E9E;
  border-radius: 1.25em;
  -webkit-border-radius: 1.25em;
  -moz-border-radius: 1.25em;
  background-color: #9E9E9E;
  transition: background-color 0.3s ease-in;
}
.onoff-switch input + label:before {
  content: "";
  display: block;
  width: 1.25em;
  margin: 0em;
  background: #eee;
  position: absolute;
  top: 0em;
  bottom: 0em;
  right: 1.1875em;
  border: 2px solid #9E9E9E;
  border-radius: 1.25em;
  -webkit-border-radius: 1.25em;
  -moz-border-radius: 1.25em;
  transition: all 0.15s ease-in 0s;
}
.onoff-switch input:checked + label {
  background-color: #42A5F5;
  border-color: #42A5F5;
}
.onoff-switch input:checked + label:before {
  border-color: #42A5F5;
  right: 0em;
}
.onoff-switch + label {
  display: inline-block;
  position: relative;
  padding-left: 0.5em;
  top: -0.25em;
  color: #999;
}
/* surrounding tag container */
.tag-editor {
  list-style-type: none;
  padding: 0em 0.3125em 0em 0em;
  margin: 0;
  overflow: hidden;
  border: 1px solid #eee;
  cursor: text;
  font-style: normal;
  color: #555;
  background: #fff;
  line-height: 1.875em;
  /* core styles usually need no change */
}
.tag-editor li {
  display: block;
  float: left;
  overflow: hidden;
  margin: 0.1875em 0em;
}
.tag-editor div {
  float: left;
  padding: 0em 0.25em;
}
.tag-editor .placeholder {
  padding: 0em 0.5em;
  color: #bbb;
}
.tag-editor .tag-editor-spacer {
  padding: 0em;
  width: 0.5em;
  overflow: hidden;
  color: transparent;
  background: none;
}
.tag-editor input {
  vertical-align: inherit;
  border: 0;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: text;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
  box-shadow: none;
  background: none;
  color: #444;
}
/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src {
  position: absolute !important;
  left: -99999px;
}
.tag-editor {
  /* hide IE10 "clear field" X */
  /* tag style */
  /* delete icon */
}
.tag-editor ::-ms-clear {
  display: none;
}
.tag-editor .tag-editor-tag {
  padding-left: 0.5em;
  color: #46799b;
  background: #e0eaf1;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  border-radius: 0.125em 0em 0em 0.125em;
  -webkit-border-radius: 0.125em 0em 0em 0.125em;
  -moz-border-radius: 0.125em 0em 0em 0.125em;
}
.tag-editor .tag-editor-delete {
  background: #e0eaf1;
  cursor: pointer;
  border-radius: 0em 0.125em 0.125em 0em;
  -webkit-border-radius: 0em 0.125em 0.125em 0em;
  -moz-border-radius: 0em 0.125em 0.125em 0em;
  padding-left: 0.375em;
  padding-right: 0.5em;
}
.tag-editor .tag-editor-delete i {
  line-height: 1.875em;
  display: inline-block;
}
.tag-editor .tag-editor-delete i:before {
  font-size: 1em;
  color: #8ba7ba;
  content: "×";
  font-style: normal;
}
.tag-editor .tag-editor-delete:hover i:before {
  color: #d65454;
}
.tag-editor .tag-editor-tag.active + .tag-editor-delete,
.tag-editor .tag-editor-tag.active + .tag-editor-delete i {
  visibility: hidden;
  cursor: text;
}
.tag-editor .tag-editor-tag.active {
  background: none !important;
}
.mod-hover-close + .tag-editor .tag-editor-tag {
  border-radius: 0.125em;
  -webkit-border-radius: 0.125em;
  -moz-border-radius: 0.125em;
  padding-right: 0.5em;
}
.mod-hover-close + .tag-editor .tag-editor-delete {
  display: none;
  position: absolute;
  z-index: 10;
  top: -0.1875em;
  right: -0.5em;
  background-color: #ccc;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  width: 1em;
  height: 1em;
  padding: 0em;
  box-shadow: 0.0625em 0.0625em 0.3125em #aaa;
}
.mod-hover-close + .tag-editor .tag-editor-delete i:before {
  position: absolute;
  top: -0.4375em;
  left: 0.25em;
}
.mod-hover-close + .tag-editor li {
  overflow: visible;
  position: relative;
}
.mod-hover-close + .tag-editor li:hover .tag-editor-delete {
  display: inline-block;
}
/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  font-size: 0.875em;
}
.ui-front {
  z-index: 9999;
}
.ui-menu {
  list-style: none;
  padding: 0.0625em;
  margin: 0em;
  display: block;
  outline: none;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0.125em 0.4em;
  line-height: 1.4em;
  min-height: 0;
  /* support: IE7 */
}
.ui-widget-content {
  border: 1px solid #bbb;
  background: #fff;
  color: #555;
}
.ui-widget-content a {
  color: #46799b;
}
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #e0eaf1;
}
.ui-helper-hidden-accessible {
  display: none;
}
/*Tooltip text*/
.tooltip {
  position: relative;
}
.tooltip .tooltip-text {
  font-size: 1em;
  line-height: 1.5em;
  visibility: hidden;
  max-width: 18.75em;
  background-color: #00b4ab;
  color: #fff;
  text-align: center;
  border-radius: 0.375em;
  -webkit-border-radius: 0.375em;
  -moz-border-radius: 0.375em;
  padding: 0.625em;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -3.75em;
  opacity: 0;
  transition: 0.3s;
  transform: translate3d(0px, 20px, 0px);
}
.tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0.3125em;
  border-radius: 0.3125em;
  border-style: solid;
  border-color: #00b4ab transparent transparent transparent;
}
.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}
.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}
.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}
.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}
/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
  opacity: 1;
}
/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}
/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}
/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}
/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}
/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}
/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 4px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}
/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px;
}
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
  top: 0;
  width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}
/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px;
}
/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black;
}
/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}
.template-note .sub-note,
.template-note .sub-questions {
  padding: 0.5em 1em 1em 1em;
  border-radius: 0.375em;
  -webkit-border-radius: 0.375em;
  -moz-border-radius: 0.375em;
}
.template-note .sub-note {
  background-color: #ffff80;
}
.template-note .icons {
  text-align: right;
}
.template-note .icons [data-action="expand"] {
  display: inline-block;
  color: #bbb;
}
.template-note .icons [data-action="expand"] i {
  font-size: 1.5em;
}
.template-note .icons [data-action="expand"] i.state {
  font-size: 1em;
  opacity: 0.7;
  position: relative;
  top: -0.1875em;
}
.template-note .icons [data-action="expand"] i + i {
  padding-left: 0.25em;
}
.template-note .icons [data-action="expand"]:hover {
  color: #888;
}
.template-note .icons [data-action="expand"] i.is-expanded {
  display: none;
}
.template-note .icons [data-action="expand"].expanded i.not-expanded {
  display: none;
}
.template-note .icons [data-action="expand"].expanded i.is-expanded {
  display: inline-block;
}
.template-note .icons .g + .g {
  padding-left: 0.75em;
}
.template-note.has-note i.fa-comment {
  color: #0f0;
}
.template-note.has-questions i.fa-question-circle {
  color: #0f0;
}
.entries {
  box-sizing: border-box;
}
.entries .sec {
  position: relative;
  left: 0;
  right: 0;
  padding: 0.5em;
}
.entries .header {
  padding-bottom: 0.3125em;
}
.entries pre {
  font-size: 0.875em;
  white-space: pre-wrap;
  font-family: 'Roboto', sans-serif;
}
.entries em {
  display: inline-block;
  background-color: #ffff80;
}
.entries .sec + .sec {
  margin-top: 0.5em;
  border-top: 1px SOLID #aaa;
}
.entries .note-area {
  padding-left: 1em;
}
.entries .note-area textarea {
  border: 1px SOLID #B9B9C8;
  width: 100%;
  min-height: 5em;
  margin-top: 0.5em;
  box-shadow: 0.0625em 0.0625em 0.3125em #ddd;
}
.entries .note-area textarea.dirty {
  border: px SOLID red;
}
.entries .note-area .icons i {
  font-size: 1.5em;
  padding: 0.125em;
  color: #bbb;
  transition: text-shadow 0.4s;
}
.entries .note-area .icons i:hover {
  color: #ddd;
  text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F;
}
.entries .tab {
  display: none;
}
.entries .note .note-tab {
  display: block;
}
.entries .note .note-tab textarea {
  background-color: #ffff80;
}
.entries .note i.note-icon {
  color: #0ea0f4;
}
.entries .questions .questions-tab {
  display: block;
}
.entries .questions .questions-tab textarea {
  background-color: #ffe2aa;
}
.entries .questions i.questions-icon {
  color: orange;
}
.s-quickhide {
  text-align: right;
}
.s-quickhide > input {
  display: none;
}
.s-quickhide > input + label {
  line-height: 2em;
  color: #999;
  font-size: 1.5em;
}
.s-quickhide > input + label .on {
  display: none;
}
.s-quickhide > input + label + div {
  display: none;
}
.s-quickhide > input:checked + label .on {
  display: inherit;
}
.s-quickhide > input:checked + label .off {
  display: none;
}
.s-quickhide > input:checked + label + div {
  display: inherit;
}
.s-quickhide > div {
  text-align: left;
}
@media only screen and (min-width: 601px) {
  .s-quickhide > input + label + div {
    display: inherit;
  }
  .s-quickhide > input,
  .s-quickhide > label {
    display: none;
  }
}
.tbar a {
  display: inline-block;
  padding: 0.0625em 0.5em;
  border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
}
.tbar a.on {
  background-color: #0099CC;
  color: white;
}
.tbar .line {
  display: inline-block;
}
.tbar .line:after {
  content: "|";
  padding: 0em 0.5em;
  color: #ccc;
}
.bbar a + a:before {
  content: "|";
  padding: 0em 0.5em;
  color: #ccc;
}
.s-form label {
  color: #999;
}
.s-form input,
.s-form textarea {
  margin-bottom: 0.5em;
  width: 100%;
}
label.color {
  line-height: 1.5em;
  padding-right: 0.5em;
  position: relative;
  top: -0.25em;
  cursor: pointer;
}
input[type="color"] {
  -webkit-appearance: none;
  border: 1px SOLID #ddd;
  width: 3em;
  height: 1.5em;
  cursor: pointer;
}
input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
input[type="color"]::-webkit-color-swatch {
  border: none;
}
.popup-list {
  margin: 0;
  position: absolute;
  background-color: #fff;
  border: 1px SOLID #aaa;
  z-index: 300;
}
.popup-list h1 {
  font-size: 1em;
  margin: 0em;
  padding: 0.5em 1em 0em 1em;
}
.popup-list ul {
  list-style-type: none;
  padding: 0.5em 1em;
  margin: 0em;
}
.popup-list ul li:hover {
  background-color: #f0f0f0;
}
.columns-2 {
  column-count: 2;
  column-gap: 1em;
}
.card.note {
  background-color: #FFFFEF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}
.row.divline {
  border-top: 1px SOLID #aaa;
}
.lines-5 {
  width: 100%;
  height: 6.25em;
  overflow-y: hidden;
  position: relative;
}
.lines-5:after {
  content: "...";
  position: absolute;
  bottom: 0;
  right: 0;
}
.simple {
  line-height: 1.125em;
}
.simple ul {
  margin: 0.5em 0em;
}
.bk-Proposed {
  background-color: #EEEEEE;
}
.bk-Confirmed {
  background-color: #CCFFCC;
}
.bk-Rejected {
  background-color: #FFC0C0;
}
.divline {
  margin-top: 0.75em;
  border-top: 1px SOLID #aaa;
  padding-bottom: 0.75em;
}
.divline:before {
  content: "";
  padding-top: 0.75em;
}
textarea.notepad {
  position: absolute;
  border: 1px SOLID #B9B9C8;
  background-color: #ffff80;
  width: 18.75em;
  height: 12.5em;
  min-height: 5em;
  margin-top: 0.5em;
  box-shadow: 0.0625em 0.0625em 0.3125em #ddd;
}
.notearea {
  position: fixed;
  background-color: #fff;
  border: 1px SOLID #B9B9C8;
  box-shadow: 0.0625em 0.0625em 0.3125em #ddd;
  padding: 0em;
}
.notearea textarea.notepad {
  margin: 0;
  position: relative;
  box-shadow: none;
  border: 0;
}
.notearea textarea.notepad:focus {
  outline: none !important;
}
.notearea .pad-bar {
  text-align: right;
  padding: 0.1875em 0.5em;
}
.i-button {
  font-size: 1.5em;
  padding: 0.125em;
  color: #bbb;
  transition: text-shadow 0.4s;
}
.i-button:hover {
  color: #ddd;
  text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F;
}
.i-button.on {
  color: #b3b300;
}
table.why td,
table.why th {
  height: 2em;
  padding: 0em 0.5em;
  vertical-align: middle;
}
table.why th {
  background-color: #eee;
  border-bottom: 1px SOLID #ccc;
}
table.why tr:nth-child(even) {
  background-color: #f2f2f2;
}
table.why td:nth-child(2) {
  width: 100%;
}
table.why td:first-child,
table.why td:nth-child(3) {
  color: #999;
}
table.why .important td:first-child,
table.why .important td:nth-child(3) {
  color: inherit;
  font-weight: 700;
}
.hover-lighten:hover {
  opacity: 0.5;
}
/* NEW System */
.fragment-more {
  text-align: center;
  color: #999;
  padding: 0.25em 1em;
  border-bottom: 1px SOLID #eee;
  cursor: pointer;
}
.fragment-more:hover {
  background-color: #f0f0ff;
  transition: background-color 0.4s;
}
.fragment-item {
  color: #555;
  position: relative;
  padding: 0em 10em 0em 1.125em;
  border-bottom: 1px SOLID #eee;
  min-height: 4em;
  /*&:hover {
    .min-height(4*16);
  }
  */
  cursor: pointer;
  transition: background-color 0.4s;
}
.fragment-item span {
  position: relative;
}
.fragment-item .info {
  position: absolute;
  right: -1em;
  bottom: 0;
  height: 100%;
  width: 10em;
  background-color: #f2f2f2;
  padding: 0.5em 0em 0.5em 0.5em;
  border-bottom: 1px SOLID #fff;
}
.fragment-item.selected:after {
  content: "";
  position: absolute;
  top: 0em;
  right: 9em;
  bottom: 0em;
  left: 0em;
  border: 3px dotted #ff00ff;
}
.fragment-item.doc-entry.selected:after {
  left: -1em;
}
.fragment-item:hover {
  background-color: #f0f0ff;
}
.fragment-item.top-header {
  background-color: #eaeaff;
}
.fragment-item.top-header .txt {
  font-weight: 700;
  font-size: 1.25em;
}
.fragment-item.top-header:hover {
  background-color: #f0f0ff;
}
.fragment-item .txt {
  padding: 0.1875em;
  position: relative;
}
.fragment-item .indent .pre-head {
  position: absolute;
  left: -2.5em;
  width: 2.5em;
  text-align: right;
}
.fragment-item .score {
  position: absolute;
  text-align: right;
  font-size: 0.75em;
  color: #999;
  bottom: 0em;
  right: 11.875em;
}
.fragment-item .percent {
  display: inline-block;
  position: relative;
  top: -0.25em;
  left: -0.1875em;
  color: #444;
}
.fragment-item .header {
  padding-bottom: 0.3125em;
  position: relative;
}
.fragment-item.search {
  padding: 0.5em 10em 1em 1.125em;
}
.fragment-item.note {
  padding: 0.5em 1em 0.5em 0.5em;
}
.fragment-item.note .info {
  top: inherit;
  bottom: inherit;
  left: inherit;
  right: inherit;
  height: auto;
  position: relative;
  width: 100%;
  background-color: transparent;
  padding: 0em 1em;
}
.fragment-item.note .notepad {
  position: relative;
  top: 0em;
  bottom: inherit;
  left: inherit;
  right: inherit;
  height: auto;
  width: 100%;
}
.fragment-item .color-Pending {
  color: #F16A0F;
}
.fragment-item .color-Confirmed {
  color: #19C029;
}
.fragment-item .color-Rejected {
  color: #BE0000;
}
.fragment-item [tip]:after {
  content: attr(tip);
  position: absolute;
  background-color: #ccccff;
}
.fragment-debug-show {
  display: none;
}
.fragment-debug .fragment-debug-hide {
  display: none;
}
.fragment-debug .fragment-debug-show {
  display: inherit;
}
.fragment-debug .group-0 {
  background-color: #f0f0ff;
}
.fragment-debug .group-1 {
  background-color: #ccffcc;
}
.fragment-debug .group-2 {
  background-color: #ccccff;
}
.fragment-debug .group-3 {
  background-color: #ffffcc;
}
.fragment-debug .group-4 {
  background-color: #ffccff;
}
.fragment-debug .group-5 {
  background-color: #ccffff;
}
.fragment-debug .group-6 {
  background-color: #88ff88;
}
.fragment-debug .group-7 {
  background-color: #8888ff;
}
.button.thin {
  padding-top: 0.1875em;
  padding-bottom: 0.1875em;
}
.i-note {
  background-image: url('/images/icons/note_off.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 1.75em;
  height: 1.25em;
  display: inline-block;
  cursor: pointer;
}
.i-note.on {
  background-image: url('/images/icons/note.png');
}
.i-note.on {
  filter: none;
}
.i-note:hover {
  opacity: 0.5;
}
.i-task {
  background-image: url('/images/icons/247.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 1.75em;
  height: 1.25em;
  display: inline-block;
  cursor: pointer;
}
.i-task.on {
  filter: none;
}
.i-task:hover {
  opacity: 0.5;
}
.i-thumb {
  background-image: url('/images/icons/question.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 1.75em;
  height: 1.25em;
  display: inline-block;
  cursor: pointer;
}
.i-thumb.on {
  filter: none;
}
.i-thumb:hover {
  opacity: 0.5;
}
.i-thumb.Confirmed {
  background-image: url('/images/icons/thumbs-up_off.png');
}
.i-thumb.Confirmed.on {
  background-image: url('/images/icons/thumbs-up.png');
}
.i-thumb.Rejected {
  background-image: url('/images/icons/thumbs-down_off.png');
}
.i-thumb.Rejected.on {
  background-image: url('/images/icons/thumbs-down.png');
}
.i-thumb.nc.Confirmed {
  background-image: url('/images/icons/checkmark.png');
}
.i-thumb.nc.Rejected {
  background-image: url('/images/icons/x.png');
}
.i-thumb.Reviewed {
  background-image: none;
}
.i-thumb.Reviewed.on {
  background-image: url('/images/icons/checkmark.png');
}
.i-thumb.Reviewed.on.other {
  opacity: 0.5;
}
.i-thumb-up,
.i-thumb-down {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 1.25em;
  height: 1.25em;
  display: inline-block;
  cursor: pointer;
  border-radius: 1.25em;
  -webkit-border-radius: 1.25em;
  -moz-border-radius: 1.25em;
}
.i-thumb-up.on,
.i-thumb-down.on {
  filter: none;
}
.i-thumb-up {
  background-image: url('/images/icons/thumbs-up_off.png');
}
.i-thumb-up.on {
  background-image: url('/images/icons/thumbs-up.png');
}
.i-thumb-up:hover {
  box-shadow: 0 0 8px #00aa00, inset 0 0 8px #008800;
}
.i-thumb-down {
  background-image: url('/images/icons/thumbs-down_off.png');
}
.i-thumb-down.on {
  background-image: url('/images/icons/thumbs-down.png');
}
.i-thumb-down:hover {
  box-shadow: 0 0 8px #aa0000, inset 0 0 8px #880000;
}
.widget-item {
  padding: 0.1875em 0em;
}
pre.nice {
  font-size: 0.875em;
  white-space: pre-wrap;
  font-family: 'Roboto', sans-serif;
}
body.page-full header,
body.page-full nav {
  display: none !important;
}
body.page-full main {
  margin-left: 0em;
}
.popup {
  background: #fff;
  box-shadow: 0.25em 0.25em 0.5em 0.5em rgba(0, 0, 0, 0.2);
  display: inline-block;
  padding: 1em;
  position: absolute;
  border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  z-index: 999;
}
.error-line {
  color: #FF4444;
  font-weight: 700;
}
.error-line:empty {
  display: none;
}
.error-box,
.message-box {
  margin-top: 0.5em;
  text-align: center;
  padding: 0.375em 0.75em;
  min-width: 12.5em;
}
.error-box:empty,
.message-box:empty {
  display: none;
}
.error-box {
  color: #FF4444;
  border: 1px SOLID #FFcccc;
  background-color: #FFEEEE;
}
.message-box {
  border: 1px SOLID #ccc;
  background-color: #f8f8f8;
}
.error-line {
  color: #FF4444;
  font-weight: 700;
}
.error-line:empty {
  display: none;
}
a.orange,
a.orange:visited,
a.orange:active {
  color: #ff5722 !important;
  background-color: inherit !important;
}
a.orange:hover {
  color: #ffa588 !important;
}
.debug-highlight:hover {
  background-color: #f00 !important;
}
.tint-Confirmed {
  background-color: #e0f8e0 !important;
}
.tint-Rejected {
  background-color: #ffe8e8 !important;
}
.tint-same-group {
  background-color: #f0f0d0 !important;
}
.h-tint-Confirmed {
  background-color: #e0f8e0 !important;
}
.h-tint-Confirmed:hover {
  background-color: #cbf3cb !important;
}
.h-tint-Rejected {
  background-color: #ffe8e8 !important;
}
.h-tint-Rejected:hover {
  background-color: #ffcece !important;
}
.h-tint-same-group {
  background-color: #f0f0d0 !important;
}
.h-tint-same-group:hover {
  background-color: #eaeabd !important;
}
#dropzone {
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 100px 0 0 0;
  text-align: center;
  background-image: url('/images/cloud-upload3.png');
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: 50% -16px;
}
.uploadButton {
  -moz-box-shadow: 0px 10px 40px -14px #3e7327;
  -webkit-box-shadow: 0px 10px 40px -14px #3e7327;
  box-shadow: 0px 10px 40px -14px #3e7327;
  background: linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
  background-color: #77b55a;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #4b8f29;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  padding: 9px 27px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #5b8a3c;
}
.uploadButton:hover {
  background: linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
  background-color: #72b352;
}
.uploadButton:active {
  position: relative;
  top: 1px;
}
#report-controls {
  width: auto;
  min-width: 10em;
}
#report-controls .button {
  display: block;
  width: 8em;
  margin: 1em auto;
}
#report-controls .button.d-none {
  display: none;
}
#report-controls .button + .button {
  margin: 1em auto;
}
#report-controls .pdf-generator-progress {
  margin: 1em 0em;
  position: relative;
  text-align: center;
  width: 18.75em;
}
#report-controls .pdf-generator-progress .hdr .spinner {
  font-size: 11px;
}
#report-controls .pdf-generator-progress .download,
#report-controls .pdf-generator-progress .eta {
  display: none;
}
#report-controls .pdf-generator-progress .report-name {
  margin: 0.5em 0em;
}
#report-controls .pdf-generator-progress .image-status,
#report-controls .pdf-generator-progress .image-repair {
  display: none;
  margin: 0.5em 2em 0em 2em;
}
#report-controls .pdf-generator-progress .image-status .status-text,
#report-controls .pdf-generator-progress .image-repair .status-text {
  white-space: nowrap;
}
#report-controls .pdf-generator-progress .image-status .status-bar,
#report-controls .pdf-generator-progress .image-repair .status-bar {
  background-color: #008800;
  height: 0.25em;
  position: relative;
  margin: 0.125em 0em;
  opacity: 0.66;
  padding: 0em;
}
#report-controls .pdf-generator-progress .page-status,
#report-controls .pdf-generator-progress .image-failed {
  display: none;
  margin: 0.5em 0em;
}
.A4 {
  height: 1054px;
  padding: 32px 24px;
  page-break-after: always;
  position: relative;
  width: 814px;
}
.property-cover-img {
  background-color: #ccc;
  background-size: cover;
  background-position: bottom;
  cursor: pointer;
  height: 350px;
  margin: auto;
  text-align: center;
  width: 610px;
  vertical-align: middle;
}
.property-cover-img .instructions {
  font-size: 15px;
  line-height: 15px;
  padding-top: 160px;
}
.cover-sheet {
  margin: 1.25em;
  color: #0077D4;
  font-size: 32;
  font-weight: 700;
  text-align: center;
}
.cover-sheet .report-type {
  font-size: 41.6px;
}
.cover-logo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  margin: 50px auto;
  text-align: center;
  height: 150px;
  width: 475px;
}
.cover-logo .instructions {
  font-size: 15px;
  line-height: 15px;
  padding-top: 73px;
}
.cover-comments {
  text-align: center;
}
.cover-comments .printable {
  display: none;
}
.report-header {
  height: 60px;
  margin: 0em 0em 1.5em 0em;
  font-weight: 700;
}
.report-header .header-img {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 60px;
  width: 80px;
}
.report-header .header-img img {
  display: none;
}
.chart-report {
  position: relative;
}
.chart-report table {
  border-collapse: collapse;
  border: 1px solid #000;
  width: 100%;
}
.chart-report table tr.b td {
  background: #61B4E8;
  color: #fff;
}
.chart-report table th {
  background: #0A2245;
  color: #fff;
  text-align: left;
}
.chart-report table th.t-center {
  text-align: center;
}
.chart-report table th.t-left {
  text-align: left;
}
.chart-report table th.t-right {
  text-align: right;
}
.chart-report table th,
.chart-report table td {
  border: 1px solid #aaa;
  padding: 3px 6px;
}
.chart-report table td.t-right {
  padding-left: 32px;
}
.chart-report table td.t-left {
  text-align: left;
}
.chart-report .chart {
  width: 500px;
  margin: 0 auto;
  position: relative;
}
.chart-report .chart h4 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.chart-report .chart .pie-title {
  font-size: 18px;
  font-weight: 700;
  left: 0;
  position: absolute;
  top: 12px;
}
.chart-report .pie-legend {
  position: absolute;
  top: 12px;
  right: 0;
}
.chart-report .pie-legend ul {
  list-style: none;
  margin: 0;
}
.chart-report .pie-legend .swatch {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.1);
}
.chart-report .w700 {
  margin: 0 auto;
  width: 700px;
}
.chart-report .w700 canvas {
  height: 350px;
}
.chart-report .w600 {
  margin: 0 auto;
  width: 600px;
}
table.inspected {
  width: 100%;
}
table.inspected th {
  text-align: left;
  background: #0A2245;
  color: #fff;
}
table.inspected td {
  width: 33%;
}
table.inspected .buildings {
  text-align: left;
}
table.inspected .units {
  text-align: center;
}
table.inspected .date {
  text-align: right;
}
table.report {
  width: 100%;
}
table.report tr.bold td {
  font-weight: bold;
}
table.report tr.b td {
  background: #0077d4;
  color: #fff;
}
table.report th {
  background: #0A2245;
  color: #fff;
  text-align: inherit;
}
table.report th.t-center {
  text-align: center;
}
table.report th.t-left {
  text-align: left;
}
table.report th.t-right {
  text-align: right;
}
table.report th.tall {
  height: 60px;
}
table.report td {
  text-align: inherit;
}
table.report td.t-center {
  text-align: center;
}
table.report td.t-left {
  text-align: left;
}
table.report td.t-right {
  text-align: right;
}
table.report th,
table.report td {
  border: 1px solid #aaa;
  padding: 3px 6px;
}
table.report.t-left {
  text-align: left;
}
table.report.t-right {
  text-align: right;
}
table.report.t-center {
  text-align: center;
}
table.report tr.b td,
table.report tr.total td {
  background: #61B4E8;
  color: #fff;
  font-weight: bold;
  font-weight: 700;
}
table.report td.total,
table.report th.total {
  background: #61B4E8;
  color: #fff;
}
table.uxu-vbf,
table.property-condition {
  width: 100%;
}
table.uxu-vbf th,
table.property-condition th {
  background: #0A2245;
  color: #fff;
  text-align: left;
  vertical-align: middle;
}
table.uxu-vbf th.t-center,
table.property-condition th.t-center {
  text-align: center;
}
table.uxu-vbf th.t-left,
table.property-condition th.t-left {
  text-align: left;
}
table.uxu-vbf th.t-right,
table.property-condition th.t-right {
  text-align: right;
}
table.uxu-vbf th.tall,
table.property-condition th.tall {
  height: 60px;
}
table.uxu-vbf td,
table.property-condition td {
  vertical-align: top;
}
table.uxu-vbf td,
table.property-condition td,
table.uxu-vbf th,
table.property-condition th {
  border: 1px solid #aaa;
  padding: 0.1875em 0.375em;
  text-align: left;
}
table.uxu-vbf td.t-center,
table.property-condition td.t-center,
table.uxu-vbf th.t-center,
table.property-condition th.t-center {
  text-align: center;
}
table.uxu-vbf td.t-left,
table.property-condition td.t-left,
table.uxu-vbf th.t-left,
table.property-condition th.t-left {
  text-align: left;
}
table.uxu-vbf td.t-right,
table.property-condition td.t-right,
table.uxu-vbf th.t-right,
table.property-condition th.t-right {
  text-align: right;
}
table.uxu-vbf tr.total,
table.property-condition tr.total {
  text-align: right;
  background-color: #ccc;
}
table.uxu-vbf .grand-total td,
table.property-condition .grand-total td {
  background: #61B4E8;
  color: #fff;
}
table.uxu-vbf2,
table.property-condition {
  width: 100%;
}
table.uxu-vbf2 th,
table.property-condition th {
  background: #0A2245;
  color: #fff;
  text-align: left;
  vertical-align: middle;
}
table.uxu-vbf2 th.t-center,
table.property-condition th.t-center {
  text-align: center;
}
table.uxu-vbf2 th.t-left,
table.property-condition th.t-left {
  text-align: left;
}
table.uxu-vbf2 th.t-right,
table.property-condition th.t-right {
  text-align: right;
}
table.uxu-vbf2 th.tall,
table.property-condition th.tall {
  height: 60px;
}
table.uxu-vbf2 td,
table.property-condition td {
  vertical-align: top;
}
table.uxu-vbf2 td,
table.property-condition td,
table.uxu-vbf2 th,
table.property-condition th {
  border: 1px solid #aaa;
  padding: 0.1875em 0.375em;
  text-align: left;
}
table.uxu-vbf2 td.t-center,
table.property-condition td.t-center,
table.uxu-vbf2 th.t-center,
table.property-condition th.t-center {
  text-align: center;
}
table.uxu-vbf2 td.t-left,
table.property-condition td.t-left,
table.uxu-vbf2 th.t-left,
table.property-condition th.t-left {
  text-align: left;
}
table.uxu-vbf2 td.t-right,
table.property-condition td.t-right,
table.uxu-vbf2 th.t-right,
table.property-condition th.t-right {
  text-align: right;
}
table.uxu-vbf2 tr.total,
table.property-condition tr.total {
  text-align: right;
  background-color: #ccc;
}
table.uxu-vbf2 .grand-total td,
table.property-condition .grand-total td {
  background: #61B4E8;
  color: #fff;
}
table.interior-types-and-finishes td {
  white-space: nowrap;
}
@media only screen and (min-width: 1281px) {
  .dlg-b {
    width: 1200px;
  }
}
.dlg-b {
  width: 600px;
}
.dlg-b .metric-box {
  border: 1px solid #666;
  float: left;
  margin: 1em;
  padding: 0em 1em 1em 1em;
  position: relative;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
}
.dlg-b .metric-box .chart {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  width: 500px;
}
.dlg-b .metric-box .chart h4 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.dlg-b .metric-box .chart .pie-title {
  font-size: 18px;
  font-weight: 700;
  left: 0;
  position: absolute;
  top: 12px;
}
.dlg-b .metric-box.vbw table {
  text-align: center;
}
.dlg-b .metric-box.vbw table th,
.dlg-b .metric-box.vbw table td {
  border: 1px solid #aaa;
  border-collapse: collapse;
  padding: 0.25em 0.5em;
}
/* ===== jQuery AutoComplete List ===== */
.AutoCompleteMenu {
  background-color: #ffffff;
  border: 1px solid #999999;
  -moz-box-shadow: 3px 3px 7px #333333;
  -o-box-shadow: 3px 3px 7px #333333;
  -ms-box-shadow: 3px 3px 7px #333333;
  -webkit-box-shadow: 3px 3px 7px #333333;
  box-shadow: 3px 3px 7px #333333;
  height: auto;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  text-align: left;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  width: auto;
  z-index: 9000;
}
.AutoCompleteMenu .items .selected {
  background-color: #003399;
  color: #ffffff;
}
.AutoCompleteMenu .items a {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 5px 10px;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.photo-report {
  /*/ A4 page size for reference
  padding: 32px 24px;
  height: 1054px;
  width: 814px;
  /*/
  display: block;
  margin: 0 auto;
  width: 770px;
}
.photo-report .photo-box {
  float: left;
  margin: 0 19px 19px;
  vertical-align: top;
  width: 230px;
}
.photo-report .photo-box img {
  height: 305px;
  left: 0;
  position: relative;
  top: 0;
  width: 230px;
}
.photo-report .photo-box .section-text {
  display: inline-block;
  font-weight: bold;
  font-weight: 700;
  position: relative;
  left: 5px;
  z-index: 1;
}
.photo-report .photo-box .unit-id {
  height: 22px;
  position: relative;
  right: -5px;
  top: -22px;
  width: 220px;
  z-index: 1;
}
.photo-report .photo-box .unit-id .building-number {
  float: right;
  font-weight: bold;
  font-weight: 700;
  margin-right: 6px;
}
.photo-report .photo-box .unit-id .unit-number {
  float: right;
  font-weight: bold;
  font-weight: 700;
}
.photo-report .photo-box .header-text {
  left: 5px;
  position: relative;
  top: -22px;
  z-index: 1;
}
.photo-report .photo-box .comment-plaque {
  background: #f2f2f2;
  margin: 3px 0px 20px 0px;
  position: relative;
  top: -22px;
}
.photo-report .photo-box .comment-plaque .photo-comment {
  font-weight: bold;
  font-weight: 700;
  margin: 5px;
}
.photo-report .photo-box + .photo-box {
  margin-left: 0px;
}
.bccc {
  background-color: #ccc;
}
.footnote {
  font-style: italic;
  color: #999;
  margin: 16px;
}
.footnote .b {
  margin: 0.5em 0;
}
.footnote ul {
  margin: 0;
}
.footer-logo {
  background: no-repeat right / contain url('/images/Leo-Logo-Footer.png');
  bottom: 10px;
  color: #ddd;
  left: 15px;
  line-height: 18px;
  height: 20px;
  position: absolute;
  width: 125px;
  vertical-align: top;
  z-index: 10;
}
.footer-logo::before {
  content: "Produced By:";
  font-size: 10px;
}
.print-overlay {
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  left: 0;
  padding-top: 35%;
  position: fixed;
  text-align: center;
  top: 0;
  vertical-align: middle;
  width: 100%;
}
.print-overlay .text,
.print-overlay .spinner {
  background: rgba(255, 255, 255, 0.75);
  font-weight: bold;
  font-weight: 700;
  padding: 15px;
  width: 100%;
}
.print-overlay .text + .text {
  padding-top: 0;
}
body.print .hide-print {
  display: none;
}
body.print main {
  background: initial;
  margin: initial;
  position: initial;
}
body.print #main-header,
body.print #main-nav {
  display: none;
}
body.print .card {
  box-shadow: initial;
}
body.print .panel {
  margin: initial;
}
body.print .show-print {
  display: inherit;
}
body.print #report-container {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
body.print .cover-comments textarea {
  display: none;
  border: none;
  caret-color: transparent;
  cursor: default;
}
body.print .cover-comments textarea::placeholder {
  color: transparent;
}
body.print .cover-comments textarea:focus {
  border: none;
}
body.print .cover-comments .printable {
  display: inline-block;
  overflow: visible;
  text-align: left;
  width: 700px;
  white-space: pre;
  white-space: pre-wrap;
}
#images-col {
  min-width: 480px;
}
#images-col .panel {
  height: auto;
  min-height: 354px;
}
#upload-col {
  min-width: 480px;
}
#image-box,
#logo-box {
  text-align: center;
}
#image-box img,
#logo-box img {
  max-width: 100%;
}
.credit-summary + .credit-summary {
  margin-left: 1em;
}
#cropper-form input[type="radio"] {
  margin: 0 5px 0 15px;
}
#cropper-form .cropper-info {
  position: relative;
  margin-left: 1.5625em;
  height: 3em;
}
#cropper-form .cropper-info.warn {
  height: 5em;
}
#cropper-form .cropper-info.warn .img-cropper-hint {
  top: 2em;
}
#cropper-form .cropper-info.warn .preview-label {
  top: 57px;
}
#cropper-form .cropper-info .preview-label {
  position: absolute;
  top: 21px;
}
#cropper-form .cropper-info #warn-size {
  position: absolute;
  right: 5px;
  background: #ffaaaa;
  padding: 5px 10px;
  top: -6px;
  border: dashed 1px #f33;
}
#cropper-form .cropper-info .img-cropper-hint {
  position: absolute;
  right: 5px;
  padding: 5px 10px;
  top: -6px;
}
.img-cropper {
  width: 622px;
  height: 350px;
  margin: 1em 0;
  margin-left: 1em;
}
.img-cropper img {
  max-width: 100%;
}
.img-cropper-preview {
  width: 622px;
  height: 350px;
  overflow: hidden;
  margin: 1em;
}
@media print {
  .print-overlay {
    display: none;
    visibility: hidden;
  }
  .A4 {
    font-size: 15px;
    left: 0;
    margin: 0;
    page-break-after: always;
    page-break-inside: avoid;
    top: 0;
  }
  .A4 .cover-comments textarea {
    display: none;
    border: none;
    caret-color: transparent;
    cursor: default;
  }
  .A4 .cover-comments textarea::placeholder {
    color: transparent;
  }
  .A4 .cover-comments textarea:focus {
    border: none;
  }
  .A4 .cover-comments .printable {
    display: block;
    overflow: visible;
    white-space: pre;
    white-space: pre-wrap;
  }
}
.login-background {
  background-image: url('/images/27020201-0-Website-Background2.jpg');
  background-size: cover;
  background-position: center bottom;
  background-repeat: repeat;
  height: auto;
  min-height: 62.5em;
  max-height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.login-shade {
  opacity: 0.5;
  background: #000;
  height: auto;
  min-height: 62.5em;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-height: 900px) {
  .login-background,
  .login-shade {
    height: 100%;
  }
}
.login-logo {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.login-ui {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 15em;
  transform: translateX(-50%);
}
.login-ui #login-box {
  text-align: left;
}
.login-ui label.remember-me input[type="checkbox"] {
  display: inline-block;
  vertical-align: middle;
}
.login-ui label.remember-me span {
  vertical-align: middle;
  margin-left: 0.4375em;
  line-height: 1em;
}
.panel.welcome {
  padding: 1em;
  margin-top: -8em;
  color: #fff;
}
#confirmBox {
  display: none;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #aaa;
  padding: 6px 8px 8px;
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  width: 28em;
}
#confirmBox .button:hover {
  background-color: #ddd;
}
#confirmBox .messagebox {
  text-align: center;
  margin-bottom: 8px;
}
#confirmBox .confirmtitle {
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  margin-right: 1em;
}
#permissionDialog .confirmtitle {
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  margin-right: 1em;
}
.x-close {
  z-index: 999 !important;
}
.x-zoom {
  z-index: 999 !important;
  display: none;
}
.x-close-button::before {
  content: "\2716";
}
.x-close-button:hover {
  color: #2196F3 !important;
}
#confirmBox .messagebox {
  padding: 1em;
  overflow: auto;
}
#confirmBox .messagebox .yes {
  margin-top: 1em;
}
.intercom-lightweight-app-launcher {
  position: fixed;
  z-index: 2147483003;
  padding: 0 !important;
  margin: 0 !important;
  border: none;
  bottom: 20px;
  right: 40px !important;
  max-width: 60px;
  width: 60px;
  max-height: 60px;
  height: 60px;
  border-radius: 50%;
  background: #043A5E;
  cursor: pointer;
  box-shadow: 0 1px 6px 0 rgb(0 0 0%), 0 2px 32px 0 rgb(0 0 0%);
  transition: transform 167ms cubic-bezier(0.33, 0, 0, 1);
  box-sizing: content-box;
}
.calender-section {
  background: #2D3F55;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 16px;
  margin-right: 16px;
}
.event-calendar {
  float: right;
  width: auto;
  margin-right: 0.5em;
  color: white;
  font-size: 32px;
}
.clearable-input {
  position: relative;
  display: inline-block;
}
.clearable-input > input {
  padding-right: 1.4em;
}
.clearable-input > [data-clear-input] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.8em;
  padding: 0 0.2em;
  cursor: pointer;
}
.clearable-input > input::-ms-clear {
  display: none;
}
.bottom-bar {
  background-color: #2D3F55;
  min-height: 50px;
}
#calendar {
  max-width: 1100px;
  margin: 0 auto;
}
#wait {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000;
}
@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4);
  }
  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1);
  }
}
.line-scale-pulse-out > div {
  background-color: #3788d8;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
  animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}
.line-scale-pulse-out > div:nth-child(2),
.line-scale-pulse-out > div:nth-child(4) {
  -webkit-animation-delay: -0.4s !important;
  animation-delay: -0.4s !important;
}
.line-scale-pulse-out > div:nth-child(1),
.line-scale-pulse-out > div:nth-child(5) {
  -webkit-animation-delay: -0.2s !important;
  animation-delay: -0.2s !important;
}
.calendar-dialog {
  width: 65%;
}
.title-button {
  display: flex;
}
.expand-all {
  margin: 10px 10px 5px 5px;
  height: 28px;
  min-width: 95px;
  font-size: 12px;
  margin-right: 8px;
}
.collapse-all {
  margin: 10px 10px 5px 0px;
  height: 28px;
  min-width: 95px;
  font-size: 12px;
}
.collapsible {
  color: white;
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}
.active,
.collapsible:hover {
  border-color: #210a65;
}
.colContent {
  padding: 0 18px;
  overflow: hidden;
  background-color: #f1f1f1;
}
.chip {
  display: inline-block;
  padding: 0px 8px;
  height: 0%;
  font-size: 13.5px;
  line-height: 21px;
  border-radius: 25px;
  background-color: #f1f1f8;
  margin-bottom: 5px;
  margin-right: 4px;
  border: 0.1px solid #d3d3e2;
}
.closeBtn {
  padding-left: 10px;
  color: #888;
  font-weight: bold;
  float: right;
  font-size: 20px;
  cursor: pointer;
}
.add-inspector {
  display: inline-block;
  padding: 0 6px;
  font-weight: 700;
}
.edit-inspection {
  display: inline-block;
  padding: 0px 6px;
  height: 25px;
  font-size: 16px;
  line-height: 25px;
  border-radius: 26px;
  background-color: #1e6ea4 !important;
  color: white;
  margin-right: 10px;
}
#bigtooltip {
  position: relative;
}
#bigtooltip #big {
  border: 1px solid black;
  visibility: hidden;
  width: 130px;
  max-width: 130px;
  background-color: white;
  color: black;
  font-family: 'Helvetica', sans-serif;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 145%;
  right: -171%;
  opacity: 0;
  transition: 0.3s ease-out 0.3s;
  transform: translate(-50%, 0%);
  white-space: break-spaces;
  padding: 10px;
  font-size: 11px;
}
#bigtooltip #big:after {
  transform: rotate(90deg);
  content: "";
  position: absolute;
  bottom: -23%;
  left: 80%;
  margin-left: 0px;
  border-width: 8px;
  border-style: solid;
  outline: black;
  border-color: transparent transparent transparent black;
}
#bigtooltip:hover {
  overflow: visible;
}
#bigtooltip:hover #big {
  visibility: visible;
  opacity: 1;
  transition: 0.3s ease-out 0.3s;
}
.how:hover {
  text-decoration: underline;
}
.preview_btn {
  position: relative;
}
.preview_btn .preview_tooltip {
  border: 1px solid black;
  visibility: hidden;
  width: 100px;
  max-width: 100px;
  background-color: white;
  color: black;
  font-family: 'Helvetica', sans-serif;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 145%;
  right: -171%;
  opacity: 0;
  transition: 0.3s ease-out 0.3s;
  transform: translate(-50%, 0%);
  white-space: break-spaces;
  padding: 10px;
  font-size: 11px;
}
.preview_btn .preview_tooltip:after {
  transform: rotate(90deg);
  content: "";
  position: absolute;
  bottom: -23%;
  left: 80%;
  margin-left: 0px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent transparent black;
}
.preview_btn:hover {
  overflow: visible;
}
.preview_btn:hover .preview_tooltip {
  visibility: visible;
  opacity: 1;
  transition: 0.3s ease-out 0.3s;
}
* {
  padding: 0;
  margin: 0;
}
.container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px !important;
}
.container .card {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
  font-family: 'Poppins', sans-serif;
  border-radius: 20px;
}
.container .card .form {
  width: 100%;
  height: 100%;
  display: flex;
}
.container .card .left-side {
  width: 75%;
  background-color: #fcfcfc;
  height: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 20px 30px;
  box-sizing: border-box;
  height: 70%;
}
/*left-side-start*/
.left-heading {
  color: #fff;
}
.steps-content {
  margin-top: 30px;
  color: #fff;
}
.steps-content p {
  font-size: 12px;
  margin-top: 15px;
}
.progress-bar {
  width: 100%;
  border-left: 10px solid #343757;
  border-right: 10px solid #343757;
  list-style: none;
  /*color:#fff;*/
  font-size: 13px;
  font-weight: 700;
  counter-reset: container 0;
  margin-bottom: 4%;
  right: 2%;
  height: 100%;
}
.progress-bar li {
  position: relative;
  counter-increment: container 1;
  color: #4f6581;
}
.progress-bar li.active::after {
  background-color: #fff;
}
.progress-bar li:first-child:after {
  display: none;
}
/*.progress-bar li:last-child:after{*/
/*  display:none;  */
/*}*/
.progress-bar li.active::before {
  color: #fff;
  border: 1px solid #fff;
}
.progress-bar li.active {
  border-color: #2196f3;
}
.d-none {
  display: none;
}
/*left-side-end*/
.container .card .right-side {
  background-color: #fff;
  height: 93%;
  position: fixed;
  right: 0%;
  width: 26%;
}
/*right-side-start*/
.main-field {
  display: none;
}
.active {
  display: block;
}
.main-field small {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  height: 30px;
  width: 30px;
  background-color: #ccc;
  border-radius: 50%;
  color: yellow;
  font-size: 19px;
}
.text {
  margin-top: 20px;
}
.congrats {
  text-align: center;
}
.text p {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #cbced4;
}
.input-text {
  margin: 30px 0;
  display: flex;
  gap: 20px;
}
.input-text .input-div {
  width: 100%;
  position: relative;
}
select {
  border: 1px solid #cbced4;
  gap: 20px;
  padding: 0px 10px;
}
.input-text .input-div span {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 14px;
  transition: all 0.5s;
}
.input-div input:focus ~ span,
.input-div input:valid ~ span {
  top: -15px;
  left: 6px;
  font-size: 10px;
  font-weight: 600;
}
.input-div span {
  top: -15px;
  left: 6px;
  font-size: 10px;
}
.buttons button {
  height: 40px;
  width: 100px;
  border: none;
  border-radius: 5px;
  background-color: #1c6ea5;
  font-size: 13.5px;
  color: #fff;
  cursor: pointer;
  font-family: system-ui;
}
.button_space {
  display: flex;
  gap: 20px;
}
.button_space button:nth-child(1) {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
.user_card {
  margin-top: 20px;
  margin-bottom: 40px;
  height: 200px;
  width: 100%;
  border: 1px solid #c7d3d9;
  border-radius: 10px;
  display: flex;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.user_card span {
  height: 80px;
  width: 100%;
  background-color: #dfeeff;
}
.circle {
  position: absolute;
  top: 40px;
  left: 60px;
}
.circle span {
  height: 70px;
  width: 70px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #fff;
  border-radius: 50%;
}
.circle span img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.social {
  display: flex;
  position: absolute;
  top: 100px;
  right: 10px;
}
.social span {
  height: 30px;
  width: 30px;
  border-radius: 7px;
  background-color: #fff;
  border: 1px solid #cbd6dc;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  color: #cbd6dc;
}
.social span i {
  cursor: pointer;
}
.heart {
  color: red !important;
}
.share {
  color: red !important;
}
.user_name {
  position: absolute;
  top: 110px;
  margin: 10px;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.user_name h3 {
  color: #4c5b68;
}
.detail {
  /*margin-top:10px;*/
  display: flex;
  justify-content: space-between;
  margin-right: 50px;
}
.detail p {
  font-size: 12px;
  font-weight: 700;
}
.detail p a {
  text-decoration: none;
  color: blue;
}
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}
.warning {
  border: 1px solid red !important;
}
/*right-side-end*/
@media (max-width: 750px) {
  .container {
    height: scroll;
  }
  .container .card {
    max-width: 350px;
    height: auto !important;
    margin: 30px 0;
  }
  .container .card .right-side {
    width: 100%;
  }
  .input-text {
    display: block;
  }
  .input-text .input-div {
    margin-top: 20px;
  }
  .container .card .left-side {
    display: none;
  }
}
.inspection-box {
  max-width: 350px;
  border: 2px solid #adadad;
  margin: 10px;
  flex: 1 1 200px;
}
table.ins-detail td {
  padding: 4px;
}
.step-detail {
  border: 2px solid #cfcece;
  height: 120px;
}
.all-inspections {
  display: flex;
  flex-wrap: wrap;
  width: 98%;
}
.all-notes {
  display: flex;
  flex-wrap: wrap;
  width: 98%;
}
.step-align {
  text-align: left;
  color: #000;
  margin: 5px 5px 5px 5px;
}
.step-content {
  font-size: 10px;
  margin-left: 10px;
  text-align: justify;
}
.property-content {
  display: flex;
  flex-direction: row;
  margin-left: 10px;
}
.inspection-name {
  font-size: 18px;
  text-align: left;
  margin: 12px;
  font-weight: bold;
}
.switch {
  position: relative;
  display: inline-block;
  width: 58px;
  height: 31px;
  margin: 8px 24px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #0ca789;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
  width: 54px;
}
.slider.round:before {
  border-radius: 50%;
}
.inspection-enable {
  display: flex;
}
.inspection-chip {
  display: inline-block;
  padding: 0 9px;
  height: 21px;
  line-height: 21px;
  border-radius: 25px;
  border: 0.1px solid #d3d3e2;
  float: left;
  margin-right: 5%;
  max-width: 100%;
  font-size: 9px;
}
.inspection-chip.active {
  background-color: #2196F3;
  color: white;
}
.inspector-chip {
  display: inline-block;
  padding: 0 9px;
  height: 21px;
  line-height: 21px;
  border-radius: 25px;
  border: 0.1px solid #d3d3e2;
  float: left;
  margin-right: 5%;
  max-width: 100%;
  font-size: 9px;
}
.inspector-chip.active {
  background-color: #2196F3;
  color: white;
}
.inspection-content {
  display: flex;
  margin-bottom: 5px;
}
.step-icons {
  float: left;
  margin: 4px 10px 0 10px;
  color: lightgray;
}
.rr-section {
  height: 70%;
  background-color: #e5e4e4;
}
.fa-cloud-upload {
  text-align: center;
  margin-top: 10%;
  font-size: 30px;
  color: gray;
}
.rent-roll-content {
  text-align: left;
  font-size: 10px;
  margin-left: 12px;
}
.property-inspectors {
  float: left;
  margin: 15px;
  color: #2196F3;
}
.property-inspectors:hover {
  text-decoration: underline;
}
.unit-header {
  font-family: system-ui;
  font-size: 20px;
  font-weight: 600;
}
.number-search {
  border-radius: 0px;
  border: 1px solid #cbced4;
  height: 30px;
  margin-right: 5px;
  outline-style: none;
  padding: 0em 0.5em;
}
.buttons {
  width: 100%;
  display: inline-block;
}
.unit_selection {
  margin-top: 14px;
  margin-left: 14px;
  text-align: left;
}
#unit-button {
  width: 35%;
  margin: 10px 0px 0px 0px;
  display: inline-block !important;
}
.center {
  margin-top: 3%;
}
.steps_button {
  position: fixed;
  bottom: 6% !important;
  right: 28%;
  font-weight: 700;
}
.next_button:hover {
  opacity: 0.8;
}
#formrins {
  margin: 0% !important;
}
.selected-form {
  color: #2196F3;
}
.footer-button {
  float: right;
  color: #fff;
  background-color: #343757;
  border: none;
  margin: 5px 25px;
  font-weight: bold;
}
#footer_bar {
  position: fixed;
  background-color: #343757;
  bottom: 0px;
  width: 100%;
  right: 0px;
  z-index: 999 !important;
}
table.unit-selection tbody tr.unit-row {
  text-align: center;
}
table.unit-selection tbody tr.unit-row td {
  padding: 1em;
}
table.unit-selection1 tbody tr.unit-row {
  text-align: center;
}
table.unit-selection1 tbody tr.unit-row td {
  padding: 1em;
}
.page a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}
.page {
  display: inline-block;
  margin-top: 1%;
}
#launchbuttons {
  background-color: #a2a5a4;
  margin-bottom: 10%;
}
#step1 {
  height: 22%;
}
#step2 {
  height: 25%;
}
#step3 {
  height: 18%;
}
#step4 {
  height: 15%;
}
#step5 {
  height: 8%;
}
#step6 {
  height: 8%;
}
#unit-form:hover {
  text-decoration: underline;
}
#exterior-form:hover {
  text-decoration: underline;
}
#lease-form:hover {
  text-decoration: underline;
}
#deatil1 {
  margin-left: 3%;
}
#deatil2 {
  margin-left: 3%;
}
#deatil3 {
  margin-left: 3%;
}
@media (min-width: 1300px) {
  #clonebox {
    display: none;
  }
}
@media (min-width: 1000px) {
  .step-align {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  #p5 {
    font-size: 11px;
  }
  #img5 {
    height: 13;
    width: 13;
  }
  #img6 {
    height: 15;
    width: 15;
  }
}
@media (max-width: 1500px) {
  #p5 {
    font-size: 11px;
  }
  #img5 {
    height: 16;
    width: 16;
  }
  #img6 {
    height: 17;
    width: 17;
  }
}
@media (max-width: 2200px) {
  #img5 {
    height: 16;
    width: 16;
  }
  #img6 {
    height: 20;
    width: 20;
  }
}
.ellish {
  padding: 0% !important;
}
.billi {
  background-color: #2D3F55 !important;
}
.james {
  width: 28em !important;
  border-radius: 0px !important;
  border-left: 10px solid #2D3F55;
  border-right: 10px solid #2D3F55;
  border-bottom: 10px solid #2D3F55;
}
.titleinspection {
  background-color: #2D3F55 !important;
  font-family: system-ui;
  font-weight: 600;
  z-index: 999 !important;
}
.colorclass {
  background: #003399 !important;
}
#rentdownload {
  font-size: 10px;
  text-align: left;
  margin-top: 8%;
  margin-left: 10%;
}
#clickableAwesomeFont {
  cursor: pointer;
}
.date_active::before {
  color: #2196F3 !important;
}
.calend {
  position: relative;
  width: 155px !important;
  height: 22px !important;
  color: white;
}
.calend:before {
  position: absolute;
  top: 3px;
  left: 0px;
  content: attr(data-date);
  display: inline-block;
  color: black;
}
.calend::-webkit-datetime-edit,
.calend::-webkit-inner-spin-button,
.calend::-webkit-clear-button {
  display: none;
}
.calend::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 3px;
  right: 0;
  color: black;
  opacity: 1;
  background: transparent;
  bottom: 0;
  cursor: pointer;
  height: auto;
  left: 0;
  width: auto;
}
.alert {
  margin-top: 2%;
  border: 1px solid black;
}
.custom-color::before {
  color: #2196F3;
  /* Your desired color */
  /* Add any additional styles as needed */
}
@media (min-height: 600px) {
  #window {
    height: 94% !important;
  }
  .step-align {
    font-size: 12px;
  }
  #step6 {
    height: 10%;
  }
  .step-content {
    font-size: 10px;
  }
  .rent-roll-content {
    font-size: 10px;
  }
  .container .card .left-side {
    height: 70%;
  }
}
@media (min-height: 800px) {
  #window {
    height: 93% !important;
  }
  #step5 {
    height: 9%;
  }
  .step-align {
    font-size: 13px;
  }
  .step-content {
    font-size: 12px;
  }
  .rent-roll-content {
    font-size: 12px;
  }
  .container .card .left-side {
    height: 73%;
  }
}
@media (min-height: 810px) and (max-height: 1100px) {
  #window {
    height: 95% !important;
  }
  .container .card .right-side {
    height: 93%;
  }
  .step-align {
    font-size: 14px;
  }
  .step-content {
    font-size: 14px;
  }
  .rent-roll-content {
    font-size: 14px;
  }
  .container .card .left-side {
    height: 76%;
  }
}
@media (min-height: 1110px) and (max-height: 1360px) {
  #window {
    height: 97% !important;
  }
  .container .card .right-side {
    height: 95%;
  }
  .step-align {
    font-size: 15px;
  }
  .step-content {
    font-size: 16px;
  }
  .rent-roll-content {
    font-size: 16px;
  }
  .container .card .left-side {
    height: 79%;
  }
}
.unit-selection tr {
  font-size: 12px;
}
@media (min-width: 2060px) {
}
@media (min-height: 900px) and (max-height: 1080px) {
  #window {
    height: 96% !important;
  }
}
.errormessage {
  color: red;
}
#formback {
  margin-bottom: 10%;
}
#donebutton {
  left: 3%;
  position: fixed;
  font-size: 17px;
}
#table-header {
  color: white;
}
#editrr:hover {
  text-decoration: underline;
}
#uploadrr:hover {
  text-decoration: underline;
}
.insbox {
  height: 90px;
}
.inspectorhere {
  height: 60px;
}
.getspinner {
  position: relative;
  left: 11%;
}
#selectunits {
  color: black;
  font-weight: 600;
}
.disable {
  pointer-events: none;
  opacity: 0.4;
}
.alert {
  display: none;
}
.disable:hover + .alert {
  display: block;
  color: red;
}
.alertbox {
  display: none;
}
#formbackins {
  float: right;
  margin-top: 1%;
}
.tooltiptext {
  display: none;
}
.getMsg .tooltiptext {
  visibility: hidden;
  width: 100% !important;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  display: none;
  position: absolute;
  z-index: -1;
  left: 0%;
  top: 35%;
  font-size: 12px;
}
.getMsg:hover .tooltiptext {
  visibility: visible;
  display: inline-block;
}
.getMsg2 .tooltipText2 {
  visibility: hidden;
  width: auto !important;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  display: none;
  position: absolute;
  z-index: -1;
  font-size: 12px;
}
.getMsg2:hover .tooltipText2 {
  visibility: visible;
  display: inline-block;
}
.topbarddir {
  text-align: left;
  background-color: #1588e1;
  color: white;
  padding: 7px;
  width: 120% !important;
}
#goback {
  float: right;
  margin-right: 20%;
  color: white;
  font-weight: 700;
}
#goback:hover {
  text-decoration: underline;
}
#kalle {
  height: 85% !important;
}
#bigbox {
  height: 100% !important;
}
.notDelete {
  background-color: #989b9f !important;
}
.notDelete:hover {
  background-color: #717275 !important;
}
.preview_span {
  visibility: hidden;
  width: 120px;
  /* Changed width to match your initial requirement */
  background-color: #fff;
  color: #030303;
  font-family: 'Helvetica', sans-serif;
  text-align: center;
  border-radius: 6px;
  padding: 8px;
  position: absolute;
  z-index: 1;
  bottom: 75%;
  left: 15%;
  opacity: 0;
  transition: opacity 0.3s;
  transform: translateX(-50%);
  white-space: break-spaces;
  font-size: 10px;
  border: 1px black solid;
}
.preview_span:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.preview_icon:hover + .preview_span {
  visibility: visible;
  opacity: 1;
}
.disable_click {
  pointer-events: none;
}