@charset "UTF-8";
/* Asap Variable Font - Latin subset */
@font-face {
  font-display: swap;
  font-family: 'Asap';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 75% 125%;
  src: url("../fonts/Asap-Variable-latin.woff2") format("woff2"); }

/* Debug */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  overflow-y: scroll;
  width: 100%;
  min-height: 100%;
  margin: 0; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  height: 100%; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

img {
  max-width: 100%; }

svg {
  width: 50px;
  height: 50px;
  fill: #000; }

body > div.ember-view {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden; }

#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  min-height: 100%;
  flex: 1; }

header {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

footer {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

main {
  padding: 0;
  width: 100%;
  position: relative;
  display: flex;
  flex: 1;
  position: relative;
  height: 100%;
  width: 100%; }

button {
  cursor: pointer; }

.expandedrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  position: relative;
  z-index: 1;
  flex: 1;
  width: 100%;
  height: 100%; }

.liquid-container,
.liquid-child {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible; }

.login-box .liquid-container,
.login-box .liquid-child, form .liquid-container,
form .liquid-child {
  width: initial;
  height: initial; }

.liquid-container.liquid-animating, .liquid-container.liquid-animating .liquid-child {
  overflow: hidden; }

.build-info-header {
  display: flex;
  align-items: center;
  margin-left: auto;
  height: 100%;
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1);
  width: 100%;
  padding: 20px; }

.build-info {
  z-index: 33;
  position: relative;
  cursor: default;
  display: block; }
  .build-info > * {
    z-index: 11; }

.build-environment {
  border-radius: 50px;
  white-space: nowrap;
  height: 25px;
  padding: 0;
  font: 16px/25px monospace; }
  .build-environment environment-name {
    display: block;
    position: relative;
    color: #26A69A;
    margin: 0px;
    text-align: left;
    animation: color-pulse 20s infinite;
    font-weight: bold; }
    .build-environment environment-name span {
      display: inline-block;
      animation: scale-pulse 5s infinite; }

@keyframes color-pulse {
  0% {
    color: #26A69A; }
  20% {
    color: #F35C86; }
  40% {
    color: #0C83FF; }
  60% {
    color: #7027da; }
  80% {
    color: #F5B336; }
  100% {
    color: #2ca460; } }

@keyframes scale-pulse {
  0% {
    transform: scale(1.2); }
  50% {
    transform: scale(0.8); }
  100% {
    transform: scale(1.2); } }

.build-versions {
  padding: 2px;
  opacity: .4;
  position: fixed;
  right: 1px;
  bottom: 1px;
  border: 1px dashed #f00;
  background: none;
  font-size: 11px; }
  .build-versions:hover {
    opacity: 1; }
  .build-versions strong {
    color: #f00; }
  .build-versions table {
    border-collapse: initial; }
  .build-versions td {
    padding: 1px;
    font: initial;
    font-family: monospace;
    font-size: 11px; }

.loader {
  padding-top: 20px; }
  .loader > img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -28px;
    background-color: #fff;
    border: 1px solid #31a5ad;
    padding: 15px 19px; }

window-content #cssload-pgloading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100; }
  window-content #cssload-pgloading .cssload-loadingwrap {
    position: absolute; }

window-content .loading {
  height: 100px; }

.login-box #cssload-pgloading {
  height: 100px; }

#cssload-pgloading:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

#cssload-pgloading .cssload-loadingwrap {
  position: fixed;
  top: 45%;
  bottom: 45%;
  left: 25%;
  right: 25%; }

#cssload-pgloading .cssload-bokeh {
  font-size: 35px;
  width: 1em;
  height: 1em;
  position: relative;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%; }

#cssload-pgloading .cssload-bokeh li {
  position: absolute;
  width: 0.2em;
  height: 0.2em;
  font-size: 1em;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%; }

#cssload-pgloading .cssload-bokeh li:nth-child(1) {
  left: 50%;
  top: 0;
  margin: 0 0 0 -.1em;
  background: #6C8A93;
  transform-origin: 50% 250%;
  -o-transform-origin: 50% 250%;
  -ms-transform-origin: 50% 250%;
  -webkit-transform-origin: 50% 250%;
  -moz-transform-origin: 50% 250%;
  animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
  -o-animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
  -ms-animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
  -webkit-animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
  -moz-animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate; }

#cssload-pgloading .cssload-bokeh li:nth-child(2) {
  top: 50%;
  right: 0;
  margin: -.1em 0 0 0;
  background: #F5B336;
  transform-origin: -150% 50%;
  -o-transform-origin: -150% 50%;
  -ms-transform-origin: -150% 50%;
  -webkit-transform-origin: -150% 50%;
  -moz-transform-origin: -150% 50%;
  animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
  -o-animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
  -ms-animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
  -webkit-animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
  -moz-animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate; }

#cssload-pgloading .cssload-bokeh li:nth-child(3) {
  left: 50%;
  bottom: 0;
  margin: 0 0 0 -.1em;
  background: #32A6AE;
  transform-origin: 50% -150%;
  -o-transform-origin: 50% -150%;
  -ms-transform-origin: 50% -150%;
  -webkit-transform-origin: 50% -150%;
  -moz-transform-origin: 50% -150%;
  animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
  -o-animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
  -ms-animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
  -webkit-animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
  -moz-animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate; }

#cssload-pgloading .cssload-bokeh li:nth-child(4) {
  top: 50%;
  left: 0;
  margin: -.1em 0 0 0;
  background: #6A52F8;
  transform-origin: 250% 50%;
  -o-transform-origin: 250% 50%;
  -ms-transform-origin: 250% 50%;
  -webkit-transform-origin: 250% 50%;
  -moz-transform-origin: 250% 50%;
  animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
  -o-animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
  -ms-animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
  -webkit-animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
  -moz-animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate; }

@keyframes cssload-rota {
  from { }
  to {
    transform: rotate(360deg); } }

@-o-keyframes cssload-rota {
  from { }
  to {
    -o-transform: rotate(360deg); } }

@-ms-keyframes cssload-rota {
  to {
    -ms-transform: rotate(360deg); } }

@-webkit-keyframes cssload-rota {
  from { }
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes cssload-rota {
  from { }
  to {
    -moz-transform: rotate(360deg); } }

@keyframes cssload-opa {
  0% { }
  12.0% {
    opacity: 0.80; }
  19.5% {
    opacity: 0.88; }
  37.2% {
    opacity: 0.64; }
  40.5% {
    opacity: 0.52; }
  52.7% {
    opacity: 0.69; }
  60.2% {
    opacity: 0.60; }
  66.6% {
    opacity: 0.52; }
  70.0% {
    opacity: 0.63; }
  79.9% {
    opacity: 0.60; }
  84.2% {
    opacity: 0.75; }
  91.0% {
    opacity: 0.87; } }

@-o-keyframes cssload-opa {
  0% { }
  12.0% {
    opacity: 0.80; }
  19.5% {
    opacity: 0.88; }
  37.2% {
    opacity: 0.64; }
  40.5% {
    opacity: 0.52; }
  52.7% {
    opacity: 0.69; }
  60.2% {
    opacity: 0.60; }
  66.6% {
    opacity: 0.52; }
  70.0% {
    opacity: 0.63; }
  79.9% {
    opacity: 0.60; }
  84.2% {
    opacity: 0.75; }
  91.0% {
    opacity: 0.87; } }

@-ms-keyframes cssload-opa {
  12.0% {
    opacity: 0.80; }
  19.5% {
    opacity: 0.88; }
  37.2% {
    opacity: 0.64; }
  40.5% {
    opacity: 0.52; }
  52.7% {
    opacity: 0.69; }
  60.2% {
    opacity: 0.60; }
  66.6% {
    opacity: 0.52; }
  70.0% {
    opacity: 0.63; }
  79.9% {
    opacity: 0.60; }
  84.2% {
    opacity: 0.75; }
  91.0% {
    opacity: 0.87; } }

@-webkit-keyframes cssload-opa {
  0% { }
  12.0% {
    opacity: 0.80; }
  19.5% {
    opacity: 0.88; }
  37.2% {
    opacity: 0.64; }
  40.5% {
    opacity: 0.52; }
  52.7% {
    opacity: 0.69; }
  60.2% {
    opacity: 0.60; }
  66.6% {
    opacity: 0.52; }
  70.0% {
    opacity: 0.63; }
  79.9% {
    opacity: 0.60; }
  84.2% {
    opacity: 0.75; }
  91.0% {
    opacity: 0.87; } }

@-moz-keyframes cssload-opa {
  0% { }
  12.0% {
    opacity: 0.80; }
  19.5% {
    opacity: 0.88; }
  37.2% {
    opacity: 0.64; }
  40.5% {
    opacity: 0.52; }
  52.7% {
    opacity: 0.69; }
  60.2% {
    opacity: 0.60; }
  66.6% {
    opacity: 0.52; }
  70.0% {
    opacity: 0.63; }
  79.9% {
    opacity: 0.60; }
  84.2% {
    opacity: 0.75; }
  91.0% {
    opacity: 0.87; } }

.row {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap; }
  .row .row {
    max-width: none;
    margin-left: -18px;
    margin-right: -18px; }
    .row .row.collapse {
      margin-right: 0;
      margin-left: 0; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
    .row.collapse > .column > .row,
    .row.collapse > .columns > .row {
      margin-right: 0;
      margin-left: 0; }
  .row.expanded {
    max-width: none; }
  .row.blockgrid {
    margin-left: -9px;
    margin-right: -9px; }
    .row.blockgrid > .column,
    .row.blockgrid > .columns {
      padding-left: 9px;
      padding-right: 9px;
      padding-bottom: 18px; }

.column,
.columns {
  padding-left: 18px;
  padding-right: 18px; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

@media (min-width: 0px) and (min-height: 0px) {
  .row {
    max-width: none; }
    .row .row {
      margin-left: -18px;
      margin-right: -18px; }
  .row.blockgrid {
    margin-left: -9px;
    margin-right: -9px; }
    .row.blockgrid > .column,
    .row.blockgrid > .columns {
      padding-left: 9px;
      padding-right: 9px;
      padding-bottom: 18px; }
  .column,
  .columns {
    padding-left: 18px;
    padding-right: 18px; }
  .base-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .base-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    order: 1; }
  .base-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .base-up-1 > .column,
  .base-up-1 > .columns {
    -ms-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .base-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .base-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 2;
    order: 2; }
  .base-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .base-up-2 > .column,
  .base-up-2 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .base-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .base-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 3;
    order: 3; }
  .base-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .base-up-3 > .column,
  .base-up-3 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%; }
  .base-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .base-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 4;
    order: 4; }
  .base-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .base-up-4 > .column,
  .base-up-4 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .base-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .base-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 5;
    order: 5; }
  .base-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .base-up-5 > .column,
  .base-up-5 > .columns {
    -ms-flex: 0 0 41.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .base-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .base-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 6;
    order: 6; }
  .base-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .base-up-6 > .column,
  .base-up-6 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%; }
  .base-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .base-order-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 7;
    order: 7; }
  .base-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .base-up-7 > .column,
  .base-up-7 > .columns {
    -ms-flex: 0 0 58.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .base-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .base-order-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 8;
    order: 8; }
  .base-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .base-up-8 > .column,
  .base-up-8 > .columns {
    -ms-flex: 0 0 66.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .base-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .base-order-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 9;
    order: 9; }
  .base-up-9 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .base-up-9 > .column,
  .base-up-9 > .columns {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%; }
  .base-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .base-order-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 10;
    order: 10; }
  .base-up-10 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .base-up-10 > .column,
  .base-up-10 > .columns {
    -ms-flex: 0 0 83.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .base-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .base-order-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 11;
    order: 11; }
  .base-up-11 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .base-up-11 > .column,
  .base-up-11 > .columns {
    -ms-flex: 0 0 91.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .base-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .base-order-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 12;
    order: 12; }
  .base-up-12 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .base-up-12 > .column,
  .base-up-12 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%; } }

@media (min-width: 490px) and (min-height: 0px) {
  .row {
    max-width: none; }
    .row .row {
      margin-left: -18px;
      margin-right: -18px; }
  .row.blockgrid {
    margin-left: -9px;
    margin-right: -9px; }
    .row.blockgrid > .column,
    .row.blockgrid > .columns {
      padding-left: 9px;
      padding-right: 9px;
      padding-bottom: 18px; }
  .column,
  .columns {
    padding-left: 18px;
    padding-right: 18px; }
  .small-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .small-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    order: 1; }
  .small-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-1 > .column,
  .small-up-1 > .columns {
    -ms-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .small-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .small-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 2;
    order: 2; }
  .small-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-2 > .column,
  .small-up-2 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .small-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .small-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 3;
    order: 3; }
  .small-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-3 > .column,
  .small-up-3 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%; }
  .small-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .small-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 4;
    order: 4; }
  .small-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-4 > .column,
  .small-up-4 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .small-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .small-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 5;
    order: 5; }
  .small-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-5 > .column,
  .small-up-5 > .columns {
    -ms-flex: 0 0 41.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .small-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .small-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 6;
    order: 6; }
  .small-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-6 > .column,
  .small-up-6 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%; }
  .small-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .small-order-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 7;
    order: 7; }
  .small-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-7 > .column,
  .small-up-7 > .columns {
    -ms-flex: 0 0 58.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .small-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .small-order-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 8;
    order: 8; }
  .small-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-8 > .column,
  .small-up-8 > .columns {
    -ms-flex: 0 0 66.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .small-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .small-order-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 9;
    order: 9; }
  .small-up-9 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-9 > .column,
  .small-up-9 > .columns {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%; }
  .small-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .small-order-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 10;
    order: 10; }
  .small-up-10 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-10 > .column,
  .small-up-10 > .columns {
    -ms-flex: 0 0 83.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .small-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .small-order-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 11;
    order: 11; }
  .small-up-11 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-11 > .column,
  .small-up-11 > .columns {
    -ms-flex: 0 0 91.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .small-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .small-order-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 12;
    order: 12; }
  .small-up-12 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .small-up-12 > .column,
  .small-up-12 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%; } }

@media screen and (max-width: 489px) {
  .hide-for-base-only {
    display: none !important; } }

@media screen and (max-width: 0px), screen and (min-width: 490px) {
  .show-for-base-only {
    display: none !important; } }

@media screen and (min-width: 490px) {
  .hide-for-small {
    display: none !important; } }

@media screen and (max-width: 489px) {
  .show-for-small {
    display: none !important; } }

@media (min-width: 768px) and (min-height: 0px) {
  .row {
    max-width: 696px; }
    .row .row {
      margin-left: -18px;
      margin-right: -18px; }
  .row.blockgrid {
    margin-left: -9px;
    margin-right: -9px; }
    .row.blockgrid > .column,
    .row.blockgrid > .columns {
      padding-left: 9px;
      padding-right: 9px;
      padding-bottom: 18px; }
  .column,
  .columns {
    padding-left: 18px;
    padding-right: 18px; }
  .medium-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .medium-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    order: 1; }
  .medium-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-1 > .column,
  .medium-up-1 > .columns {
    -ms-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .medium-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .medium-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 2;
    order: 2; }
  .medium-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-2 > .column,
  .medium-up-2 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .medium-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .medium-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 3;
    order: 3; }
  .medium-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-3 > .column,
  .medium-up-3 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%; }
  .medium-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .medium-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 4;
    order: 4; }
  .medium-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-4 > .column,
  .medium-up-4 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .medium-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .medium-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 5;
    order: 5; }
  .medium-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-5 > .column,
  .medium-up-5 > .columns {
    -ms-flex: 0 0 41.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .medium-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .medium-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 6;
    order: 6; }
  .medium-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-6 > .column,
  .medium-up-6 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%; }
  .medium-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .medium-order-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 7;
    order: 7; }
  .medium-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-7 > .column,
  .medium-up-7 > .columns {
    -ms-flex: 0 0 58.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .medium-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .medium-order-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 8;
    order: 8; }
  .medium-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-8 > .column,
  .medium-up-8 > .columns {
    -ms-flex: 0 0 66.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .medium-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .medium-order-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 9;
    order: 9; }
  .medium-up-9 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-9 > .column,
  .medium-up-9 > .columns {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%; }
  .medium-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .medium-order-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 10;
    order: 10; }
  .medium-up-10 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-10 > .column,
  .medium-up-10 > .columns {
    -ms-flex: 0 0 83.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .medium-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .medium-order-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 11;
    order: 11; }
  .medium-up-11 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-11 > .column,
  .medium-up-11 > .columns {
    -ms-flex: 0 0 91.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .medium-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .medium-order-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 12;
    order: 12; }
  .medium-up-12 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .medium-up-12 > .column,
  .medium-up-12 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%; } }

@media screen and (min-width: 490px) and (max-width: 767px) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 489px), screen and (min-width: 768px) {
  .show-for-small-only {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .show-for-medium {
    display: none !important; } }

@media (min-width: 1024px) and (min-height: 0px) {
  .row {
    max-width: 952px; }
    .row .row {
      margin-left: -18px;
      margin-right: -18px; }
  .row.blockgrid {
    margin-left: -9px;
    margin-right: -9px; }
    .row.blockgrid > .column,
    .row.blockgrid > .columns {
      padding-left: 9px;
      padding-right: 9px;
      padding-bottom: 18px; }
  .column,
  .columns {
    padding-left: 18px;
    padding-right: 18px; }
  .large-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .large-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    order: 1; }
  .large-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-1 > .column,
  .large-up-1 > .columns {
    -ms-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .large-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .large-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 2;
    order: 2; }
  .large-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-2 > .column,
  .large-up-2 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .large-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .large-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 3;
    order: 3; }
  .large-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-3 > .column,
  .large-up-3 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%; }
  .large-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .large-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 4;
    order: 4; }
  .large-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-4 > .column,
  .large-up-4 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .large-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .large-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 5;
    order: 5; }
  .large-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-5 > .column,
  .large-up-5 > .columns {
    -ms-flex: 0 0 41.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .large-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .large-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 6;
    order: 6; }
  .large-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-6 > .column,
  .large-up-6 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%; }
  .large-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .large-order-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 7;
    order: 7; }
  .large-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-7 > .column,
  .large-up-7 > .columns {
    -ms-flex: 0 0 58.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .large-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .large-order-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 8;
    order: 8; }
  .large-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-8 > .column,
  .large-up-8 > .columns {
    -ms-flex: 0 0 66.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .large-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .large-order-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 9;
    order: 9; }
  .large-up-9 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-9 > .column,
  .large-up-9 > .columns {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%; }
  .large-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .large-order-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 10;
    order: 10; }
  .large-up-10 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-10 > .column,
  .large-up-10 > .columns {
    -ms-flex: 0 0 83.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .large-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .large-order-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 11;
    order: 11; }
  .large-up-11 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-11 > .column,
  .large-up-11 > .columns {
    -ms-flex: 0 0 91.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .large-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .large-order-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 12;
    order: 12; }
  .large-up-12 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .large-up-12 > .column,
  .large-up-12 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 767px), screen and (min-width: 1024px) {
  .show-for-medium-only {
    display: none !important; } }

@media screen and (min-width: 1024px) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 1023px) {
  .show-for-large {
    display: none !important; } }

@media (min-width: 1280px) and (min-height: 0px) {
  .row {
    max-width: 1200px; }
    .row .row {
      margin-left: -20px;
      margin-right: -20px; }
  .row.blockgrid {
    margin-left: -10px;
    margin-right: -10px; }
    .row.blockgrid > .column,
    .row.blockgrid > .columns {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 20px; }
  .column,
  .columns {
    padding-left: 20px;
    padding-right: 20px; }
  .xlarge-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .xlarge-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    order: 1; }
  .xlarge-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-1 > .column,
  .xlarge-up-1 > .columns {
    -ms-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .xlarge-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xlarge-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 2;
    order: 2; }
  .xlarge-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-2 > .column,
  .xlarge-up-2 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xlarge-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .xlarge-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 3;
    order: 3; }
  .xlarge-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-3 > .column,
  .xlarge-up-3 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%; }
  .xlarge-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xlarge-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 4;
    order: 4; }
  .xlarge-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-4 > .column,
  .xlarge-up-4 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xlarge-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .xlarge-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 5;
    order: 5; }
  .xlarge-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-5 > .column,
  .xlarge-up-5 > .columns {
    -ms-flex: 0 0 41.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .xlarge-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .xlarge-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 6;
    order: 6; }
  .xlarge-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-6 > .column,
  .xlarge-up-6 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%; }
  .xlarge-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .xlarge-order-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 7;
    order: 7; }
  .xlarge-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-7 > .column,
  .xlarge-up-7 > .columns {
    -ms-flex: 0 0 58.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .xlarge-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .xlarge-order-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 8;
    order: 8; }
  .xlarge-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-8 > .column,
  .xlarge-up-8 > .columns {
    -ms-flex: 0 0 66.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .xlarge-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .xlarge-order-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 9;
    order: 9; }
  .xlarge-up-9 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-9 > .column,
  .xlarge-up-9 > .columns {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%; }
  .xlarge-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .xlarge-order-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 10;
    order: 10; }
  .xlarge-up-10 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-10 > .column,
  .xlarge-up-10 > .columns {
    -ms-flex: 0 0 83.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .xlarge-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .xlarge-order-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 11;
    order: 11; }
  .xlarge-up-11 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-11 > .column,
  .xlarge-up-11 > .columns {
    -ms-flex: 0 0 91.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .xlarge-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .xlarge-order-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 12;
    order: 12; }
  .xlarge-up-12 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xlarge-up-12 > .column,
  .xlarge-up-12 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%; } }

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 1023px), screen and (min-width: 1280px) {
  .show-for-large-only {
    display: none !important; } }

@media screen and (min-width: 1280px) {
  .hide-for-xlarge {
    display: none !important; } }

@media screen and (max-width: 1279px) {
  .show-for-xlarge {
    display: none !important; } }

@media (min-width: 1400px) and (min-height: 0px) {
  .row {
    max-width: 1304px; }
    .row .row {
      margin-left: -24px;
      margin-right: -24px; }
  .row.blockgrid {
    margin-left: -12px;
    margin-right: -12px; }
    .row.blockgrid > .column,
    .row.blockgrid > .columns {
      padding-left: 12px;
      padding-right: 12px;
      padding-bottom: 24px; }
  .column,
  .columns {
    padding-left: 24px;
    padding-right: 24px; }
  .xxlarge-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .xxlarge-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    order: 1; }
  .xxlarge-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxlarge-up-1 > .column,
  .xxlarge-up-1 > .columns {
    -ms-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .xxlarge-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xxlarge-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 2;
    order: 2; }
  .xxlarge-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxlarge-up-2 > .column,
  .xxlarge-up-2 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xxlarge-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .xxlarge-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 3;
    order: 3; }
  .xxlarge-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxlarge-up-3 > .column,
  .xxlarge-up-3 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%; }
  .xxlarge-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xxlarge-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 4;
    order: 4; }
  .xxlarge-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxlarge-up-4 > .column,
  .xxlarge-up-4 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xxlarge-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .xxlarge-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 5;
    order: 5; }
  .xxlarge-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxlarge-up-5 > .column,
  .xxlarge-up-5 > .columns {
    -ms-flex: 0 0 41.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .xxlarge-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .xxlarge-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 6;
    order: 6; }
  .xxlarge-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxlarge-up-6 > .column,
  .xxlarge-up-6 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%; }
  .xxlarge-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .xxlarge-order-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 7;
    order: 7; }
  .xxlarge-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxlarge-up-7 > .column,
  .xxlarge-up-7 > .columns {
    -ms-flex: 0 0 58.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .xxlarge-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .xxlarge-order-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 8;
    order: 8; }
  .xxlarge-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxlarge-up-8 > .column,
  .xxlarge-up-8 > .columns {
    -ms-flex: 0 0 66.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .xxlarge-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .xxlarge-order-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 9;
    order: 9; }
  .xxlarge-up-9 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxlarge-up-9 > .column,
  .xxlarge-up-9 > .columns {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%; }
  .xxlarge-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .xxlarge-order-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 10;
    order: 10; }
  .xxlarge-up-10 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxlarge-up-10 > .column,
  .xxlarge-up-10 > .columns {
    -ms-flex: 0 0 83.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .xxlarge-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .xxlarge-order-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 11;
    order: 11; }
  .xxlarge-up-11 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxlarge-up-11 > .column,
  .xxlarge-up-11 > .columns {
    -ms-flex: 0 0 91.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .xxlarge-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .xxlarge-order-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 12;
    order: 12; }
  .xxlarge-up-12 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxlarge-up-12 > .column,
  .xxlarge-up-12 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%; } }

@media screen and (min-width: 1280px) and (max-width: 1399px) {
  .hide-for-xlarge-only {
    display: none !important; } }

@media screen and (max-width: 1279px), screen and (min-width: 1400px) {
  .show-for-xlarge-only {
    display: none !important; } }

@media screen and (min-width: 1400px) {
  .hide-for-xxlarge {
    display: none !important; } }

@media screen and (max-width: 1399px) {
  .show-for-xxlarge {
    display: none !important; } }

@media (min-width: 2320px) and (min-height: 0px) {
  .row {
    max-width: 1446px; }
    .row .row {
      margin-left: -26px;
      margin-right: -26px; }
  .row.blockgrid {
    margin-left: -13px;
    margin-right: -13px; }
    .row.blockgrid > .column,
    .row.blockgrid > .columns {
      padding-left: 13px;
      padding-right: 13px;
      padding-bottom: 26px; }
  .column,
  .columns {
    padding-left: 26px;
    padding-right: 26px; }
  .xxxlarge-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .xxxlarge-order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    order: 1; }
  .xxxlarge-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxxlarge-up-1 > .column,
  .xxxlarge-up-1 > .columns {
    -ms-flex: 0 0 8.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .xxxlarge-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xxxlarge-order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 2;
    order: 2; }
  .xxxlarge-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxxlarge-up-2 > .column,
  .xxxlarge-up-2 > .columns {
    -ms-flex: 0 0 16.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .xxxlarge-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .xxxlarge-order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 3;
    order: 3; }
  .xxxlarge-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxxlarge-up-3 > .column,
  .xxxlarge-up-3 > .columns {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%; }
  .xxxlarge-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xxxlarge-order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 4;
    order: 4; }
  .xxxlarge-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxxlarge-up-4 > .column,
  .xxxlarge-up-4 > .columns {
    -ms-flex: 0 0 33.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .xxxlarge-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .xxxlarge-order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 5;
    order: 5; }
  .xxxlarge-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxxlarge-up-5 > .column,
  .xxxlarge-up-5 > .columns {
    -ms-flex: 0 0 41.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .xxxlarge-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .xxxlarge-order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 6;
    order: 6; }
  .xxxlarge-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxxlarge-up-6 > .column,
  .xxxlarge-up-6 > .columns {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%; }
  .xxxlarge-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .xxxlarge-order-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 7;
    order: 7; }
  .xxxlarge-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxxlarge-up-7 > .column,
  .xxxlarge-up-7 > .columns {
    -ms-flex: 0 0 58.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .xxxlarge-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .xxxlarge-order-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 8;
    order: 8; }
  .xxxlarge-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxxlarge-up-8 > .column,
  .xxxlarge-up-8 > .columns {
    -ms-flex: 0 0 66.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .xxxlarge-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .xxxlarge-order-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 9;
    order: 9; }
  .xxxlarge-up-9 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxxlarge-up-9 > .column,
  .xxxlarge-up-9 > .columns {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%; }
  .xxxlarge-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .xxxlarge-order-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 10;
    order: 10; }
  .xxxlarge-up-10 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxxlarge-up-10 > .column,
  .xxxlarge-up-10 > .columns {
    -ms-flex: 0 0 83.33333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .xxxlarge-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .xxxlarge-order-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 11;
    order: 11; }
  .xxxlarge-up-11 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxxlarge-up-11 > .column,
  .xxxlarge-up-11 > .columns {
    -ms-flex: 0 0 91.66667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .xxxlarge-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .xxxlarge-order-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 12;
    order: 12; }
  .xxxlarge-up-12 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .xxxlarge-up-12 > .column,
  .xxxlarge-up-12 > .columns {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%; } }

@media screen and (min-width: 1400px) and (max-width: 2319px) {
  .hide-for-xxlarge-only {
    display: none !important; } }

@media screen and (max-width: 1399px), screen and (min-width: 2320px) {
  .show-for-xxlarge-only {
    display: none !important; } }

@media screen and (min-width: 2320px) {
  .hide-for-xxxlarge {
    display: none !important; } }

@media screen and (max-width: 2319px) {
  .show-for-xxxlarge {
    display: none !important; } }

app-error {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-width: 630px;
  margin: 30px auto; }

app-login {
  padding-top: 60px; }
  app-login form[type='authLogin'] {
    margin-bottom: 20px; }
    app-login form[type='authLogin'] actions control {
      width: 100%; }
      app-login form[type='authLogin'] actions control button {
        width: 60%;
        display: block;
        padding: 11px 19px; }
      app-login form[type='authLogin'] actions control:after {
        content: "";
        display: table;
        clear: both; }

form[type='authLogin'] svg {
  position: absolute;
  fill: #D1D3D4; }
  form[type='authLogin'] svg.mail {
    top: 9px;
    left: 8px;
    width: 19px;
    height: 16px; }
  form[type='authLogin'] svg.password {
    top: 9px;
    left: 11px;
    width: 13px;
    height: 16px; }

.content {
  max-width: 630px;
  margin: 30px auto; }

.links {
  margin: 0; }
  .links p {
    margin-bottom: 0;
    position: absolute;
    top: 60px;
    font-size: 12px;
    text-transform: lowercase;
    display: inline-block; }
    .links p a {
      color: #aaa; }

app-select {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px; }

app-menu {
  position: absolute;
  top: 0;
  height: 70px;
  display: block;
  z-index: +2;
  text-align: center; }
  app-menu .timeline {
    display: inline-block;
    height: 100%; }
    app-menu .timeline button {
      display: inline-block;
      height: 100%;
      padding: 0 9px;
      color: #6AC4D8;
      font-size: 13px;
      background: none;
      position: relative;
      transition: 0.3s linear; }
      app-menu .timeline button:after {
        content: ">";
        position: absolute;
        right: -4px;
        top: 50%;
        margin-top: -8px;
        color: #ddd; }
      app-menu .timeline button.active {
        pointer-events: none;
        cursor: default;
        font-weight: bold; }
        app-menu .timeline button.active ~ button {
          font-weight: normal; }
      app-menu .timeline button:last-child:after {
        content: none; }
      app-menu .timeline button[disabled] {
        color: #aebec3;
        opacity: 0.3; }

div.auth {
  flex: 1;
  display: flex;
  flex-direction: column; }
  div.auth h1 {
    margin-bottom: 0;
    padding-bottom: 20px; }
  div.auth div.error > .liquid-container > * {
    background-color: #F15A29;
    padding: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center; }
  div.auth div.warning > .liquid-container > * {
    background-color: #F1D129;
    padding: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center; }
  div.auth div.lookup {
    left: 50%;
    margin: 0 auto;
    width: 720px; }
  div.auth div.loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.5); }
  div.auth div.index, div.auth div.accepted, div.auth div.declined {
    padding: 28px 0 0;
    left: 50%;
    margin: 0 auto;
    width: 720px; }
  div.auth controller-actions {
    display: block; }
  div.auth button {
    background: #6C8A93;
    color: #fff;
    border-radius: 0;
    padding: 8px 19px;
    text-align: center;
    display: inline-block;
    margin-right: 10px; }
    div.auth button:last-child {
      margin-right: 0px; }

div.auth-invite div.block ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  div.auth-invite div.block ul li {
    padding: 0;
    display: block;
    float: left;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-bottom: -1px;
    max-width: 33%;
    min-width: 25%;
    overflow: hidden;
    position: relative; }
    div.auth-invite div.block ul li a {
      display: block;
      padding: 8px 2px;
      text-align: center; }
    div.auth-invite div.block ul li:last-of-type {
      border-right: 1px solid #ccc; }
    div.auth-invite div.block ul li.active {
      z-index: 1; }
      div.auth-invite div.block ul li.active a {
        font-weight: bold; }

div.auth-invite div.block > div {
  padding: 28px 28px;
  clear: both;
  background-color: #fff;
  border: 1px solid #ccc; }
  div.auth-invite div.block > div form {
    margin-bottom: -10px; }

locality-index {
  display: flex;
  background: url("../images/intro.jpg");
  background-position: 50% 50%;
  background-size: cover;
  flex: 1;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  padding: 20px; }
  locality-index .intro-box {
    background: rgba(50, 166, 174, 0.94);
    padding: 37px 30px;
    display: block;
    box-shadow: 2px 2px 22px 4px rgba(0, 0, 0, 0.3);
    color: #fff;
    margin-left: 4%;
    width: 38%; }
    locality-index .intro-box h1 {
      color: #fff; }
    locality-index .intro-box p {
      color: #fff; }
    locality-index .intro-box button {
      padding: 11px 19px;
      border-radius: 0;
      color: #32A6AE;
      background: #fff; }

.locality-search {
  position: relative;
  width: 600px;
  margin-bottom: 10px; }
  .locality-search:before {
    top: 0;
    left: 0;
    content: "Ik woon in gemeente ";
    font-size: 21px;
    line-height: 30px;
    color: #898989;
    position: absolute;
    font-family: "Open Sans", Arial; }
  .locality-search input {
    border: none;
    box-shadow: none;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 2px 0 4px 210px;
    font-size: 21px;
    line-height: 27px;
    min-height: 0;
    position: relative;
    background: none;
    font-family: "Open Sans", Arial; }
    .locality-search input:focus {
      outline: none;
      box-shadow: none; }
  .locality-search .autocomplete {
    position: absolute;
    top: 1px;
    left: 210px;
    font-size: 21px;
    line-height: 28px;
    color: #ccc;
    font-family: "Open Sans", Arial; }
  .locality-search .cities {
    display: none;
    border: 1px solid #ddd;
    padding: 10px 17px;
    position: absolute;
    z-index: +1;
    width: 100%;
    /* background: white; */
    top: 33px; }
    .locality-search .cities.show {
      display: block; }
    .locality-search .cities p {
      font-style: italic;
      margin-bottom: 0; }
    .locality-search .cities ul {
      list-style: none;
      font-style: italic;
      margin-bottom: 0;
      padding-left: 0;
      margin-top: 3px; }
      .locality-search .cities ul li {
        padding: 0 0 0px 0;
        color: #31a5ad;
        cursor: pointer; }
        .locality-search .cities ul li:hover {
          font-weight: bold; }
  .locality-search.has-focus .cities.show,
  .locality-search:hover .cities.show {
    display: block; }
  .locality-search span.tooltip {
    z-index: 1;
    margin-top: -13px;
    opacity: 0;
    position: absolute;
    background: red;
    color: #fff;
    padding: 10px 16px;
    top: 85%;
    left: 200px;
    white-space: nowrap;
    font-size: 17px;
    line-height: 17px; }
    .locality-search span.tooltip:before {
      content: "";
      opacity: 0;
      border-bottom: 5px solid red;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      position: absolute;
      top: -5px;
      margin-left: 71px; }
  .locality-search.is-empty span.tooltip {
    top: 100%;
    opacity: 1; }
    .locality-search.is-empty span.tooltip:before {
      opacity: 1; }
  .locality-search.has-focus span.tooltip {
    opacity: 0; }
    .locality-search.has-focus span.tooltip:before {
      opacity: 0; }

window-container {
  position: relative;
  z-index: 2;
  overflow: hidden;
  transition: height 0.350s ease;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); }

window {
  position: absolute;
  border: none;
  padding: 14px 0px 14px 50%;
  display: block;
  background: #202125;
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  transition: opacity 0.350s ease; }
  window.centered {
    top: 50%;
    left: 50%;
    position: fixed; }
  window.visible {
    opacity: 1;
    visibility: visible; }
  window window-header {
    font-size: 15px;
    line-height: 19px;
    height: auto;
    margin-bottom: 10px;
    padding: 0 0 10px;
    font: 19px/1.2em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    margin: 0;
    display: block;
    flex: none;
    width: 640px;
    margin-left: -320px; }
  window window-content {
    display: block;
    font: 14px/17px regular, Arial;
    box-sizing: border-box;
    position: relative;
    height: 100%;
    flex: 1;
    width: 640px;
    margin-left: -320px; }
  window dialog-footer {
    border-top: 1px solid #ddd; }
  window p {
    margin: 0; }
  window form {
    margin: 0; }
    window form control {
      margin: 10px 0 0; }
    window form control[type="select"] label .arrow {
      background: none;
      width: 16px;
      height: 12px;
      top: 36px;
      right: 12px; }

window-content > form {
  position: initial; }
  window-content > form label {
    padding-left: 0; }

window-content form actions {
  display: block;
  clear: both;
  position: absolute;
  padding: 10px 0; }

window-content textarea {
  background: #141517;
  padding: 17px;
  border: none;
  font: 1em/1.3rem "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  resize: vertical;
  color: #f9d89a;
  width: 100%;
  transition: height .350s ease;
  height: 90px; }

window-content select {
  -webkit-appearance: none;
  appearance: none;
  padding: 10px 20px;
  background: #202125;
  border-radius: 5px;
  border: none;
  box-shadow: inset 0 0 0 1px #202125, inset 0 0 0 2px #2C2D33;
  min-width: 220px; }
  window-content select:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px #32A6AE, inset 0 0 0 2px #2C2D33; }

dialog {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  padding: 0;
  box-sizing: border-box; }
  dialog dialog-footer {
    display: block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    height: 30px;
    width: 100%;
    border-top: 1px solid #ccc; }

dialog-buttons {
  display: block; }
  dialog-buttons button {
    margin-top: 15px;
    color: #CCC;
    margin-right: 20px;
    border: 1px solid #5c5e64;
    outline: none;
    border-radius: 5px;
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-between;
    padding: 5px 12px;
    font-weight: 700;
    float: left;
    white-space: nowrap;
    transition: all 0.350s ease; }
    dialog-buttons button.active {
      box-shadow: inset 0 0 0 2px #fff; }
    dialog-buttons button[disabled] {
      color: #5c5e64; }
    dialog-buttons button:hover:not([disabled]) {
      color: #FFF;
      background: #32A6AE;
      border-color: #CCC; }
    dialog-buttons button:focus:not([disabled]) {
      box-shadow: 0 0 3px 1px #32A6AE; }

modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  transition: opacity .5s ease; }
  modal-overlay.visible {
    visibility: visible;
    opacity: 1; }

@-webkit-keyframes errorCheckbox {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    margin-bottom: 0px;
    margin-right: -2px; }
  25% {
    margin-bottom: -42px;
    margin-right: -2px; }
  50% {
    margin-bottom: -42px;
    margin-right: -40px;
    transform-origin: 0 0;
    transform: rotate(0deg); }
  100% {
    margin-bottom: -42px;
    margin-right: -22px;
    transform-origin: 0 0;
    transform: rotate(-45deg); } }

@keyframes errorCheckbox {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    transform-origin: 0 0;
    margin-bottom: 0px;
    margin-right: -2px; }
  25% {
    margin-bottom: -42px;
    margin-right: -2px; }
  50% {
    margin-bottom: -42px;
    margin-right: -40px; }
  100% {
    margin-bottom: -42px;
    margin-right: -22px;
    transform: rotate(-45deg) scale(2, 2); } }

@-webkit-keyframes errorBefore {
  0% {
    width: 0;
    height: 2px;
    background: #F15A29;
    top: 12px;
    left: 8px; }
  100% {
    height: 2px;
    background: #F15A29;
    top: 12px;
    left: 8px;
    width: 14px; } }

@keyframes errorBefore {
  0% {
    width: 0;
    height: 2px;
    background: #F15A29;
    top: 12px;
    left: 8px; }
  100% {
    height: 2px;
    background: #F15A29;
    top: 12px;
    left: 8px;
    width: 14px; } }

@-webkit-keyframes errorAfter {
  0% {
    width: 2px;
    height: 0;
    background: #F15A29;
    left: 14px;
    top: 6px; }
  100% {
    width: 2px;
    background: #F15A29;
    left: 14px;
    top: 6px;
    height: 14px; } }

@keyframes errorAfter {
  0% {
    width: 2px;
    height: 0;
    background: #F15A29;
    left: 14px;
    top: 6px; }
  100% {
    width: 2px;
    background: #F15A29;
    left: 14px;
    top: 6px;
    height: 14px; } }

@-webkit-keyframes errorInput {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    background: #F15A29; }
  100% {
    background: #F15A29;
    right: 2px; } }

@keyframes errorInput {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    background: #F15A29; }
  100% {
    background: #F15A29;
    right: 2px; } }

@-webkit-keyframes validBefore {
  0% {
    width: 2px;
    background: #8DC63F;
    left: 11px;
    top: 8px;
    height: 0px; }
  100% {
    width: 2px;
    background: #8DC63F;
    left: 11px;
    top: 8px;
    height: 8px; } }

@keyframes validBefore {
  0% {
    width: 2px;
    background: #8DC63F;
    left: 11px;
    top: 8px;
    height: 0px; }
  100% {
    width: 2px;
    background: #8DC63F;
    left: 11px;
    top: 8px;
    height: 8px; } }

@-webkit-keyframes validAfter {
  0% {
    height: 2px;
    background: #8DC63F;
    top: 14px;
    left: 11px;
    width: 0; }
  100% {
    height: 2px;
    background: #8DC63F;
    top: 14px;
    left: 11px;
    width: 13px; } }

@keyframes validAfter {
  0% {
    height: 2px;
    background: #8DC63F;
    top: 14px;
    left: 11px;
    width: 0; }
  100% {
    height: 2px;
    background: #8DC63F;
    top: 14px;
    left: 11px;
    width: 13px; } }

@-webkit-keyframes validInput {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    background: #8DC63F; }
  100% {
    background: #8DC63F;
    right: 2px; } }

@keyframes validInput {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    background: #8DC63F; }
  100% {
    background: #8DC63F;
    right: 2px; } }

@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0); }
  40% {
    opacity: 1; }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }

messages {
  display: block;
  position: relative;
  z-index: +1;
  margin-top: 5px;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  position: absolute;
  left: 100%;
  opacity: 0;
  top: 0;
  margin-left: 10px;
  /* allow element to grow to the right */
  margin-right: -100%; }
  messages.visible {
    max-height: 100px; }
  messages.hidden {
    max-height: 0; }
  form > messages, panel > messages {
    position: relative;
    left: 0;
    margin-left: 0;
    max-width: 300px; }
  messages message {
    overflow: hidden;
    display: inline-block;
    text-align: center;
    width: auto;
    max-width: 300px;
    font-size: 11px;
    font-weight: 400;
    padding: 10px 14px;
    line-height: 14px;
    overflow: hidden;
    background: #6c8a93;
    color: #fff;
    border-radius: 3px; }
    messages message.visible {
      max-height: 100px; }
    messages message.hidden {
      max-height: 0;
      display: none; }
  messages.visible {
    -webkit-animation: bounceInUp 0.7s forwards;
    animation: bounceInUp 0.7s forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }

.error-messages {
  width: 100%;
  min-width: 400px; }
  .error-messages .error-message.active-error {
    padding: 12px 20px;
    text-align: center;
    font-size: 13px;
    color: #f15a29;
    box-shadow: 0 0 0 1px red;
    display: inline-block;
    margin: 20px 10% 0;
    width: 80%; }

panel {
  width: 100%; }

form,
panel,
controls,
actions {
  display: block;
  position: relative;
  clear: both; }

form > messages, panel > messages {
  clear: both; }

actions > control {
  float: left; }

control[type='action'] {
  margin-right: 10px; }
  control[type='action']:last-child {
    margin-right: 0px; }

controls > control {
  clear: both;
  float: left;
  margin-bottom: 20px; }
  controls > control control[type='checkOption'] > label {
    width: auto;
    height: auto; }

input-container {
  position: relative;
  display: block; }

form {
  width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
  form:after {
    display: block;
    content: "";
    clear: both; }
  form * {
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
  form controls {
    width: 100%; }
    form controls control {
      width: 100%; }
  form actions {
    width: 100%; }
  form textarea {
    min-height: 150px; }

actions control[type] label,
actions control[type] select,
actions control[type] input,
actions control[type] textarea,
actions control[type] button {
  background: #F5B336;
  color: #fff;
  border-radius: 0;
  padding: 8px 19px;
  text-align: center;
  display: inline-block; }

actions control[type].disabled label,
actions control[type].disabled select,
actions control[type].disabled input,
actions control[type].disabled textarea,
actions control[type].disabled button,
actions control[type].disabled button:hover {
  background: #141517;
  color: #fff;
  cursor: default; }

control {
  position: relative;
  display: block;
  margin: 0; }
  control label {
    font-weight: 700;
    width: 100%;
    display: inline-block; }
    control label input-container {
      display: inline-block;
      position: relative; }
  control input, control select {
    background: none;
    border: none; }
  control options {
    float: left; }
    control options::after {
      clear: both; }
  control[type="checkbox"] input-container {
    padding-left: 27px; }
  control[type="checkbox"] input-validation {
    width: 20px;
    height: 22px;
    background: #141517;
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    overflow: hidden;
    box-shadow: inset 0px -2px 0 0 #D1D3D4; }
    control[type="checkbox"] input-validation:after {
      content: "";
      position: absolute;
      right: 100%;
      height: 2px;
      bottom: 0px;
      left: 0; }
  control[type="checkbox"] input-figure {
    position: absolute;
    margin-bottom: -2px;
    left: -4px;
    top: -1px;
    width: 30px;
    height: 30px; }
    control[type="checkbox"] input-figure:after, control[type="checkbox"] input-figure:before {
      content: "";
      display: block;
      position: absolute;
      border-radius: 2px; }
  control[type="checkbox"] input[type="checkbox"] {
    display: none; }
    control[type="checkbox"] input[type="checkbox"] + label {
      line-height: 29px; }
  control[type="checkbox"] input[type="checkbox"]:checked + label input-validation:after {
    -webkit-animation: validInput 0.3s forwards;
    animation: validInput 0.3s forwards; }
  control[type="checkbox"] input[type="checkbox"]:checked + label input-figure {
    transform: rotate(-45deg); }
    control[type="checkbox"] input[type="checkbox"]:checked + label input-figure:before {
      -webkit-animation: validBefore 0.3s forwards;
      animation: validBefore 0.3s forwards;
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }
    control[type="checkbox"] input[type="checkbox"]:checked + label input-figure:after {
      -webkit-animation: validAfter 0.3s forwards;
      animation: validAfter 0.3s forwards;
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s; }
  control[type="checkbox"].error input-validation:after {
    -webkit-animation: errorInput 0.3s forwards;
    animation: errorInput 0.3s forwards; }
  control[type="checkbox"].valid input-validation:after {
    -webkit-animation: validInput 0.3s forwards;
    animation: validInput 0.3s forwards; }
  control[type="checkbox"].valid input-figure {
    transform: rotate(-45deg); }
    control[type="checkbox"].valid input-figure:before {
      -webkit-animation: validBefore 0.3s forwards;
      animation: validBefore 0.3s forwards;
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }
    control[type="checkbox"].valid input-figure:after {
      -webkit-animation: validAfter 0.3s forwards;
      animation: validAfter 0.3s forwards;
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s; }
  control[type="number"] input-validation, control[type="text"] input-validation, control[type="password"] input-validation, control[type="input"] input-validation, control[type="select"] input-validation {
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    margin-top: -2px; }
    control[type="number"] input-validation:after, control[type="text"] input-validation:after, control[type="password"] input-validation:after, control[type="input"] input-validation:after, control[type="select"] input-validation:after {
      content: "";
      position: absolute;
      right: 2px;
      height: 2px;
      bottom: 3px;
      left: 3px;
      width: auto;
      border-radius: 0 0 2px 2px;
      overflow: hidden; }
    control[type="number"] input-validation input-figure, control[type="text"] input-validation input-figure, control[type="password"] input-validation input-figure, control[type="input"] input-validation input-figure, control[type="select"] input-validation input-figure {
      position: absolute;
      bottom: 100%;
      margin-bottom: 7px;
      right: 5px;
      width: 30px;
      height: 30px;
      display: none; }
      control[type="number"] input-validation input-figure:after, control[type="number"] input-validation input-figure:before, control[type="text"] input-validation input-figure:after, control[type="text"] input-validation input-figure:before, control[type="password"] input-validation input-figure:after, control[type="password"] input-validation input-figure:before, control[type="input"] input-validation input-figure:after, control[type="input"] input-validation input-figure:before, control[type="select"] input-validation input-figure:after, control[type="select"] input-validation input-figure:before {
        content: "";
        display: block;
        position: absolute;
        border-radius: 2px; }
  control[type="number"].error input-validation:after, control[type="text"].error input-validation:after, control[type="password"].error input-validation:after, control[type="input"].error input-validation:after, control[type="select"].error input-validation:after {
    -webkit-animation: errorInput 0.3s forwards;
    animation: errorInput 0.3s forwards; }
  control[type="number"].error input-validation input-figure, control[type="text"].error input-validation input-figure, control[type="password"].error input-validation input-figure, control[type="input"].error input-validation input-figure, control[type="select"].error input-validation input-figure {
    transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.2s;
    transform: rotate(-45deg); }
    control[type="number"].error input-validation input-figure:before, control[type="text"].error input-validation input-figure:before, control[type="password"].error input-validation input-figure:before, control[type="input"].error input-validation input-figure:before, control[type="select"].error input-validation input-figure:before {
      -webkit-animation: errorBefore 0.3s forwards;
      animation: errorBefore 0.3s forwards;
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }
    control[type="number"].error input-validation input-figure:after, control[type="text"].error input-validation input-figure:after, control[type="password"].error input-validation input-figure:after, control[type="input"].error input-validation input-figure:after, control[type="select"].error input-validation input-figure:after {
      -webkit-animation: errorAfter 0.3s forwards;
      animation: errorAfter 0.3s forwards;
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s; }
  control[type="number"].valid:not(.empty) input-validation:after, control[type="text"].valid:not(.empty) input-validation:after, control[type="password"].valid:not(.empty) input-validation:after, control[type="input"].valid:not(.empty) input-validation:after, control[type="select"].valid:not(.empty) input-validation:after {
    -webkit-animation: validInput 0.3s forwards;
    animation: validInput 0.3s forwards; }
  control[type="number"].valid:not(.empty) input-validation input-figure, control[type="text"].valid:not(.empty) input-validation input-figure, control[type="password"].valid:not(.empty) input-validation input-figure, control[type="input"].valid:not(.empty) input-validation input-figure, control[type="select"].valid:not(.empty) input-validation input-figure {
    transform: rotate(-45deg); }
    control[type="number"].valid:not(.empty) input-validation input-figure:before, control[type="text"].valid:not(.empty) input-validation input-figure:before, control[type="password"].valid:not(.empty) input-validation input-figure:before, control[type="input"].valid:not(.empty) input-validation input-figure:before, control[type="select"].valid:not(.empty) input-validation input-figure:before {
      -webkit-animation: validBefore 0.3s forwards;
      animation: validBefore 0.3s forwards;
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }
    control[type="number"].valid:not(.empty) input-validation input-figure:after, control[type="text"].valid:not(.empty) input-validation input-figure:after, control[type="password"].valid:not(.empty) input-validation input-figure:after, control[type="input"].valid:not(.empty) input-validation input-figure:after, control[type="select"].valid:not(.empty) input-validation input-figure:after {
      -webkit-animation: validAfter 0.3s forwards;
      animation: validAfter 0.3s forwards;
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s; }

control[type="select"],
div.select {
  width: auto; }
  control[type="select"] input-container,
  div.select input-container {
    display: inline-block;
    position: relative; }
  control[type="select"] label,
  div.select label {
    position: relative;
    display: block;
    padding: 0 0 7px; }
    control[type="select"] label .arrow,
    div.select label .arrow {
      position: absolute;
      right: 5px;
      bottom: -44px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1;
      width: 40px;
      height: 39px;
      pointer-events: none;
      background: #2C2D33; }
    control[type="select"] label svg,
    div.select label svg {
      fill: #fff;
      width: 16px;
      height: 12px;
      transform: rotate(180deg); }
  control[type="select"] select,
  div.select select {
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 20px;
    background: #202125;
    border-radius: 5px;
    border: no;
    border: none;
    box-shadow: inset 0 0 0 1px #202125, inset 0 0 0 2px #2C2D33;
    min-width: 220px; }
    control[type="select"] select:focus,
    div.select select:focus {
      outline: none;
      box-shadow: inset 0 0 0 1px #32A6AE, inset 0 0 0 2px #2C2D33; }
  control[type="select"] > select,
  div.select > select {
    display: inline-block; }

control[type="password"] label input-container {
  display: block; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="time"],
textarea {
  color-scheme: dark;
  -webkit-appearance: none;
  appearance: none;
  padding: 10px 16px;
  background: #202125;
  border-radius: 5px;
  border: none;
  box-shadow: inset 0 0 0 1px #202125, inset 0 0 0 2px #2C2D33;
  min-width: 220px;
  width: 100%; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="time"]:focus,
  textarea:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px #32A6AE, inset 0 0 0 2px #2C2D33; }

.date-time {
  display: flex; }
  .date-time .date,
  .date-time .time {
    position: relative;
    float: left; }
  .date-time .date {
    flex: 1;
    margin-right: 5px; }
  .date-time .time {
    flex: 1;
    margin-left: 5px; }

::-webkit-calendar-picker-indicator {
  fill: #CCC; }

pagination {
  display: block;
  margin-bottom: 10px; }
  pagination page {
    display: inline-block;
    padding: 4px 6px;
    box-shadow: inset 0 0 0 1px #2c2d33;
    line-height: 1;
    border-radius: 3px; }

.progress-bar {
  display: none;
  position: relative;
  width: 100%;
  height: 3px;
  margin-bottom: -3px;
  z-index: 2;
  background: linear-gradient(90deg, #202125 0 60%, #5c5e64 85% 100%);
  animation: progress-gradient 3s ease-in-out infinite;
  background-size: 200% 100%; }
  .progress-bar.active {
    display: block; }
  .progress-bar .progress {
    opacity: 1;
    position: relative;
    width: 0;
    height: 100%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    transition: width 350ms ease, background .5s ease-in;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), #32A6AE); }
  .progress-bar.error .progress {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), #aa3030); }
  .progress-bar.complete {
    animation: progress-complete 2s ease-in; }
    .progress-bar.complete .progress {
      background: linear-gradient(90deg, #32A6AE, #32A6AE); }
    .progress-bar.complete.error .progress {
      background: linear-gradient(90deg, #aa3030, #aa3030); }

@keyframes progress-gradient {
  0% {
    background-position: 200% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes progress-complete {
  0% {
    opacity: 1; }
  25% {
    opacity: 1; }
  40% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.filter-bar {
  background: #2C2D33;
  border-radius: 5px;
  padding: 20px;
  margin: 10px 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  user-select: none; }
  .filter-bar__clear-all {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #3C3D40;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    border-radius: 4px;
    transition: color 0.2s ease, opacity 0.2s ease;
    margin-left: 4px; }
    .filter-bar__clear-all svg {
      display: block;
      width: 28px;
      height: 28px;
      fill: #CCC;
      transition: fill 0.2s ease; }
    .filter-bar__clear-all:hover:not([disabled]) {
      color: #AC5454; }
      .filter-bar__clear-all:hover:not([disabled]) svg {
        fill: #AC5454; }
    .filter-bar__clear-all[disabled] {
      color: #5c5e64;
      cursor: default;
      opacity: 0.4; }
      .filter-bar__clear-all[disabled] svg {
        fill: #5c5e64; }
  .filter-bar__toggle-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #7D7D7D;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    border-radius: 6px;
    flex-shrink: 0;
    transition: color 0.2s ease, background 0.2s ease; }
    .filter-bar__toggle-secondary svg {
      width: 28px;
      height: 28px;
      display: block; }
    .filter-bar__toggle-secondary:hover {
      color: #FFF; }
    .filter-bar__toggle-secondary--open {
      color: #FFF; }

input[type="text"].filter-bar__search {
  width: 200px;
  height: 45px;
  background: #3C3D40;
  color: #FFF;
  border: none;
  border-radius: 5px;
  padding: 0 14px;
  font-family: "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 14px;
  outline: none;
  transition: background 0.2s ease;
  box-shadow: none; }
  input[type="text"].filter-bar__search::placeholder {
    color: #7D7D7D; }
  input[type="text"].filter-bar__search:focus {
    background: #585961; }

.filter-pill {
  padding: 0;
  display: none;
  height: 45px;
  align-items: center;
  gap: 5px;
  border-radius: 6px;
  background: #3C3D40;
  position: relative;
  transition: background 0.2s ease; }
  .filter-bar--expanded .filter-pill--secondary, .filter-pill--visible {
    display: flex; }
  .filter-pill--active {
    background: #585961; }
    .filter-pill--active .filter-pill__label {
      color: rgba(255, 255, 255, 0.7); }
    .filter-pill--active .filter-pill__value {
      color: #FFF; }
    .filter-pill--active .filter-pill__arrow {
      color: rgba(255, 255, 255, 0.7); }
    .filter-pill--active .filter-pill__content:hover {
      background: rgba(20, 21, 23, 0.1); }
  .filter-pill--open {
    background: #585961;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .filter-pill--open::after {
      content: '';
      position: absolute;
      bottom: -6px;
      left: 0;
      right: 0;
      height: 6px;
      background: #585961; }
    .filter-pill--open .filter-pill__label {
      color: rgba(255, 255, 255, 0.7); }
    .filter-pill--open .filter-pill__arrow {
      transform: rotate(180deg);
      color: rgba(255, 255, 255, 0.7); }
    .filter-pill--open .filter-pill__content {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      .filter-pill--open .filter-pill__content:hover {
        background: transparent; }
  .filter-pill__content {
    display: flex;
    height: 100%;
    padding: 12px 15px;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    transition: background 0.2s ease;
    border-radius: 6px; }
    .filter-pill__content:hover {
      background: rgba(255, 255, 255, 0.05); }
  .filter-pill__label {
    color: #BCBCBC;
    font-family: "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase; }
  .filter-pill__value {
    color: #FFF;
    font-weight: 700;
    font-size: 16px; }
  .filter-pill__arrow, .filter-pill__remove {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: 2px; }
  .filter-pill__arrow {
    color: #7D7D7D;
    transition: transform 0.2s ease; }
    .filter-pill__arrow svg {
      width: 11px;
      height: 6px;
      display: block; }
  .filter-pill__remove {
    display: none;
    font-size: 16px;
    font-weight: 600;
    background: #333;
    border: none;
    border-radius: 50%;
    padding: 0;
    padding-bottom: 3px;
    cursor: pointer;
    line-height: 20px;
    text-align: center;
    color: #585961;
    transition: background 0.2s ease, color 0.2s ease;
    position: relative; }
    .filter-pill__remove::before {
      content: '';
      position: absolute;
      top: -10px;
      right: -10px;
      bottom: -10px;
      left: -10px;
      border-radius: 50%; }
    .filter-pill__remove:hover {
      background: #AC5454;
      color: #CC9595; }
  .filter-pill--active:hover:not(.filter-pill--required) .filter-pill__remove {
    display: inline-flex; }
  .filter-pill--active:hover:not(.filter-pill--required) .filter-pill__arrow {
    display: none; }
  .filter-pill .filter-pill__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 4px 0 0;
    background: #585961;
    border-radius: 4px;
    list-style: none;
    padding: 9px 6px;
    padding-right: 10px;
    min-width: 100%;
    max-height: 400px;
    overflow-y: auto;
    z-index: 100;
    scrollbar-width: thin;
    scrollbar-color: #A1A1A1 transparent; }
    .filter-pill .filter-pill__dropdown li, .filter-pill .filter-pill__dropdown button {
      text-align: left; }
    .filter-pill .filter-pill__dropdown::-webkit-scrollbar {
      width: 3px; }
    .filter-pill .filter-pill__dropdown::-webkit-scrollbar-track {
      background: transparent;
      margin: 4px 0; }
    .filter-pill .filter-pill__dropdown::-webkit-scrollbar-thumb {
      background: #A1A1A1;
      border-radius: 3px; }
  .filter-pill__option {
    color: #CCC;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
    border-radius: 3px;
    transition: background 0.15s ease, color 0.15s ease; }
    .filter-pill__option button {
      display: block;
      padding: 4px 10px;
      width: 100%; }
    .filter-pill__option:hover {
      background: #67676c;
      color: #FFF; }
    .filter-pill__option--selected {
      color: #FFF;
      font-weight: 600;
      background: rgba(20, 21, 23, 0.15); }
    .filter-pill__option--in-group {
      padding-left: 20px; }
  .filter-pill__group-label {
    padding: 8px 10px 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: default;
    white-space: nowrap; }

.list-navigation {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding-bottom: 20px; }
  .list-navigation__group {
    display: flex;
    align-items: center;
    gap: 8px; }
  .list-navigation__pagination {
    display: flex;
    align-items: center;
    gap: 6px; }
  .list-navigation__label {
    color: #BCBCBC;
    font-family: "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase; }
  .list-navigation__select-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center; }
    .list-navigation__select-wrapper--page {
      min-width: 64px; }
  .list-navigation__select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #3C3D40;
    color: #FFF;
    border: none;
    border-radius: 6px;
    padding: 2px 23px 2px 12px;
    font-family: "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    outline: none;
    transition: background 0.2s ease;
    width: 100%; }
    .list-navigation__select:hover {
      background: #585961; }
    .list-navigation__select--page {
      padding-right: 28px; }
  .list-navigation__arrow {
    position: absolute;
    right: 12px;
    pointer-events: none;
    color: #7D7D7D;
    width: 11px;
    height: 6px; }
  .list-navigation__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding-bottom: 4px;
    background: none;
    border: none;
    border-radius: 4px;
    color: #CCC;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease; }
    .list-navigation__btn:hover:not([disabled]) {
      background: #3C3D40;
      color: #FFF; }
    .list-navigation__btn[disabled] {
      color: #5c5e64;
      cursor: default;
      opacity: 0.4; }

h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty,
p:empty {
  display: none; }

body {
  font: 13px/29px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #CCC; }

ul {
  padding-left: 18px; }

li, table, td, tr {
  font: 15px/29px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 400;
  color: #CCC; }

p {
  font: 15px/29px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 400;
  margin: 0 0 18px;
  color: #CCC; }

strong {
  font-weight: 700; }

h1 {
  font: 19px/1.1em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #fff;
  margin: 0; }

h2 {
  font: 19px/1.2em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  margin: 0 0 8px;
  color: #fff;
  font-weight: 700; }

h3 {
  font: 25px/31px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  text-transform: none;
  font-weight: 700;
  margin: 0 0 8px;
  color: #CCC; }

h4 {
  font: 16px/21px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 700;
  margin: 0 0 7px;
  color: #CCC; }

h5 {
  font: 15px/19px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 700;
  margin: 0 0 7px;
  color: #CCC; }

h6 {
  font: 14px/18px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 700;
  margin: 0 0 7px;
  color: #CCC; }

@media (min-width: 1024px) and (min-height: 0px) {
  body {
    font: 15px/29px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased; }
  ul {
    padding-left: 18px; }
  li {
    font: 15px/29px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-weight: 400; }
  table, td, tr {
    font: 13px/21px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
  p {
    font: 15px/29px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-weight: 400;
    margin: 0 0 18px; }
  strong {
    font-weight: 700; }
  h1 {
    font: 19px/1.2em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    margin: 0; }
  h2 {
    font: 19px/1.2em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-weight: 700;
    margin: 0 0 14px; }
  h3 {
    font: 16px/1.2em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    text-transform: none;
    font-weight: 700;
    margin: 0 0 5px; }
  h4 {
    font: 14px/1.2em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-weight: 700;
    margin: 0 0 5px; }
  h5 {
    font: 13px/1.2em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-weight: 700;
    margin: 0 0 5px; }
  h6 {
    font: 12px/1.2em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-weight: 700;
    margin: 0 0 5px; } }

/* width */
::-webkit-scrollbar {
  width: 14px;
  height: 14px; }

/* Track */
::-webkit-scrollbar-track {
  background: none; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #5c5e64;
  border-radius: 7px;
  border: 3px solid #2C2D33; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #CCC; }

::-webkit-scrollbar-corner {
  background: none; }

body {
  display: flex;
  background: #202125;
  overflow-x: auto;
  overflow-y: auto;
  min-width: 1024px; }

a {
  color: #32A6AE;
  text-decoration: none; }
  a:hover {
    color: #F5B336; }

ul {
  padding-left: 0; }

::selection {
  color: #fff;
  background-color: #32A6AE; }

.open-close {
  outline: none;
  border: none;
  position: absolute;
  right: 13px;
  bottom: 35px;
  padding: 7px;
  background: #202125;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .open-close svg {
    width: 14px;
    height: 14px;
    fill: #CCC; }
  .open-close:hover {
    cursor: pointer;
    background: #2C2D33; }

.icon {
  width: 30px;
  height: 30px; }

button {
  background: none;
  outline: none;
  border: none; }

#content {
  flex: 1; }

.row.blockgrid > .column,
.row.blockgrid > .columns {
  padding-bottom: 0; }

#context-menu {
  width: 53px;
  flex: 0 0 53px;
  background: #141517;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1);
  transition: width .350s ease, flex .350s ease; }
  body.menu-closed #context-menu {
    width: 54px;
    flex: 0 0 54px; }
  #context-menu .top {
    position: relative;
    display: flex;
    width: 300px; }
    #context-menu .top .emblem {
      width: 54px;
      display: flex;
      align-items: center;
      justify-content: center; }
      #context-menu .top .emblem svg {
        width: 24px;
        height: 24px;
        margin: 20px 0; }
    #context-menu .top .logo {
      flex: 1;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      #context-menu .top .logo svg {
        width: 127px;
        height: 30px; }
  #context-menu > ul {
    padding-left: 0;
    margin: 0;
    width: 300px; }
    #context-menu > ul > li {
      box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1); }
    #context-menu > ul li {
      position: relative;
      background: #141517; }
      #context-menu > ul li a, #context-menu > ul li button, #context-menu > ul li span {
        display: block;
        color: #fff;
        padding: 13px 20px 14px 54px; }
      #context-menu > ul li a:hover, #context-menu > ul li button:hover {
        color: #F5B336; }
        #context-menu > ul li a:hover svg, #context-menu > ul li button:hover svg {
          fill: #F5B336; }
      #context-menu > ul li svg.icon {
        width: 16px;
        height: 22px;
        fill: #fff;
        position: absolute;
        left: 19px;
        top: 16px; }
      #context-menu > ul li svg.arrow {
        width: 12px;
        height: 10px;
        position: absolute;
        right: 20px;
        top: 23px;
        fill: #CCC; }
      #context-menu > ul li.active {
        font-weight: 700; }
        #context-menu > ul li.active > a, #context-menu > ul li.active button, #context-menu > ul li.active span {
          color: #32A6AE; }
          #context-menu > ul li.active > a svg, #context-menu > ul li.active button svg, #context-menu > ul li.active span svg {
            fill: #32A6AE; }
      #context-menu > ul li.disabled {
        pointer-events: none; }
        #context-menu > ul li.disabled > a, #context-menu > ul li.disabled button, #context-menu > ul li.disabled span {
          color: #5c5e64; }
          #context-menu > ul li.disabled > a svg.icon, #context-menu > ul li.disabled button svg.icon, #context-menu > ul li.disabled span svg.icon {
            fill: #5c5e64; }
      #context-menu > ul li ul {
        padding-left: 0;
        margin: 0; }
      #context-menu > ul li li {
        box-shadow: none; }
        #context-menu > ul li li:before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 1px;
          background-image: repeating-linear-gradient(0deg, #2C2D33, #2C2D33 11px, transparent 11px, transparent 35px, #2C2D33 35px), repeating-linear-gradient(90deg, #2C2D33, #2C2D33 11px, transparent 11px, transparent 35px, #2C2D33 35px), repeating-linear-gradient(180deg, #2C2D33, #2C2D33 11px, transparent 11px, transparent 35px, #2C2D33 35px), repeating-linear-gradient(270deg, #2C2D33, #2C2D33 11px, transparent 11px, transparent 35px, #2C2D33 35px);
          background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;
          background-position: 0 0, 0 0, 100% 0, 0 100%;
          background-repeat: no-repeat; }
        #context-menu > ul li li:last-child {
          box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1); }
  #context-menu.open {
    width: 300px;
    flex: 0 0 300px; }

.dropdown {
  position: relative; }
  .dropdown .drop {
    position: absolute;
    display: none;
    padding-top: 13px;
    top: 30px;
    left: 0;
    min-width: 180px;
    z-index: +1000; }
    .dropdown .drop li {
      white-space: nowrap; }
  .dropdown .inner {
    padding: 20px;
    background: #141517;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2); }
  .dropdown ul {
    padding: 0;
    list-style: none;
    margin: -20px; }
    .dropdown ul li {
      box-shadow: 0 1px 0 0 #333; }
      .dropdown ul li a, .dropdown ul li button {
        display: block;
        color: #fff;
        padding: 8px 20px; }
        .dropdown ul li a:hover, .dropdown ul li a:focus, .dropdown ul li button:hover, .dropdown ul li button:focus {
          color: #F5B336;
          background: #202125; }
      .dropdown ul li button {
        padding: 8px 20px;
        display: block;
        margin: 0;
        cursor: pointer;
        width: 100%;
        text-align: left; }
  .dropdown.right-aligned .drop {
    left: auto;
    right: 0; }
  .dropdown:hover .drop {
    display: block; }
  .dropdown:hover > .icon {
    fill: #F5B336; }

.user.dropdown.right-aligned .drop {
  top: 40px;
  right: -20px; }

*[data-tip]:hover:after {
  content: "";
  position: absolute;
  bottom: 100%;
  border-top: 8px solid #141517;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  transform: translateX(-50%);
  left: 50%;
  margin-bottom: 4px;
  z-index: 100; }

*[data-tip]:hover:before {
  z-index: 100;
  content: attr(data-tip);
  position: absolute;
  background: #141517;
  padding: 11px 8px;
  border-radius: 4px;
  bottom: 100%;
  margin-bottom: 12px;
  min-width: 180px;
  line-height: 19px;
  transform: translateX(-50%);
  left: 50%;
  white-space: pre-line;
  font-weight: bold; }

.multibutton {
  box-shadow: inset 0 0 0 1px #5c5e64;
  border-radius: 5px;
  display: flex;
  align-items: center; }
  .multibutton > * {
    display: flex;
    position: relative; }
    .multibutton > *:first-child {
      flex: 1; }
  .multibutton div button {
    flex: 1;
    justify-content: space-between;
    border-radius: 4px 0 0 4px;
    box-shadow: none; }
  .multibutton div:first-child:last-child button {
    border-radius: 4px; }
  .multibutton button {
    display: flex;
    position: relative;
    padding: 7px 12px;
    color: #fff;
    font-weight: 700;
    box-shadow: inset 1px 0 0 0 #5c5e64;
    transition: fill .350s ease, color .350s ease, width .350s ease, flex .350s ease, padding-left .350s ease, padding-right .350s ease; }
    .multibutton button svg {
      fill: #fff;
      transition: fill .350s ease; }
    .multibutton button:hover {
      background: #5c5e64; }
    .multibutton button.nextCase svg {
      height: 38px;
      width: 38px;
      margin: -4px; }
  .multibutton > button:last-child:not(:first-child) {
    border-radius: 0 4px 4px 0; }
    .multibutton > button:last-child:not(:first-child):hover:before {
      left: auto;
      right: 0;
      transform: none; }
  .multibutton button[disabled] > svg {
    fill: #5c5e64; }
  .multibutton button[disabled] {
    color: #5c5e64; }
    .multibutton button[disabled]:hover {
      background: none; }
  .multibutton button.hidden {
    width: 0;
    overflow: hidden;
    flex: 0;
    padding-left: 0;
    padding-right: 0; }

.tooltip[aria-description]:hover:before {
  font: 15px/29px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 700;
  z-index: 100;
  content: attr(aria-description);
  position: absolute;
  background: #141517;
  padding: 11px 8px;
  border-radius: 4px;
  bottom: 100%;
  margin-bottom: 12px;
  min-width: 180px;
  line-height: 19px;
  transform: translateX(-50%);
  left: 50%;
  max-width: 80%;
  white-space: pre-line; }

.tooltip[aria-description]:hover:after {
  content: "";
  position: absolute;
  bottom: 100%;
  border-top: 8px solid #141517;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  transform: translateX(-50%);
  left: 50%;
  margin-bottom: 4px;
  z-index: 100; }

.top-bar {
  display: flex;
  height: 36px;
  align-items: center;
  flex: none;
  margin: 0 10px; }
  .top-bar h1:first-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .top-bar h1 + * {
    margin-left: auto; }
  .top-bar #prev-next {
    display: flex; }
    .top-bar #prev-next button {
      cursor: pointer;
      padding: 0;
      display: flex;
      margin-left: 8px; }
      .top-bar #prev-next button svg {
        fill: #CCC; }
      .top-bar #prev-next button:hover svg {
        fill: #F5B336; }
      .top-bar #prev-next button:disabled {
        cursor: default; }
        .top-bar #prev-next button:disabled svg {
          fill: #5c5e64; }
  .top-bar .assignee {
    position: relative;
    margin-right: 12px; }
    .top-bar .assignee h1 {
      display: flex;
      align-items: center; }
      .top-bar .assignee h1 span {
        display: block; }
      .top-bar .assignee h1 > span {
        margin-left: 0;
        padding-right: 0; }
      .top-bar .assignee h1 > button,
      .top-bar .assignee h1 button.remove {
        margin: 0;
        padding: 0;
        line-height: 0; }
      .top-bar .assignee h1 button.remove {
        z-index: 3;
        transition: all .350s ease-in-out;
        opacity: 0;
        position: absolute;
        right: 20px;
        overflow: hidden;
        width: 16px;
        height: 16px; }
        .top-bar .assignee h1 button.remove svg {
          width: 16px;
          height: 16px;
          fill: #5c5e64; }
        .top-bar .assignee h1 button.remove.hidden {
          width: 0;
          height: 0;
          right: 28px; }
          .top-bar .assignee h1 button.remove.hidden svg {
            margin-top: -8px;
            margin-left: -8px; }
      .top-bar .assignee h1 .dropdown {
        position: absolute;
        right: 0; }
      .top-bar .assignee h1 span.current {
        overflow: hidden;
        margin: 0;
        width: 0;
        transition: all .350s ease-in-out;
        white-space: nowrap;
        opacity: 1; }
      .top-bar .assignee h1 span.search {
        overflow: hidden;
        margin: -4px 0;
        width: 0;
        transition: all .350s ease-in-out; }
      .top-bar .assignee h1 input {
        box-shadow: none;
        border: 1px solid transparent;
        transition: all .350s ease-in-out;
        padding: 6px 8px;
        background: none; }
        .top-bar .assignee h1 input:hover, .top-bar .assignee h1 input:focus-within {
          border-color: #5c5e64; }
    .top-bar .assignee svg {
      fill: #5c5e64;
      transition: all .350s ease-in-out; }
    .top-bar .assignee.assigned svg {
      fill: #a36e08; }
    .top-bar .assignee.self svg {
      fill: #16484b; }
    .top-bar .assignee:before {
      content: "";
      width: 2px;
      height: 100%;
      background: #202125;
      position: absolute;
      right: 0;
      transition: all .350s ease-in-out; }
    .top-bar .assignee .drop {
      width: 312px;
      padding-top: 11px;
      display: none; }
    .top-bar .assignee .results button {
      display: flex;
      flex-direction: column;
      line-height: 16px; }
    .top-bar .assignee .results button[disabled] {
      pointer-events: none;
      color: #5c5e64; }
    .top-bar .assignee .results span.email {
      font-size: 9pt;
      color: #5c5e64; }
    .top-bar .assignee:hover span.current,
    .top-bar .assignee:hover span.search, .top-bar .assignee:focus-within span.current,
    .top-bar .assignee:focus-within span.search {
      width: 300px;
      margin-left: 12px;
      padding-right: 12px; }
    .top-bar .assignee:hover span.current, .top-bar .assignee:focus-within span.current {
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .top-bar .assignee:hover svg, .top-bar .assignee:focus-within svg {
      fill: #CCC; }
    .top-bar .assignee:hover.assigned svg, .top-bar .assignee:focus-within.assigned svg {
      fill: #F5B336; }
    .top-bar .assignee:hover.self svg, .top-bar .assignee:focus-within.self svg {
      fill: #32A6AE; }
    .top-bar .assignee:hover:before, .top-bar .assignee:focus-within:before {
      background: #4e4f52; }
    .top-bar .assignee:hover:not(input:focus-within) button.remove {
      opacity: 1; }
    .top-bar .assignee:has(input:focus-within) .drop {
      display: block; }
    .top-bar .assignee:has(input:focus-within) span.current {
      opacity: 0; }

.caseLocked .checkbox {
  margin-top: 2px; }

.caseLocked.visible {
  margin-right: -16px;
  padding: 0px 21px; }

.caseLocked.visible,
.save-button {
  white-space: nowrap;
  position: relative;
  margin-left: 21px;
  min-height: 32px; }
  .caseLocked.visible:before,
  .save-button:before {
    content: "";
    width: 2px;
    height: 100%;
    background: #4e4f52;
    position: absolute;
    left: 0; }

.save-button {
  padding: 0px 12px;
  border-radius: 4px;
  display: flex;
  align-items: center; }
  .save-button .drop {
    left: auto;
    right: 0; }
  .save-button button {
    white-space: nowrap;
    display: flex;
    align-items: center; }
  .save-button > button > svg.icon {
    margin-right: 3px; }
  .save-button > button:hover {
    color: #F5B336; }
    .save-button > button:hover > svg.icon {
      fill: #F5B336; }
  .save-button svg.icon {
    fill: #CCC; }
  .save-button > svg.icon {
    width: 28px;
    height: 28px;
    transform: rotate(180deg);
    margin-left: 2px;
    padding: 5px;
    border-radius: 50%;
    fill: #CCC; }
  .save-button ul li button {
    display: flex;
    align-items: center; }
    .save-button ul li button svg {
      margin-right: 10px; }
    .save-button ul li button:hover svg {
      fill: #F5B336; }
  .save-button button[disabled] > svg {
    fill: #5c5e64; }
  .save-button button[disabled] {
    pointer-events: none;
    color: #5c5e64; }
  .save-button:hover > svg.icon {
    background: rgba(255, 255, 255, 0.1); }
  .save-button button.nextCase svg {
    height: 38px;
    width: 38px;
    margin: -4px 10px -4px -4px; }

.panel {
  background: #2C2D33;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative; }
  .panel.grow {
    flex: 1 1 auto; }
  .panel > h2 {
    box-shadow: 0 1px 0 0 #CCC;
    box-shadow: 0 1px 0 0 #616161;
    padding: 11px 20px;
    display: flex;
    z-index: 3; }
  .panel > h3 {
    box-shadow: 0 1px 0 0 #CCC;
    box-shadow: 0 1px 0 0 #616161;
    padding: 11px 20px;
    display: flex; }
  .panel .inner {
    padding: 0 20px 20px; }
    .panel .inner.complete:first-child {
      padding: 20px; }

.align-center {
  align-items: center; }

.panel-spacer {
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex; }

.file-upload {
  padding: 20px 20px 0;
  border-radius: 20px;
  transition: box-shadow .350s ease; }
  .file-upload input[type="file"] {
    display: none; }
  .file-upload .file-upload-box {
    border-radius: 5px;
    background-image: repeating-linear-gradient(0deg, #CCC, #CCC 11px, transparent 11px, transparent 25px, #CCC 25px), repeating-linear-gradient(90deg, #CCC, #CCC 11px, transparent 11px, transparent 25px, #CCC 25px), repeating-linear-gradient(180deg, #CCC, #CCC 11px, transparent 11px, transparent 25px, #CCC 25px), repeating-linear-gradient(270deg, #CCC, #CCC 11px, transparent 11px, transparent 25px, #CCC 25px);
    background-size: 2px 100%, 100% 2px, 2px 100% , 100% 2px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    cursor: pointer; }
    .file-upload .file-upload-box .icon {
      fill: #CCC;
      width: 50px;
      height: 60px;
      margin-bottom: 20px; }
  .file-upload .file-upload-filename {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap; }
  @media (max-width: 1023px) and (min-height: 0px) {
    .file-upload .file-upload-box input {
      font-size: 12px; } }

control.drag-over .file-upload .file-upload-box,
.file-upload .file-upload-box:hover {
  background-image: repeating-linear-gradient(0deg, #F5B336, #F5B336 11px, transparent 11px, transparent 25px, #F5B336 25px), repeating-linear-gradient(90deg, #F5B336, #F5B336 11px, transparent 11px, transparent 25px, #F5B336 25px), repeating-linear-gradient(180deg, #F5B336, #F5B336 11px, transparent 11px, transparent 25px, #F5B336 25px), repeating-linear-gradient(270deg, #F5B336, #F5B336 11px, transparent 11px, transparent 25px, #F5B336 25px); }
  control.drag-over .file-upload .file-upload-box svg,
  .file-upload .file-upload-box:hover svg {
    fill: #F5B336; }

control.drag-over .file-upload .file-upload-box {
  box-shadow: 0 0 15px 5px #F5B336, inset 0 0 15px 5px #F5B336; }

.login-box {
  padding: 20px 20px 30px;
  background: #2C2D33;
  border-radius: 5px;
  max-width: 600px;
  min-width: 350px; }
  .login-box .login button {
    background: #F5B336; }
  .login-box div.identityOptions {
    margin-right: -10px;
    padding-right: 10px;
    padding-bottom: 10px;
    position: relative;
    width: auto;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 700px; }
    .login-box div.identityOptions h2 {
      font-weight: normal;
      font-size: 18px; }
  .login-box div.identityGrid {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -10px 20px -10px; }
  .login-box form[type=authAuthorize] {
    padding-bottom: 20px; }
  .login-box div.identity, .login-box button {
    flex: 1;
    display: block;
    box-shadow: inset 0 0 0 1px #5c5e64;
    border-radius: 5px;
    align-items: center;
    margin: 20px 10px 0 10px;
    padding: 10px 20px;
    transition: background-color .350s ease, opacity .350s ease;
    cursor: pointer;
    text-align: center;
    min-width: 45%; }
    .login-box div.identity:hover, .login-box button:hover {
      background-color: #5c5e64; }
    .login-box div.identity span, .login-box button span {
      font-weight: bold; }
    .login-box div.identity.selected, .login-box button.selected {
      background-color: #5c5e64; }
    .login-box div.identity.shade, .login-box button.shade {
      opacity: .6; }
  .login-box button:last-child {
    margin: 20px 0 0; }

list-navigation controls {
  width: auto;
  float: right; }

list-navigation control[type="select"] select {
  min-width: 180px; }

list-navigation button {
  position: absolute;
  bottom: 0; }
  list-navigation button.next {
    left: 40px; }
  list-navigation button svg {
    fill: #CCC; }
  list-navigation button:hover svg {
    fill: #FFF; }
  list-navigation button:disabled svg {
    fill: #5c5e64; }

span.switch {
  background: #757575;
  width: 40px;
  height: 20px;
  display: block;
  border-radius: 15px;
  position: relative;
  transition: background .2s ease;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.24); }
  span.switch span.switch-toggle {
    position: absolute;
    left: 10px;
    top: 2px;
    right: 10px;
    bottom: 2px;
    margin: 0; }
    span.switch span.switch-toggle:after {
      content: "";
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #fff;
      position: absolute;
      display: block;
      margin-left: -8px;
      left: 50%;
      transition: left .2s ease, background .2s ease; }
  span.switch.switch-off {
    background: #aa3030; }
    span.switch.switch-off span.switch-toggle:after {
      left: 0%; }
  span.switch.switch-on {
    background: #65a831; }
    span.switch.switch-on span.switch-toggle:after {
      left: 100%; }
  span.switch > span.switch-button {
    position: relative;
    float: left;
    height: 100%;
    width: 50%;
    z-index: 1; }
  span.switch.disabled span.switch-toggle:after {
    background: #999; }
  span.switch.disabled.switch-on {
    background: #436d21; }
  span.switch.disabled.switch-off {
    background: #792424; }
  span.switch.show-nullable:hover:not(.disabled) span.switch-reset {
    display: block;
    opacity: 1;
    width: 20px;
    right: -20px; }
    span.switch.show-nullable:hover:not(.disabled) span.switch-reset svg {
      margin-left: 1px; }
  span.switch span.switch-reset {
    opacity: 0;
    width: 0;
    height: 20px;
    transition: width .2s ease, right .2s ease, opacity .2s ease;
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 0;
    cursor: pointer;
    overflow: hidden;
    padding: 2px;
    line-height: 0; }
    span.switch span.switch-reset svg {
      background: #757575;
      box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.24);
      border-radius: 15px;
      margin-left: -14px;
      transition: margin-left .2s ease;
      width: 16px;
      height: 16px;
      fill: #CCC;
      padding: 1px; }
    span.switch span.switch-reset:hover svg {
      fill: #F5B336; }

.liquid-container.main,
.liquid-container.main > .liquid-child > .liquid-container,
.liquid-container.main > .liquid-child > .liquid-container > .liquid-child {
  overflow: hidden;
  height: 100% !important;
  width: 100% !important; }

.liquid-container.main > .liquid-child {
  display: flex; }

div#version {
  font-weight: bold;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 54px;
  height: 30px;
  color: #FFF;
  font-size: 12px; }

header {
  display: flex;
  height: 64px;
  background: #2C2D33;
  align-items: center;
  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1); }
  header .left-bar {
    width: 54px;
    flex: 0 0 54px;
    display: flex;
    justify-content: space-between;
    position: relative; }
    body.menu-closed header .left-bar {
      width: 54px;
      flex: 0 0 54px; }
  header .right-bar {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    padding: 0 20px;
    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1); }
  header .dashboard {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
    margin-right: 3px;
    padding-left: 12px;
    cursor: pointer; }
    header .dashboard svg {
      fill: #fff; }
    header .dashboard:hover svg {
      fill: #F5B336; }
  header .identity {
    display: flex;
    margin: -20px -20px 20px -20px;
    box-shadow: 0 1px 0 0 #333;
    padding: 10px 20px;
    background: #1d1f22;
    white-space: nowrap; }
    header .identity button {
      margin-right: -20px; }
      header .identity button svg {
        fill: #CCC; }
      header .identity button:hover svg {
        fill: #32A6AE !important; }
  header .organisation, header .role {
    display: flex;
    margin-right: 20px; }
  header .selected-organisation, header .selected-role {
    font-weight: 700;
    margin-right: 4px; }
  header .current-case {
    display: flex;
    align-items: center;
    color: #fff;
    margin-right: 24px;
    background: #545559;
    border-radius: 4px;
    padding: 0px;
    text-transform: uppercase; }
    header .current-case button {
      z-index: 1;
      display: flex;
      padding: 2px 4px;
      box-shadow: inset 1px 0 0 0 #3d3e45;
      cursor: pointer; }
      header .current-case button:first-child {
        box-shadow: inset -1px 0 0 0 #3d3e45; }
      header .current-case button:last-child {
        z-index: +1001; }
      header .current-case button svg {
        width: 26px;
        fill: #383a41; }
      header .current-case button:enabled:hover svg {
        fill: #F5B336; }
      header .current-case button:disabled {
        cursor: initial; }
        header .current-case button:disabled svg {
          fill: #4a4b57; }
    header .current-case .drop {
      position: absolute;
      display: none;
      top: 0;
      padding-top: 33px;
      left: -12px;
      min-width: 180px;
      z-index: +1000; }
    header .current-case > div {
      margin: 0 -1px 0 0px; }
      header .current-case > div span {
        margin: 0 12px 0 11px; }
        header .current-case > div span strong {
          cursor: pointer; }
  header .search {
    margin: 0 auto;
    position: relative; }
    header .search .icon {
      width: 17px;
      height: 20px;
      left: 10px;
      position: absolute;
      top: 9px;
      fill: #ccc;
      pointer-events: none; }
    header .search input {
      border-radius: 5px;
      background: none;
      border: 1px solid #5c5e64;
      padding: 4px 8px 4px 42px;
      width: 260px; }
      header .search input:focus {
        outline: none;
        border: 1px solid #F5B336; }
        header .search input:focus ~ .icon {
          fill: #F5B336; }
  header .holiday {
    margin-left: 20px;
    position: relative; }
    header .holiday .noHoliday {
      left: -6px;
      top: 0;
      position: absolute;
      fill: #CCC;
      pointer-events: none;
      width: 42px;
      height: 42px; }
  header .notification {
    display: flex;
    margin-left: auto;
    position: relative; }
    header .notification .icon {
      width: 20px;
      height: 20px;
      fill: #CCC; }
    header .notification .number:not(:empty) {
      position: absolute;
      top: -10px;
      right: 10px;
      width: 20px;
      height: 20px;
      background: #33a6ae;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      color: #fff;
      pointer-events: none; }
  header .user {
    display: flex;
    align-items: center;
    margin-left: 30px; }
  header .user-image {
    border-radius: 50%;
    overflow: hidden;
    width: 42px;
    height: 42px;
    background: #33a6ae;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
    font-size: 18px; }
  header .username {
    margin-left: 12px;
    color: #CCC; }
  @media (min-width: 1024px) and (min-height: 0px) {
    header .left-bar {
      width: 300px;
      flex: 0 0 300px; } }
  @media (max-width: 1023px) and (min-height: 0px) {
    header .case {
      line-height: 1.2em;
      margin-right: 10px; }
      header .case strong {
        display: none; }
    header .search {
      padding-right: 10px;
      margin-left: 5px; }
      header .search input {
        width: 37px;
        padding: 4px 8px 4px 19px;
        cursor: pointer; }
        header .search input:focus {
          width: auto;
          padding: 4px 8px 4px 39px;
          position: fixed;
          left: 70px;
          right: 80px;
          display: block;
          top: 12px;
          background: #2c2d33;
          z-index: 10; }
          header .search input:focus ~ .icon {
            position: fixed;
            left: 80px;
            top: 21px;
            z-index: 11; }
    header .user {
      margin-left: 20px; } }

filter control[type="select"] select {
  min-width: 180px; }

list-view {
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 100%;
  height: 100%; }
  list-view div.listview-table {
    position: relative;
    flex: 1; }
    list-view div.listview-table div.table > div.scroll {
      padding: 0; }
      list-view div.listview-table div.table > div.scroll table {
        margin: 5px 0;
        border-spacing: 0;
        border-collapse: collapse; }
      list-view div.listview-table div.table > div.scroll td, list-view div.listview-table div.table > div.scroll th {
        border: none; }
        list-view div.listview-table div.table > div.scroll td:first-child, list-view div.listview-table div.table > div.scroll th:first-child {
          width: 32px;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px;
          padding-left: 5px;
          vertical-align: center; }
        list-view div.listview-table div.table > div.scroll td:last-child, list-view div.listview-table div.table > div.scroll th:last-child {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
          padding-right: 5px; }
        list-view div.listview-table div.table > div.scroll td a, list-view div.listview-table div.table > div.scroll td button, list-view div.listview-table div.table > div.scroll th a, list-view div.listview-table div.table > div.scroll th button {
          width: 24px;
          height: 24px;
          padding: 4px;
          margin: 0; }
          list-view div.listview-table div.table > div.scroll td a svg, list-view div.listview-table div.table > div.scroll td button svg, list-view div.listview-table div.table > div.scroll th a svg, list-view div.listview-table div.table > div.scroll th button svg {
            width: 16px;
            height: 16px;
            fill: none; }
      list-view div.listview-table div.table > div.scroll td {
        border-bottom: 1px dashed #2C2D33; }
      list-view div.listview-table div.table > div.scroll tr:hover td a svg, list-view div.listview-table div.table > div.scroll tr:hover td button svg {
        fill: #5c5e64; }
      list-view div.listview-table div.table > div.scroll tr:hover td a:not(.disabled):hover svg, list-view div.listview-table div.table > div.scroll tr:hover td button:not(.disabled):hover svg {
        fill: #CCC; }
      list-view div.listview-table div.table > div.scroll tr:hover td a.disabled, list-view div.listview-table div.table > div.scroll tr:hover td button.disabled {
        pointer-events: none; }
  list-view div.table.scroll, list-view div.table.scroll-auto, list-view div.table.scrollY, list-view div.table.scrollY-auto, list-view div.table.scrollX, list-view div.table.scrollX-auto {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 0; }
    list-view div.table.scroll > .scroll, list-view div.table.scroll-auto > .scroll, list-view div.table.scrollY > .scroll, list-view div.table.scrollY-auto > .scroll, list-view div.table.scrollX > .scroll, list-view div.table.scrollX-auto > .scroll {
      height: 100%;
      width: 100%;
      padding: 0 20px; }
  list-view div.table.scrollY:before, list-view div.table.scrollY:after {
    content: '';
    position: absolute;
    left: 0;
    right: 14px;
    height: 10px;
    z-index: 2; }
  list-view div.table.scrollY:before {
    top: 0;
    background: linear-gradient(180deg, #202125 0%, #202125 50%, rgba(255, 255, 255, 0) 100%); }
  list-view div.table.scrollY:after {
    bottom: 0;
    background: linear-gradient(0deg, #202125 0%, #202125 50%, rgba(255, 255, 255, 0) 100%); }
  list-view div.table.scrollX:before, list-view div.table.scrollX:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 14px;
    width: 10px;
    z-index: 2; }
  list-view div.table.scrollX:before {
    left: 0;
    background: linear-gradient(90deg, #2c2d33 0%, #2c2d33 50%, rgba(255, 255, 255, 0) 100%); }
  list-view div.table.scrollX:after {
    right: 0;
    background: linear-gradient(270deg, #2c2d33 0%, #2c2d33 50%, rgba(255, 255, 255, 0) 100%); }
  list-view div.table.scroll > .scroll {
    overflow: scroll; }
  list-view div.table.scroll-auto > .scroll {
    overflow: auto; }
  list-view div.table.scrollY > .scroll {
    overflow-y: scroll; }
  list-view div.table.scrollY-auto > .scroll {
    overflow-y: auto; }
  list-view div.table.scrollX > .scroll {
    overflow-x: scroll; }
  list-view div.table.scrollX-auto > .scroll {
    overflow-x: auto; }

list-view tr:hover td {
  background: #2c2d33;
  cursor: pointer; }

list-view tr.disabled {
  background: transparent; }
  list-view tr.disabled td {
    color: #5c5e64;
    cursor: default; }

section#dashboard {
  width: 100%;
  padding: 10px; }
  section#dashboard .columns {
    position: relative; }
  section#dashboard .count {
    color: #fff;
    font: 3rem/1em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
    section#dashboard .count .total {
      font: 2rem/1em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
      color: rgba(0, 0, 0, 0.4); }
      section#dashboard .count .total::before {
        content: "/";
        display: inline-block;
        margin: 0 4px; }
  section#dashboard .top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 12px; }
    section#dashboard .top-bar h1 {
      color: #FFF;
      font-family: "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
      font-size: 34px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px;
      margin: 0; }
  section#dashboard .dashboard-header-right {
    display: flex;
    align-items: center;
    gap: 8px; }
    section#dashboard .dashboard-header-right .count {
      color: #FFF;
      font-family: "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
      font-size: 21px;
      font-style: normal;
      font-weight: 700;
      line-height: 21px; }
      section#dashboard .dashboard-header-right .count .total {
        font-size: 21px;
        color: rgba(255, 255, 255, 0.4); }
        section#dashboard .dashboard-header-right .count .total:before {
          margin: 0 2px 0 0; }
    section#dashboard .dashboard-header-right .objection-label {
      color: #FFF;
      font-size: 21px;
      font-weight: 700; }
    section#dashboard .dashboard-header-right .header-separator {
      width: 7px;
      height: 7px;
      background: #5C5C5C;
      border-radius: 50%;
      margin: 0 4px; }
  section#dashboard .year-dropdown {
    position: relative; }
    section#dashboard .year-dropdown__trigger {
      display: flex;
      align-items: center;
      gap: 8px;
      background: none;
      border: none;
      color: #CCC;
      font-size: 16px;
      font-family: "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
      cursor: pointer;
      padding: 4px 0;
      transition: color 0.2s ease; }
      section#dashboard .year-dropdown__trigger:hover {
        color: #FFF; }
      section#dashboard .year-dropdown__trigger svg {
        width: 11px;
        height: 6px;
        transition: transform 0.2s ease; }
    section#dashboard .year-dropdown--open .year-dropdown__trigger svg {
      transform: rotate(180deg); }
    section#dashboard .year-dropdown__menu {
      position: absolute;
      top: 100%;
      right: 0;
      margin-top: 8px;
      background: #2C2D33;
      border-radius: 4px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
      list-style: none;
      padding: 4px 0;
      min-width: 140px;
      z-index: 100; }
    section#dashboard .year-dropdown__option {
      padding: 10px 14px;
      color: #CCC;
      cursor: pointer;
      white-space: nowrap;
      font-size: 14px;
      transition: background 0.15s ease, color 0.15s ease; }
      section#dashboard .year-dropdown__option:hover {
        background: #383941;
        color: #FFF; }
      section#dashboard .year-dropdown__option--selected {
        color: #32A6AE;
        font-weight: 600; }
        section#dashboard .year-dropdown__option--selected:hover {
          color: #32A6AE; }

.radiogroup [type=radio] {
  display: none; }
  .radiogroup [type=radio] + label {
    position: relative;
    padding: 2px 2px 2px 27px;
    display: inline !important;
    cursor: pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none; }
    .radiogroup [type=radio] + label span {
      color: #bbb;
      padding-left: 5px; }
    .radiogroup [type=radio] + label:before {
      content: "";
      display: block;
      position: absolute;
      box-shadow: inset 0 0 0 2px #5c5e64;
      width: 20px;
      height: 20px;
      left: 0;
      top: 0px;
      border-radius: 10px; }
    .radiogroup [type=radio] + label:after {
      content: "";
      display: block;
      position: absolute;
      top: 3px;
      left: 3px;
      width: 14px;
      height: 14px;
      transform: scale(0, 0);
      transform-origin: 50%;
      opacity: 0;
      border-radius: 7px; }
  .radiogroup [type=radio]:checked + label:before {
    box-shadow: inset 0 0 0 1px #b3b3b3;
    box-shadow: inset 0 0 0 2px #5c5e64; }
  .radiogroup [type=radio]:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: none;
    top: 4px;
    opacity: 1;
    transform: scale(1, 1);
    background: #32A6AE;
    border-radius: 6px; }

.checkbox [type=checkbox] {
  display: none; }
  .checkbox [type=checkbox] + label {
    position: relative;
    padding: 2px 2px 2px 27px;
    cursor: pointer;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none; }
    .checkbox [type=checkbox] + label span {
      color: #bbb;
      padding-left: 5px; }
    .checkbox [type=checkbox] + label:before {
      content: "";
      display: block;
      position: absolute;
      box-shadow: inset 0 0 0 2px #5c5e64;
      width: 20px;
      height: 20px;
      left: 0;
      top: 0px; }
    .checkbox [type=checkbox] + label:after {
      content: "";
      display: block;
      position: absolute;
      top: 3px;
      left: 3px;
      width: 14px;
      height: 14px;
      border-radius: 0px;
      transform: scale(0, 0);
      transform-origin: 50%;
      opacity: 0; }
  .checkbox [type=checkbox]:checked + label:before {
    box-shadow: inset 0 0 0 1px #b3b3b3;
    box-shadow: inset 0 0 0 2px #5c5e64; }
  .checkbox [type=checkbox]:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 12px;
    height: 12px;
    border-radius: 0px;
    background: none;
    top: 4px;
    opacity: 1;
    transform: scale(1, 1);
    background: #32A6AE; }
  .checkbox [type=checkbox][disabled] + label {
    color: #5c5e64; }
    .checkbox [type=checkbox][disabled] + label:before {
      box-shadow: inset 0 0 0 1px #444549;
      box-shadow: inset 0 0 0 2px #5c5e64; }
  .checkbox [type=checkbox][disabled]:checked + label:after {
    background: #5c5e64; }

.dashboard .liquid-child {
  height: 100%; }

.tiles {
  display: flex;
  flex-wrap: wrap;
  margin: -10px; }

.tile {
  flex: 1 1 25%;
  margin: 10px;
  background: #2C2D33;
  padding: 20px 20px 57px;
  border-radius: 5px;
  position: relative;
  min-width: 240px; }
  .tile.degrief {
    background: #26A69A; }
  .tile.discovery {
    background: #F35C86; }
  .tile.advice {
    background: #0C83FF; }
  .tile.advice-approval {
    background: #7027da; }
  .tile.judgement {
    background: #F5B336; }
  .tile.resolved {
    background: #2ca460; }
  .tile .actions {
    display: flex;
    position: absolute;
    bottom: 0;
    padding: 13px 20px;
    align-items: center;
    right: 0;
    left: 0;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3); }
    .tile .actions button {
      flex: 1 1 auto;
      text-align: left;
      font-weight: 700;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      cursor: pointer; }
      .tile .actions button:hover {
        color: rgba(0, 0, 0, 0.4); }
      .tile .actions button.disabled, .tile .actions button:disabled {
        color: rgba(0, 0, 0, 0.2); }
      .tile .actions button svg {
        fill: #fff; }
      .tile .actions button:hover svg {
        fill: rgba(0, 0, 0, 0.4); }
      .tile .actions button:disabled svg {
        fill: rgba(0, 0, 0, 0.2); }
      .tile .actions button.browse {
        line-height: 0;
        flex: 0 0 auto; }
  .tile h2 {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 26px; }
  .tile p, .tile a {
    color: rgba(255, 255, 255, 0.5); }
  .tile a, .tile a:hover {
    cursor: pointer; }
  .tile a:hover {
    text-decoration: underline; }

.workflow {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .workflow .workflow-step {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    transition: width .350s ease, left .350s ease;
    display: flex;
    flex-direction: column; }
  .workflow .workflow-step-row {
    flex-direction: row; }
  .workflow .workflow-step > *.grow {
    flex-grow: 1; }
  .workflow .workflow-step > *.shrink {
    height: initial;
    flex-grow: 0; }
  .workflow .workflow-step-open {
    z-index: 5; }
  .workflow .workflow-step-fullWidth {
    width: 100%; }
  .workflow .workflow-step-halfWidth {
    width: 50%; }
  .workflow .workflow-step-fullWidth.workflow-step-open ~ .workflow-step {
    left: 100%; }
  .workflow .workflow-step-halfWidth.workflow-step-open ~ .workflow-step.workflow-step-open {
    left: 50%; }
  .workflow .workflow-step-halfWidth.workflow-step-open ~ .workflow-step.workflow-step-open + .workflow-step {
    left: 100%; }
  .workflow .workflow-step + .workflow-step + .workflow-step:not(.workflow-step-closed) + .workflow-step {
    left: 100%; }
  .workflow .workflow-step-closed {
    left: -100%; }
    .workflow .workflow-step-closed.workflow-step-halfWidth {
      left: -50%; }
  .workflow .workflow-step .panel {
    width: initial;
    margin: 10px; }
    .workflow .workflow-step .panel .enlargeable-container {
      margin: 0;
      z-index: 3; }
    .workflow .workflow-step .panel.enlargeable {
      overflow: hidden; }
    .workflow .workflow-step .panel.enlarged .enlargeable-container {
      transition: all .35s ease;
      box-shadow: 0px 0px 5px 5px #202125; }
  .workflow .workflow-step .workflow-step-column {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    position: relative; }
    .workflow .workflow-step .workflow-step-column .workflow-step > * {
      flex: 1 1 auto; }
  .workflow side-bar {
    z-index: 5;
    display: flex;
    position: absolute;
    left: 100%;
    padding: 50px 10px 50px 50px;
    top: 0;
    bottom: 0;
    transition: left .350s ease, margin-left .350s ease;
    border-right: 5px; }
    .workflow side-bar.fixed600Width {
      width: 600px; }
      .workflow side-bar.fixed600Width.open {
        margin-left: -600px; }
    .workflow side-bar.fixed800Width {
      width: 800px; }
      .workflow side-bar.fixed800Width.open {
        margin-left: -800px; }
    .workflow side-bar.fixed1000Width {
      width: 1000px; }
      .workflow side-bar.fixed1000Width.open {
        margin-left: -1000px; }
    .workflow side-bar.halfWidth {
      width: 50%; }
      .workflow side-bar.halfWidth.open {
        left: 50%; }
    .workflow side-bar.fullWidth {
      width: 100%; }
      .workflow side-bar.fullWidth.open {
        left: 0; }
    .workflow side-bar > button {
      position: absolute;
      right: 20px;
      top: 58px;
      z-index: 4;
      overflow: hidden;
      width: 30px;
      height: 30px;
      border: 2px solid #CCC;
      border-radius: 15px;
      color: #CCC;
      padding: 3px 0; }
      .workflow side-bar > button:hover {
        border-color: #F5B336;
        color: #F5B336; }
        .workflow side-bar > button:hover svg {
          fill: #F5B336; }
      .workflow side-bar > button svg {
        fill: #CCC;
        width: 20px;
        height: 20px; }
    .workflow side-bar > div {
      flex: 1 0 auto;
      background: #2C2D33;
      border-radius: 5px;
      width: 100%;
      height: 100%;
      flex: 1;
      display: flex;
      flex-direction: column;
      position: relative;
      box-shadow: 0px 0px 5px 5px #202125; }
    .workflow side-bar .side-bar-buttons {
      margin: 10px 20px 20px; }
    .workflow side-bar form control[type="select"], .workflow side-bar form control[type="select"] input-container, .workflow side-bar form control[type="select"] select {
      width: 100%; }
  .workflow .case-merge {
    display: flex;
    flex-direction: row;
    height: 100%; }
    .workflow .case-merge > form {
      position: relative;
      height: 100%;
      display: flex;
      flex: 1;
      flex-direction: column; }
    .workflow .case-merge table {
      margin: 20px 0; }
      .workflow .case-merge table td:nth-child(2),
      .workflow .case-merge table td:nth-child(4) {
        width: 40%; }
      .workflow .case-merge table td:nth-child(3) {
        width: 50px;
        border-bottom: none;
        text-align: center; }
      .workflow .case-merge table tr.hidden {
        display: none; }
    .workflow .case-merge td > div.checkbox {
      margin: 0 5px; }
      .workflow .case-merge td > div.checkbox label {
        display: block;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 24px solid #5c5e64;
        border-radius: 4px;
        width: 0;
        height: 0;
        padding: 0;
        margin: 0 10px; }
        .workflow .case-merge td > div.checkbox label:after, .workflow .case-merge td > div.checkbox label:before {
          box-shadow: none;
          position: absolute;
          z-index: 1; }
        .workflow .case-merge td > div.checkbox label:before {
          top: -10px;
          left: -22px;
          z-index: 1;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-left: 19px solid #202125; }
        .workflow .case-merge td > div.checkbox label:after {
          top: -7px;
          left: -20px;
          width: 0;
          height: 0;
          border-top: 7px solid transparent;
          border-bottom: 7px solid transparent;
          border-left: 13px solid #32A6AE;
          background: none; }
      .workflow .case-merge td > div.checkbox input[type=checkbox][disabled]:checked + label:after {
        border-left: 13px solid #5c5e64;
        background: none; }
    .workflow .case-merge tr.case-documents {
      display: table-row; }
    .workflow .case-merge th svg {
      margin: 0 10px;
      height: 10px;
      fill: #fff;
      transform: rotate(90deg); }

.side-bar-dialog {
  display: flex;
  flex-direction: column; }

.workflow .panel > .inner .scrollY {
  position: relative;
  margin-right: -20px; }
  .workflow .panel > .inner .scrollY > .scroll {
    position: relative;
    max-height: inherit;
    overflow-y: scroll;
    padding: 10px 6px 10px 0; }
  .workflow .panel > .inner .scrollY:before, .workflow .panel > .inner .scrollY:after {
    content: '';
    position: absolute;
    left: 0;
    right: 16px;
    height: 10px;
    z-index: 2; }
  .workflow .panel > .inner .scrollY:before {
    top: 0;
    background: linear-gradient(180deg, #2c2d33 0%, #2c2d33 50%, rgba(255, 255, 255, 0) 100%); }
  .workflow .panel > .inner .scrollY:after {
    bottom: 0;
    background: linear-gradient(0deg, #2c2d33 0%, #2c2d33 50%, rgba(255, 255, 255, 0) 100%); }

.workflow .panel > .inner.scroll, .workflow .panel > .inner.scroll-auto, .workflow .panel > .inner.scrollY, .workflow .panel > .inner.scrollY-auto, .workflow .panel > .inner.scrollX, .workflow .panel > .inner.scrollX-auto {
  position: absolute;
  top: 46px;
  bottom: 0px;
  left: 0;
  right: 0;
  padding: 0; }
  .workflow .panel > .inner.scroll > .scroll, .workflow .panel > .inner.scroll-auto > .scroll, .workflow .panel > .inner.scrollY > .scroll, .workflow .panel > .inner.scrollY-auto > .scroll, .workflow .panel > .inner.scrollX > .scroll, .workflow .panel > .inner.scrollX-auto > .scroll {
    height: 100%;
    width: 100%;
    padding: 0 6px 0 20px; }

.workflow .panel > .inner.scrollY:before, .workflow .panel > .inner.scrollY:after {
  content: '';
  position: absolute;
  left: 5px;
  right: 14px;
  height: 10px;
  z-index: 2; }

.workflow .panel > .inner.scrollY:before {
  top: 0;
  background: linear-gradient(180deg, #2c2d33 0%, #2c2d33 50%, rgba(255, 255, 255, 0) 100%); }

.workflow .panel > .inner.scrollY:after {
  bottom: 0;
  background: linear-gradient(0deg, #2c2d33 0%, #2c2d33 50%, rgba(255, 255, 255, 0) 100%); }

.workflow .panel > .inner.scrollX:before, .workflow .panel > .inner.scrollX:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 14px;
  width: 10px;
  z-index: 2; }

.workflow .panel > .inner.scrollX:before {
  left: 0;
  background: linear-gradient(90deg, #2c2d33 0%, #2c2d33 50%, rgba(255, 255, 255, 0) 100%); }

.workflow .panel > .inner.scrollX:after {
  right: 0;
  background: linear-gradient(270deg, #2c2d33 0%, #2c2d33 50%, rgba(255, 255, 255, 0) 100%); }

.workflow .panel > .inner.scroll > .scroll {
  overflow: scroll; }

.workflow .panel > .inner.scroll-auto > .scroll {
  overflow: auto; }

.workflow .panel > .inner.scrollY > .scroll {
  overflow-y: scroll; }

.workflow .panel > .inner.scrollY-auto > .scroll {
  overflow-y: auto; }

.workflow .panel > .inner.scrollX > .scroll {
  overflow-x: scroll; }

.workflow .panel > .inner.scrollX-auto > .scroll {
  overflow-x: auto; }

.workflow .panel > .inner .options > .switch {
  margin-left: 12px; }
  .workflow .panel > .inner .options > .switch.disabled {
    color: #999; }

.workflow .panel > .inner .options > span + span {
  margin-left: 0; }

.workflow .panel > .inner h3 {
  padding: 4px 6px 0px 0px;
  box-shadow: inset 0 -1px 0 0 #222329, 0 1px 0 0 #3c3d45;
  font: 600 1em/1em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font: 600 1.1em/1em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color: #fff;
  margin-bottom: 0;
  /* padding-right: 60px; */
  position: relative;
  display: flex;
  align-items: center;
  min-height: 34px; }
  .workflow .panel > .inner h3:last-child {
    box-shadow: none; }

.workflow .panel > .inner div.options {
  display: flex;
  margin-left: auto;
  align-items: center; }

.workflow .panel > .inner .attribute .select label {
  position: relative;
  display: block;
  padding: 0 0 7px; }
  .workflow .panel > .inner .attribute .select label .arrow {
    position: absolute;
    right: 5px;
    bottom: -44px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    width: 40px;
    height: 39px;
    pointer-events: none;
    background: #2C2D33; }
  .workflow .panel > .inner .attribute .select label svg {
    fill: #fff;
    width: 16px;
    height: 12px;
    transform: rotate(180deg); }

.workflow .panel > .inner .attribute select {
  -webkit-appearance: none;
  appearance: none;
  font-size: 13px;
  padding: 5px 10px;
  background: #202125;
  border-radius: 5px;
  border: none;
  box-shadow: inset 0 0 0 1px #202125, inset 0 0 0 2px #2C2D33;
  min-width: 220px;
  width: 100%; }
  .workflow .panel > .inner .attribute select:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px #32A6AE, inset 0 0 0 2px #2C2D33; }

.workflow .panel > .inner .editable .case-attribute-actions,
.workflow .panel > .inner .case-attribute-actions {
  right: 0;
  display: none;
  opacity: 0;
  top: 0;
  position: absolute; }
  .workflow .panel > .inner .editable .case-attribute-actions button.icon,
  .workflow .panel > .inner .case-attribute-actions button.icon {
    height: 12px;
    width: 12px;
    position: relative;
    top: -2px;
    margin-left: 2px; }
  .workflow .panel > .inner .editable .case-attribute-actions button svg,
  .workflow .panel > .inner .case-attribute-actions button svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    width: 12px;
    fill: #CCC; }
  .workflow .panel > .inner .editable .case-attribute-actions button:hover svg,
  .workflow .panel > .inner .case-attribute-actions button:hover svg {
    fill: #F5B336; }
  .workflow .panel > .inner .editable .case-attribute-actions button:disabled,
  .workflow .panel > .inner .case-attribute-actions button:disabled {
    cursor: default; }
    .workflow .panel > .inner .editable .case-attribute-actions button:disabled svg,
    .workflow .panel > .inner .case-attribute-actions button:disabled svg {
      fill: #5c5e64; }

.workflow .panel > .inner td .case-attribute-actions {
  top: 2px; }

.workflow .panel > .inner td:hover .case-attribute-actions {
  display: block;
  opacity: 1; }

.workflow .panel > .inner th .case-attribute-actions {
  display: block;
  opacity: 1;
  top: 2px; }
  .workflow .panel > .inner th .case-attribute-actions button.icon, .workflow .panel > .inner th .case-attribute-actions svg {
    height: 14px;
    width: 14px; }

.workflow .panel > .inner td .case-attribute-actions.reference-actions {
  z-index: 2;
  right: 16px; }

.workflow .panel > .inner .stakeholder-select {
  display: none; }

.workflow .panel > .inner .editable {
  position: relative;
  border: 1px dashed rgba(0, 0, 0, 0);
  margin: -3px;
  padding: 2px;
  min-height: 20px; }
  .workflow .panel > .inner .editable > div {
    min-height: 21px; }
  .workflow .panel > .inner .editable textarea {
    width: 100%;
    min-height: 80px;
    color-scheme: dark;
    background: #202125;
    color: #CCC; }
  .workflow .panel > .inner .editable input, .workflow .panel > .inner .editable textarea, .workflow .panel > .inner .editable select {
    border-radius: 0;
    padding: 5px; }
  .workflow .panel > .inner .editable button {
    padding: 5px 5px 0 5px; }
    .workflow .panel > .inner .editable button.icon {
      height: 24px;
      width: 24px; }
    .workflow .panel > .inner .editable button svg {
      height: 24px;
      width: 24px;
      fill: #CCC; }
    .workflow .panel > .inner .editable button:hover svg {
      fill: #F5B336; }
    .workflow .panel > .inner .editable button:disabled {
      cursor: default; }
      .workflow .panel > .inner .editable button:disabled svg {
        fill: #5c5e64; }
  .workflow .panel > .inner .editable.stakeholder-select {
    border: none; }
    .workflow .panel > .inner .editable.stakeholder-select.editable:hover {
      border: none; }
  .workflow .panel > .inner .editable.stakeholder-select.editing {
    display: none; }
  .workflow .panel > .inner .editable.stakeholder-select, .workflow .panel > .inner .editable.stakeholder-select:hover {
    margin: 0; }
  .workflow .panel > .inner .editable.stakeholder-select {
    display: block;
    position: absolute;
    left: -25px;
    right: -3px;
    padding: 3px 3px 0;
    background: #2C2D33; }
    .workflow .panel > .inner .editable.stakeholder-select .arrow {
      position: absolute;
      left: 0;
      top: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
      width: 20px;
      height: 20px;
      background: #2C2D33;
      pointer-events: none; }
      .workflow .panel > .inner .editable.stakeholder-select .arrow svg {
        fill: #CCC;
        width: 16px;
        height: 12px;
        transform: rotate(180deg); }
    .workflow .panel > .inner .editable.stakeholder-select select {
      width: 100%;
      min-width: initial;
      background: #2C2D33;
      border: none;
      box-shadow: none;
      padding: 1px 0 1px 22px;
      line-height: 20px;
      height: 21px;
      -webkit-appearance: none;
      -moz-appearance: none; }
    .workflow .panel > .inner .editable.stakeholder-select:focus-within {
      z-index: 2; }
  .workflow .panel > .inner .editable .stakeholder-input {
    position: relative;
    background: #2C2D33; }
  .workflow .panel > .inner .editable.editing {
    border: 1px dashed #5c5e64; }
  .workflow .panel > .inner .editable:hover {
    border: 1px dashed #5c5e64; }

.workflow .panel > .inner .correspondence-settings {
  line-height: 0; }
  .workflow .panel > .inner .correspondence-settings svg {
    height: 16px;
    width: 16px;
    fill: #5c5e64; }
    .workflow .panel > .inner .correspondence-settings svg.letter {
      width: 24px; }
    .workflow .panel > .inner .correspondence-settings svg.enabled {
      fill: #CCC; }
    .workflow .panel > .inner .correspondence-settings svg.error {
      fill: #aa3030; }

.panel.requirements > .inner > .attribute {
  position: relative;
  z-index: 4; }
  .panel.requirements > .inner > .attribute > h3 {
    box-shadow: none; }
  .panel.requirements > .inner > .attribute .requirement-options {
    max-height: 0;
    overflow: hidden;
    transition: max-height .350s ease, height .350s ease;
    transition-delay: .4s; }
    .panel.requirements > .inner > .attribute .requirement-options textarea, .panel.requirements > .inner > .attribute .requirement-options textarea:focus {
      margin: 5px 0px -2px 0px;
      max-height: 100%;
      min-height: 50px;
      background: #141517;
      padding: 17px;
      border: none;
      font: 1em/1.3rem "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
      resize: none;
      color: #f9d89a;
      width: 100%;
      outline-offset: -2px;
      box-shadow: none; }
  .panel.requirements > .inner > .attribute:not(.resolved):not(:has(> h3 > .options > span.switch:hover)):hover .requirement-options,
  .panel.requirements > .inner > .attribute:not(.resolved):not(:has(> h3 > .options > span.switch:hover)):focus-within .requirement-options {
    transition-delay: .4s;
    max-height: 200px; }
  .panel.requirements > .inner > .attribute.requiresHearing .requirement-options {
    height: 0; }
  .panel.requirements > .inner > .attribute.requiresHearing:not(.resolved):not(:has(> h3 > .options > span.switch:hover)):hover .requirement-options,
  .panel.requirements > .inner > .attribute.requiresHearing:not(.resolved):not(:has(> h3 > .options > span.switch:hover)):focus-within .requirement-options {
    height: 200px; }
  .panel.requirements > .inner > .attribute.requiresPictures .requirement-options {
    height: 0; }
  .panel.requirements > .inner > .attribute.requiresPictures:not(.resolved):not(:has(> h3 > .options > span.switch:hover)):hover .requirement-options,
  .panel.requirements > .inner > .attribute.requiresPictures:not(.resolved):not(:has(> h3 > .options > span.switch:hover)):focus-within .requirement-options {
    height: 119px; }
  .panel.requirements > .inner > .attribute.requiresAuthorization .requirement-options {
    height: 0; }
  .panel.requirements > .inner > .attribute.requiresAuthorization:not(.resolved):not(:has(> h3 > .options > span.switch:hover)):hover .requirement-options,
  .panel.requirements > .inner > .attribute.requiresAuthorization:not(.resolved):not(:has(> h3 > .options > span.switch:hover)):focus-within .requirement-options {
    height: 58px; }
  .panel.requirements > .inner > .attribute.requiresDataVerification > h3 a {
    color: #5c5e64;
    margin-left: 10px;
    opacity: 0;
    transition: opacity .350s ease, height .350s ease;
    transition-delay: .4s; }
    .panel.requirements > .inner > .attribute.requiresDataVerification > h3 a:hover {
      color: #32A6AE; }
  .panel.requirements > .inner > .attribute.requiresDataVerification:hover > h3 a, .panel.requirements > .inner > .attribute.requiresDataVerification:focus-within > h3 a {
    opacity: 1; }
  .panel.requirements > .inner > .attribute.requiresDataVerification .requirement-options {
    height: 0; }
    .panel.requirements > .inner > .attribute.requiresDataVerification .requirement-options:last-child {
      margin-bottom: 0; }
  .panel.requirements > .inner > .attribute.requiresDataVerification:not(.resolved):not(:has(> h3 > .options > span.switch:hover)):hover .requirement-options,
  .panel.requirements > .inner > .attribute.requiresDataVerification:not(.resolved):not(:has(> h3 > .options > span.switch:hover)):focus-within .requirement-options {
    height: 400px; }
  .panel.requirements > .inner > .attribute.requiresSurvey .requirement-options {
    height: 0; }
    .panel.requirements > .inner > .attribute.requiresSurvey .requirement-options:last-child {
      margin-bottom: 0; }
  .panel.requirements > .inner > .attribute.requiresSurvey:not(.resolved):not(:has(> h3 > .options > span.switch:hover)):hover .requirement-options,
  .panel.requirements > .inner > .attribute.requiresSurvey:not(.resolved):not(:has(> h3 > .options > span.switch:hover)):focus-within .requirement-options {
    height: 110px; }
  .panel.requirements > .inner > .attribute .requirement-fixed {
    height: 100%;
    display: flex;
    flex-direction: column; }
    .panel.requirements > .inner > .attribute .requirement-fixed textarea, .panel.requirements > .inner > .attribute .requirement-fixed textarea:focus {
      height: 100%;
      margin: 5px 0 0 0; }

.grievances span.ignore,
.grievances span.auto-text {
  transition: all .350s ease;
  opacity: 0; }

p:hover > .options span.ignore,
p:hover > .options span.auto-text {
  opacity: 1; }

.grievances span.auto-text.selected {
  opacity: 1; }
  .grievances span.auto-text.selected button svg {
    color: #FFF; }

.grievances p {
  transition: all .350s ease; }
  .grievances p.ignored {
    opacity: .5; }

.workflow .inner .inadmissibility h3 {
  box-shadow: none; }

.workflow .inadmissibility.inner h2 {
  box-shadow: 0 1px 0 0 #616161;
  padding: 11px 20px;
  margin-left: -20px;
  margin-right: -20px; }

.workflow .inadmissibility textarea {
  margin: 5px 0px -2px 0px;
  max-height: 100%;
  min-height: 50px;
  background: #141517;
  padding: 17px;
  border: none;
  font: 1em/1.3rem "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  resize: none;
  color: #f9d89a;
  width: 100%;
  outline-offset: -2px;
  box-shadow: none; }

.workflow .panel table tr:first-child td:first-child {
  vertical-align: middle; }

.workflow .panel table h3.approved {
  color: #65a831;
  text-shadow: 0px 0px 10px #65a831; }

.workflow .panel table h3.denied {
  color: #aa3030;
  text-shadow: 0px 0px 10px #aa3030; }

.workflow .panel table h3.withdrawn {
  color: #d0c335;
  text-shadow: 0px 0px 10px #d0c335; }

.workflow .panel table h3.inadmissible {
  color: #0058ff;
  text-shadow: 0px 0px 10px #0058ff; }

.summary table {
  margin: 5px 0; }

table {
  width: 100%; }
  table th {
    text-align: left;
    position: relative; }
  table td {
    border-bottom: 1px dashed #CCC;
    padding: 5px 0;
    position: relative; }
    .summary table td:first-child {
      width: 200px;
      white-space: nowrap; }
  table td:first-child {
    border-bottom: none;
    vertical-align: top;
    white-space: nowrap;
    padding: 5px 10px; }
  table div.reference-details {
    color: #5c5e64; }

side-bar .panel {
  flex: 1; }
  side-bar .panel messages {
    top: initial;
    left: 0;
    right: 0;
    margin: 0;
    overflow: visible; }
    side-bar .panel messages message {
      right: 0;
      position: absolute; }

.completionOptions {
  display: flex;
  flex-wrap: wrap;
  max-width: 500px; }
  .completionOptions .checkbox {
    min-width: 170px;
    margin-right: 10px;
    white-space: nowrap; }

.property-value-objection-duplicates ul {
  margin: 0; }

.property-value-objection-duplicates button {
  float: right;
  padding: 0 0 0 5px; }
  .property-value-objection-duplicates button svg {
    width: 16px;
    height: 16px;
    fill: #CCC; }
  .property-value-objection-duplicates button:hover svg {
    fill: #F5B336; }
  .property-value-objection-duplicates button:disabled {
    cursor: default; }
    .property-value-objection-duplicates button:disabled svg {
      fill: #5c5e64; }

.property-value-objection-duplicates td > button {
  padding: 0 10px; }
  .property-value-objection-duplicates td > button svg {
    width: 20px;
    height: 20px; }

.property-value-objection-duplicates hr {
  border-top: none;
  border-bottom: 1px dashed #CCC; }

.property-value-objection-duplicates li {
  position: relative;
  list-style: none;
  font: 13px/21px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  min-height: 70px; }
  .property-value-objection-duplicates li em {
    font-style: normal;
    color: #32A6AE; }
  .property-value-objection-duplicates li svg.icon.exclamation {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    right: 5px;
    fill: #CCC;
    width: 50px;
    height: 50px; }
  .property-value-objection-duplicates li.warning svg.icon.exclamation {
    fill: #aa3030;
    animation: warning-color-pulse 4s infinite;
    filter: drop-shadow(0 0 10px #aa3030); }
  .property-value-objection-duplicates li div.clear {
    clear: both; }
  .property-value-objection-duplicates li span {
    float: left; }
    .property-value-objection-duplicates li span.approved {
      color: #65a831;
      text-shadow: 0px 0px 10px #65a831; }
    .property-value-objection-duplicates li span.denied {
      color: #aa3030;
      text-shadow: 0px 0px 10px #aa3030; }
    .property-value-objection-duplicates li span.withdrawn {
      color: #d0c335;
      text-shadow: 0px 0px 10px #d0c335; }
    .property-value-objection-duplicates li span.inadmissible {
      color: #0058ff;
      text-shadow: 0px 0px 10px #0058ff; }
    .property-value-objection-duplicates li span.label {
      clear: left;
      min-width: 125px;
      padding-right: 5px; }
    .property-value-objection-duplicates li span:last-child {
      clear: right; }

@keyframes warning-color-pulse {
  0% {
    fill: #aa3030;
    filter: drop-shadow(0 0 2px #aa3030); }
  20% {
    fill: #aa3030;
    filter: drop-shadow(0 0 2px #aa3030); }
  50% {
    fill: #C00;
    filter: drop-shadow(0 0 5px #C00); }
  80% {
    fill: #aa3030;
    filter: drop-shadow(0 0 2px #aa3030); }
  100% {
    fill: #aa3030;
    filter: drop-shadow(0 0 2px #aa3030); } }

div.case {
  flex-grow: 1;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px; }
  div.case form.case {
    float: left;
    width: 50%;
    padding: 20px; }
  div.case .case-workflow-description {
    float: left;
    width: 50%;
    height: 100%;
    padding: 20px; }
    div.case .case-workflow-description > div {
      border: 1px dashed #eee; }
      div.case .case-workflow-description > div > div {
        padding: 20px; }
  div.case .case-list {
    height: initial;
    position: relative; }
    div.case .case-list .case {
      width: 100%;
      padding: 5px 0 0;
      height: initial; }
      div.case .case-list .case .case-name svg {
        float: left;
        fill: #ccc;
        margin-right: 10px;
        width: 20px;
        margin-bottom: -5px;
        margin-left: -31px; }
      div.case .case-list .case > div {
        color: #6C8A93;
        padding-right: 10px; }
      div.case .case-list .case .case-status {
        margin-left: 10px; }
      div.case .case-list .case .case-type {
        padding-left: 31px;
        display: block;
        position: relative;
        color: #6C8A93;
        width: 100%;
        margin-top: -5px; }
      div.case .case-list .case .case-tooltip {
        float: right;
        z-index: 10;
        border-radius: 5px;
        padding: 5px;
        position: absolute;
        display: none;
        opacity: 0;
        top: 0;
        right: 15px;
        transition: all .350s ease;
        transition-behavior: allow-discrete;
        background: #2C2D33;
        font: 13px/21px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
        color: #CCC; }
        div.case .case-list .case .case-tooltip span {
          float: left; }
        div.case .case-list .case .case-tooltip .label {
          min-width: 125px;
          padding-right: 5px;
          clear: left; }
      div.case .case-list .case:hover .case-tooltip {
        display: block;
        opacity: .9; }
      div.case .case-list .case .case-name {
        font: 14px/25px "Open Sans", Arial;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #ccc;
        cursor: pointer;
        padding-left: 31px; }

.workflow .case-documents {
  position: relative;
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column; }
  .workflow .case-documents form.case-document {
    position: relative;
    flex-grow: 1; }
    .workflow .case-documents form.case-document controls {
      height: 100%;
      display: flex;
      flex: 1;
      flex-direction: column; }
    .workflow .case-documents form.case-document control.paste {
      display: flex;
      flex-grow: 1;
      flex-direction: column;
      margin: 0; }
      .workflow .case-documents form.case-document control.paste div {
        height: 100px;
        flex-grow: 1; }
  .workflow .case-documents .case-document-list {
    height: initial;
    position: relative; }
    .workflow .case-documents .case-document-list .case-document {
      width: 100%;
      padding-top: 10px;
      position: relative; }
      .workflow .case-documents .case-document-list .case-document button {
        color: #6C8A93;
        float: right;
        margin-left: 5px;
        width: 20px;
        height: 20px;
        padding: 5px; }
        .workflow .case-documents .case-document-list .case-document button svg {
          width: 20px;
          height: 20px;
          fill: #ccc;
          transition: fill .350s ease, color .350s ease; }
        .workflow .case-documents .case-document-list .case-document button:hover svg {
          color: #F5B336;
          fill: #F5B336; }
      .workflow .case-documents .case-document-list .case-document .case-document-name svg {
        position: absolute;
        fill: #ccc;
        margin-right: 10px;
        width: 20px;
        margin-left: -31px; }

.workflow .case-document-name {
  font: 14px/25px "Open Sans", Arial;
  word-break: break-all;
  color: #ccc;
  cursor: pointer;
  width: 100%;
  padding-left: 31px; }
  .workflow .case-document-name.has-focus {
    background-color: #F5F7F7; }

.workflow .case-document-type {
  padding-left: 31px;
  display: block;
  position: relative;
  color: #6C8A93;
  width: 100%;
  margin-top: -5px; }

.workflow .case-documents-annotate.panel {
  position: relative;
  height: auto;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
  .workflow .case-documents-annotate.panel > .inner {
    position: absolute;
    left: 0;
    top: 54px;
    bottom: 0;
    right: 0;
    overflow: hidden; }
    .workflow .case-documents-annotate.panel > .inner > .scroll {
      padding: 0; }
  .workflow .case-documents-annotate.panel .case-documents-annotate-documents {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden; }
  .workflow .case-documents-annotate.panel .case-documents-annotate-documents:focus {
    outline: none; }
  .workflow .case-documents-annotate.panel .case-document-name {
    background: #fff;
    padding: 5px;
    position: relative;
    max-width: 100%;
    z-index: 1;
    padding-left: 15px;
    white-space: nowrap;
    display: block;
    margin: 0; }
    .workflow .case-documents-annotate.panel .case-document-name:before {
      position: absolute;
      left: -1px;
      top: -1px;
      content: '';
      border-right: 20px solid transparent; }
    .workflow .case-documents-annotate.panel .case-document-name:after {
      position: absolute;
      left: -2px;
      top: -2px;
      content: '';
      border-top: 20px solid #2C2D33;
      border-right: 20px solid transparent; }
  .workflow .case-documents-annotate.panel .case-documents-annotate-document-wrapper {
    position: relative;
    height: fit-content; }
  .workflow .case-documents-annotate.panel .case-documents-annotate-document {
    margin: 10px 4px 10px 10px;
    overflow: hidden;
    transition: padding-top .350s ease-in-out; }
  .workflow .case-documents-annotate.panel .annotate-key-layout {
    position: absolute;
    right: 11px;
    top: 2px;
    z-index: 2;
    display: block;
    width: 290px;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transform: translateX(110%);
    max-height: 100%;
    height: 100%;
    pointer-events: none; }
    .workflow .case-documents-annotate.panel .annotate-key-layout.enabled {
      transform: translateX(0); }
      .workflow .case-documents-annotate.panel .annotate-key-layout.enabled:after {
        height: 10px; }
    .workflow .case-documents-annotate.panel .annotate-key-layout .annotate-key-layout-rows {
      max-height: 100%;
      height: 100%;
      position: relative; }
    .workflow .case-documents-annotate.panel .annotate-key-layout .liquid-container,
    .workflow .case-documents-annotate.panel .annotate-key-layout .liquid-child {
      width: auto;
      height: auto; }
  .workflow .case-documents-annotate.panel .annotate-key-layout-rows > div {
    padding: 20px 0 0 20px;
    max-height: 100%;
    overflow: scroll;
    height: initial;
    width: initial; }
  .workflow .case-documents-annotate.panel .annotate-key {
    display: block; }
    .workflow .case-documents-annotate.panel .annotate-key .annotate-key-button {
      min-width: 38px;
      height: 28px;
      line-height: 16px;
      border: 2px solid #71737c;
      border-radius: 3px;
      color: #fff;
      display: inline-block;
      font-family: sans-serif;
      margin: 0 8px 8px 0;
      overflow-wrap: break-word;
      padding: 4px 12px;
      text-align: center; }
    .workflow .case-documents-annotate.panel .annotate-key .annotate-key-label {
      transition: all .150s ease-in-out;
      font: 12px/12px "Open Sans", Arial; }
    .workflow .case-documents-annotate.panel .annotate-key.annotate-key-disabled .annotate-key-button,
    .workflow .case-documents-annotate.panel .annotate-key.annotate-key-disabled .annotate-key-label {
      color: #aaa; }

.workflow .workflow-step-halfWidth .annotate-key-layout,
.workflow .workflow-step-closed .annotate-key-layout {
  transform: translate(100%, -100%); }

.workflow .case-documents {
  position: relative;
  height: 100%;
  flex-grow: 1; }
  .workflow .case-documents .case-document-form {
    position: relative;
    flex: 0 1 auto;
    width: initial;
    height: initial; }
  .workflow .case-documents div.loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.3); }
    .workflow .case-documents div.loading #cssload-pgloading .cssload-loadingwrap {
      position: absolute; }
  .workflow .case-documents .panel div.loading {
    border-radius: 5px; }

.workflow .case-document-preview-panel {
  position: relative;
  display: flex; }
  .workflow .case-document-preview-panel .case-document-preview {
    position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    overflow: auto; }
    .workflow .case-document-preview-panel .case-document-preview * {
      font-size: 16px;
      font-family: Times;
      color: #000000; }
    .workflow .case-document-preview-panel .case-document-preview img {
      max-width: initial; }

.workflow .case-documents-importFromCase {
  display: flex;
  flex-direction: row;
  height: 100%; }
  .workflow .case-documents-importFromCase .case-document {
    margin: 0 -5px;
    padding: 5px; }
    .workflow .case-documents-importFromCase .case-document:first-child {
      margin-top: 10px; }
    .workflow .case-documents-importFromCase .case-document[aria-checked] {
      background-color: #5c5e64;
      box-shadow: 0px 0px 5px 5px #5c5e64; }

.workflow .advice-actions {
  display: inline-flex;
  padding: 0;
  align-items: center;
  height: 100%;
  margin-left: 20px;
  max-width: 86%; }
  .workflow .advice-actions .action {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    color: #CCC;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    border-left: 1px solid grey;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .workflow .advice-actions .action svg {
      fill: #CCC;
      width: 20px;
      height: 20px;
      margin-right: 12px;
      float: left; }
    .workflow .advice-actions .action:hover {
      cursor: pointer;
      color: #32A6AE; }
      .workflow .advice-actions .action:hover svg {
        fill: #32A6AE; }
    .workflow .advice-actions .action.active {
      color: #fff; }
      .workflow .advice-actions .action.active svg {
        fill: #fff; }

.workflow .panel.case-documents .case-document-images .uploads {
  padding: 20px 20px 0 20px; }

.workflow .panel.case-documents .case-document-list .uploads .case-document {
  padding-top: 5px; }
  .workflow .panel.case-documents .case-document-list .uploads .case-document .case-document-name {
    word-break: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.workflow .panel.case-documents .inner.attachments.scrollX {
  padding: 0; }
  .workflow .panel.case-documents .inner.attachments.scrollX .uploads {
    display: flex; }
    .workflow .panel.case-documents .inner.attachments.scrollX .uploads .image {
      background: #202125;
      width: 100px;
      height: 100px;
      margin-right: 20px;
      flex-shrink: 0;
      background-size: cover;
      background-position: center; }

.workflow.property-value-objection-advice,
.workflow.property-value-objection-data-verification {
  flex-direction: row;
  display: flex; }
  .workflow.property-value-objection-advice .advice,
  .workflow.property-value-objection-data-verification .advice {
    display: flex;
    flex-direction: column;
    min-width: 400px;
    max-width: 800px;
    flex: 0 1 40%;
    position: relative; }
    .workflow.property-value-objection-advice .advice > *:last-child,
    .workflow.property-value-objection-data-verification .advice > *:last-child {
      flex-grow: 0; }
    .workflow.property-value-objection-advice .advice .panel,
    .workflow.property-value-objection-data-verification .advice .panel {
      width: initial;
      margin: 10px; }
  .workflow.property-value-objection-advice .auto-text.panel,
  .workflow.property-value-objection-data-verification .auto-text.panel {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 100%;
    height: calc(100vh - 139px);
    width: 0;
    overflow: hidden;
    margin: 10px 20px 10px -10px;
    font-size: 13px;
    line-height: 21px;
    box-shadow: #141517 0 0 10px;
    transition: all .350s ease; }
    .workflow.property-value-objection-advice .auto-text.panel.visible,
    .workflow.property-value-objection-data-verification .auto-text.panel.visible {
      width: 600px;
      margin-left: 10px; }
    .workflow.property-value-objection-advice .auto-text.panel h2,
    .workflow.property-value-objection-data-verification .auto-text.panel h2 {
      margin-bottom: 0;
      overflow: visible;
      position: relative;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      box-shadow: none;
      white-space: nowrap; }
      .workflow.property-value-objection-advice .auto-text.panel h2:before,
      .workflow.property-value-objection-data-verification .auto-text.panel h2:before {
        content: "";
        position: absolute;
        right: 100%;
        top: 50%;
        margin-top: -10px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #3c3d43; }
    .workflow.property-value-objection-advice .auto-text.panel .auto-text-tabs,
    .workflow.property-value-objection-data-verification .auto-text.panel .auto-text-tabs {
      display: flex; }
      .workflow.property-value-objection-advice .auto-text.panel .auto-text-tabs .tab,
      .workflow.property-value-objection-data-verification .auto-text.panel .auto-text-tabs .tab {
        flex: 1;
        padding: 8px 12px;
        border: none;
        color: #999;
        cursor: pointer;
        font-size: 13px;
        text-align: center;
        background: #202125;
        margin: 0;
        overflow: hidden; }
        .workflow.property-value-objection-advice .auto-text.panel .auto-text-tabs .tab.active,
        .workflow.property-value-objection-data-verification .auto-text.panel .auto-text-tabs .tab.active {
          background-color: #2C2D33;
          color: #fff; }
        .workflow.property-value-objection-advice .auto-text.panel .auto-text-tabs .tab:nth-child(1).active,
        .workflow.property-value-objection-data-verification .auto-text.panel .auto-text-tabs .tab:nth-child(1).active {
          border-top: 1px solid #6a8caf; }
        .workflow.property-value-objection-advice .auto-text.panel .auto-text-tabs .tab:nth-child(2).active,
        .workflow.property-value-objection-data-verification .auto-text.panel .auto-text-tabs .tab:nth-child(2).active {
          border-top: 1px solid #6c7168; }
        .workflow.property-value-objection-advice .auto-text.panel .auto-text-tabs .tab:nth-child(3).active,
        .workflow.property-value-objection-data-verification .auto-text.panel .auto-text-tabs .tab:nth-child(3).active {
          border-top: 1px solid #816161; }
        .workflow.property-value-objection-advice .auto-text.panel .auto-text-tabs .tab:nth-child(4).active,
        .workflow.property-value-objection-data-verification .auto-text.panel .auto-text-tabs .tab:nth-child(4).active {
          border-top: 1px solid #888; }
        .workflow.property-value-objection-advice .auto-text.panel .auto-text-tabs .tab:hover,
        .workflow.property-value-objection-data-verification .auto-text.panel .auto-text-tabs .tab:hover {
          color: #ccc; }
    .workflow.property-value-objection-advice .auto-text.panel button,
    .workflow.property-value-objection-data-verification .auto-text.panel button {
      text-align: left;
      padding: 2px;
      margin-bottom: 5px; }
      .workflow.property-value-objection-advice .auto-text.panel button:hover,
      .workflow.property-value-objection-data-verification .auto-text.panel button:hover {
        color: #FFF; }
      .workflow.property-value-objection-advice .auto-text.panel button.close,
      .workflow.property-value-objection-data-verification .auto-text.panel button.close {
        border: 1px solid #5c5e64;
        border-radius: 2px;
        position: absolute;
        top: 5px;
        right: 5px;
        padding: 0;
        width: 20px;
        height: 20px;
        line-height: 10px;
        text-align: center;
        display: block; }
        .workflow.property-value-objection-advice .auto-text.panel button.close:hover,
        .workflow.property-value-objection-data-verification .auto-text.panel button.close:hover {
          text-decoration: none; }
    .workflow.property-value-objection-advice .auto-text.panel .inner,
    .workflow.property-value-objection-data-verification .auto-text.panel .inner {
      background-color: #2C2D33; }
      .workflow.property-value-objection-advice .auto-text.panel .inner .scroll,
      .workflow.property-value-objection-data-verification .auto-text.panel .inner .scroll {
        width: 600px;
        padding: 20px 10px 15px 20px; }
      .workflow.property-value-objection-advice .auto-text.panel .inner.scrollY,
      .workflow.property-value-objection-data-verification .auto-text.panel .inner.scrollY {
        top: 83px; }
        .workflow.property-value-objection-advice .auto-text.panel .inner.scrollY::-webkit-scrollbar-track,
        .workflow.property-value-objection-data-verification .auto-text.panel .inner.scrollY::-webkit-scrollbar-track {
          background: none; }
      .workflow.property-value-objection-advice .auto-text.panel .inner button,
      .workflow.property-value-objection-data-verification .auto-text.panel .inner button {
        background: #3b3c43;
        text-decoration: none;
        padding: 5px 11px;
        border-radius: 5px;
        min-width: 100%; }
        .workflow.property-value-objection-advice .auto-text.panel .inner button:hover,
        .workflow.property-value-objection-data-verification .auto-text.panel .inner button:hover {
          background: #626471;
          text-decoration: none;
          padding: 5px 11px;
          border-radius: 5px; }
  .workflow.property-value-objection-advice > .workflow,
  .workflow.property-value-objection-data-verification > .workflow {
    width: auto;
    flex: 1 1 auto; }
  .workflow.property-value-objection-advice .panel.duplicates,
  .workflow.property-value-objection-data-verification .panel.duplicates {
    min-height: 215px; }
    .workflow.property-value-objection-advice .panel.duplicates ul, .workflow.property-value-objection-advice .panel.duplicates h4,
    .workflow.property-value-objection-data-verification .panel.duplicates ul,
    .workflow.property-value-objection-data-verification .panel.duplicates h4 {
      margin: 10px 0; }
  .workflow.property-value-objection-advice .actions p,
  .workflow.property-value-objection-data-verification .actions p {
    margin-bottom: 0;
    font: 1em/1.3rem "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    position: relative;
    display: flex;
    align-items: flex-start;
    align-items: center; }
  .workflow.property-value-objection-advice .actions input[type="text"],
  .workflow.property-value-objection-data-verification .actions input[type="text"] {
    font: 1em/1.2rem "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    -webkit-appearance: none;
    appearance: none;
    padding: 4px 10px;
    background: #fff;
    color: #000;
    border-radius: 5px;
    border: none;
    box-shadow: inset 0 0 0 1px #202125, inset 0 0 0 2px #2C2D33;
    min-width: 70px;
    width: 110px;
    text-align: center; }
  .workflow.property-value-objection-advice .grievances textarea,
  .workflow.property-value-objection-advice .complete textarea,
  .workflow.property-value-objection-data-verification .grievances textarea,
  .workflow.property-value-objection-data-verification .complete textarea {
    background: #141517;
    padding: 17px;
    border: none;
    font: 1em/1.3rem "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    resize: vertical;
    color: #f9d89a;
    width: 100%;
    transition: height .350s ease;
    height: 90px; }
    .workflow.property-value-objection-advice .grievances textarea:focus,
    .workflow.property-value-objection-advice .complete textarea:focus,
    .workflow.property-value-objection-data-verification .grievances textarea:focus,
    .workflow.property-value-objection-data-verification .complete textarea:focus {
      height: 200px; }
  .workflow.property-value-objection-advice .workflow-step-references > .case-documents,
  .workflow.property-value-objection-data-verification .workflow-step-references > .case-documents {
    flex-grow: 0;
    min-height: 188px; }
  .workflow.property-value-objection-advice .complete input,
  .workflow.property-value-objection-data-verification .complete input {
    transition: all .350s ease; }
  .workflow.property-value-objection-advice .complete input.warning,
  .workflow.property-value-objection-data-verification .complete input.warning {
    background-color: #aa3030;
    color: #fff; }
  .workflow.property-value-objection-advice .complete span.warning,
  .workflow.property-value-objection-data-verification .complete span.warning {
    display: block;
    padding: 10px;
    margin: 10px 0;
    font-weight: bold;
    border-radius: 5px;
    background-image: repeating-linear-gradient(0deg, #aa3030, #aa3030 11px, transparent 11px, transparent 25px, #aa3030 25px), repeating-linear-gradient(90deg, #aa3030, #aa3030 11px, transparent 11px, transparent 25px, #aa3030 25px), repeating-linear-gradient(180deg, #aa3030, #aa3030 11px, transparent 11px, transparent 25px, #aa3030 25px), repeating-linear-gradient(270deg, #aa3030, #aa3030 11px, transparent 11px, transparent 25px, #aa3030 25px);
    background-size: 2px 100%, 100% 2px, 2px 100% , 100% 2px;
    background-position: 0 0, 0 0, 100% 0, 0 100%;
    background-repeat: no-repeat; }
  .workflow.property-value-objection-advice .panel.grievances .options span.auto-text button svg.icon,
  .workflow.property-value-objection-advice .panel.grievances .options .ignore button svg.icon,
  .workflow.property-value-objection-data-verification .panel.grievances .options span.auto-text button svg.icon,
  .workflow.property-value-objection-data-verification .panel.grievances .options .ignore button svg.icon {
    width: 18px;
    height: 17px; }
  .workflow.property-value-objection-advice .panel.grievances div.add,
  .workflow.property-value-objection-data-verification .panel.grievances div.add {
    width: 100%; }
    .workflow.property-value-objection-advice .panel.grievances div.add > form,
    .workflow.property-value-objection-data-verification .panel.grievances div.add > form {
      max-width: 400px; }
  .workflow.property-value-objection-advice .panel.grievances form,
  .workflow.property-value-objection-data-verification .panel.grievances form {
    margin: 0;
    padding: 0;
    float: right;
    white-space: nowrap;
    display: flex;
    justify-content: right; }
    .workflow.property-value-objection-advice .panel.grievances form > div,
    .workflow.property-value-objection-data-verification .panel.grievances form > div {
      flex: 1 1 auto;
      float: left;
      width: auto;
      margin: -3px 5px; }
    .workflow.property-value-objection-advice .panel.grievances form input, .workflow.property-value-objection-advice .panel.grievances form select,
    .workflow.property-value-objection-data-verification .panel.grievances form input,
    .workflow.property-value-objection-data-verification .panel.grievances form select {
      padding: 4px 10px;
      width: 100%;
      max-width: initial;
      min-width: initial;
      font: 13px/21px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
      transition: opacity .350s ease;
      opacity: 0;
      background: #202125;
      box-shadow: inset 0 0 0 1px #202125, inset 0 0 0 2px #2C2D33;
      border: none;
      border-radius: 5px;
      height: 29px; }
      .workflow.property-value-objection-advice .panel.grievances form input:focus, .workflow.property-value-objection-advice .panel.grievances form select:focus,
      .workflow.property-value-objection-data-verification .panel.grievances form input:focus,
      .workflow.property-value-objection-data-verification .panel.grievances form select:focus {
        outline: none;
        box-shadow: inset 0 0 0 1px #32A6AE, inset 0 0 0 2px #2C2D33; }
    .workflow.property-value-objection-advice .panel.grievances form button,
    .workflow.property-value-objection-data-verification .panel.grievances form button {
      float: left;
      margin: -4px 0;
      padding: 0;
      width: 30px;
      line-height: 0;
      transition: opacity .350s ease;
      opacity: .5; }
      .workflow.property-value-objection-advice .panel.grievances form button svg.icon,
      .workflow.property-value-objection-data-verification .panel.grievances form button svg.icon {
        fill: #CCC;
        width: 30px;
        height: 30px;
        margin: 0; }
      .workflow.property-value-objection-advice .panel.grievances form button[disabled] svg.icon,
      .workflow.property-value-objection-data-verification .panel.grievances form button[disabled] svg.icon {
        fill: #5c5e64; }
    .workflow.property-value-objection-advice .panel.grievances form:hover input, .workflow.property-value-objection-advice .panel.grievances form:hover select, .workflow.property-value-objection-advice .panel.grievances form:hover button, .workflow.property-value-objection-advice .panel.grievances form:focus-within input, .workflow.property-value-objection-advice .panel.grievances form:focus-within select, .workflow.property-value-objection-advice .panel.grievances form:focus-within button,
    .workflow.property-value-objection-data-verification .panel.grievances form:hover input,
    .workflow.property-value-objection-data-verification .panel.grievances form:hover select,
    .workflow.property-value-objection-data-verification .panel.grievances form:hover button,
    .workflow.property-value-objection-data-verification .panel.grievances form:focus-within input,
    .workflow.property-value-objection-data-verification .panel.grievances form:focus-within select,
    .workflow.property-value-objection-data-verification .panel.grievances form:focus-within button {
      opacity: 1; }

.workflow.property-value-objection-data-verification .case-attachments.upload .case-document-list div.case-document {
  margin-right: 110px;
  width: auto; }

.workflow.property-value-objection-data-verification .case-attachments.upload .case-document-list .case-document-add {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 140px;
  transition: width .350s ease; }
  .workflow.property-value-objection-data-verification .case-attachments.upload .case-document-list .case-document-add:hover, .workflow.property-value-objection-data-verification .case-attachments.upload .case-document-list .case-document-add.isLoading, .workflow.property-value-objection-data-verification .case-attachments.upload .case-document-list .case-document-add:focus-within {
    width: 100%; }

.workflow.property-value-objection-data-verification .case-documents .case-document-list form[type=caseDocumentAdd].case-document {
  padding: 0 10px;
  height: 100%; }
  .workflow.property-value-objection-data-verification .case-documents .case-document-list form[type=caseDocumentAdd].case-document controls {
    background: #2C2D33; }
    .workflow.property-value-objection-data-verification .case-documents .case-document-list form[type=caseDocumentAdd].case-document controls control {
      margin-bottom: 20px;
      height: 100%; }

.workflow.property-value-objection-data-verification .file-upload {
  padding: 20px 10px 0;
  height: 100%; }
  .workflow.property-value-objection-data-verification .file-upload .file-upload-box {
    flex-direction: row; }
  .workflow.property-value-objection-data-verification .file-upload label {
    padding: 10px;
    height: 100%;
    width: 100%; }
    .workflow.property-value-objection-data-verification .file-upload label span.file-upload-filename {
      display: inline-block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      height: 25px;
      flex-shrink: 1; }
    .workflow.property-value-objection-data-verification .file-upload label svg {
      min-width: 80px;
      margin: 10px 10px; }

.workflow.property-value-objection-advice-approval {
  flex-direction: row;
  display: flex; }
  .workflow.property-value-objection-advice-approval .panel {
    height: initial; }
  .workflow.property-value-objection-advice-approval .workflow-step-column:nth-child(1), .workflow.property-value-objection-advice-approval > .options {
    display: flex;
    flex-direction: column;
    min-width: 440px;
    max-width: 600px;
    flex: 0 1 30%; }
    .workflow.property-value-objection-advice-approval .workflow-step-column:nth-child(1) > *:last-child, .workflow.property-value-objection-advice-approval > .options > *:last-child {
      flex-grow: 0; }
    .workflow.property-value-objection-advice-approval .workflow-step-column:nth-child(1) .panel, .workflow.property-value-objection-advice-approval > .options .panel {
      width: initial;
      margin: 10px; }
  .workflow.property-value-objection-advice-approval > .workflow {
    width: auto;
    flex: 1 1 auto; }
  .workflow.property-value-objection-advice-approval .panel.duplicates {
    min-height: 215px; }
    .workflow.property-value-objection-advice-approval .panel.duplicates ul, .workflow.property-value-objection-advice-approval .panel.duplicates h4 {
      margin: 10px 0; }
  .workflow.property-value-objection-advice-approval .grievances .icon.approved {
    height: 24px;
    fill: #65a831; }
  .workflow.property-value-objection-advice-approval .grievances .icon.denied {
    height: 20px;
    fill: #aa3030; }
  .workflow.property-value-objection-advice-approval .case-documents {
    flex-grow: 0;
    min-height: 188px; }
  .workflow.property-value-objection-advice-approval td.warning {
    font-weight: bold;
    animation: judgement-color-pulse 4s infinite; }
  .workflow.property-value-objection-advice-approval .panel.advice table {
    width: auto;
    font-weight: bold; }
    .workflow.property-value-objection-advice-approval .panel.advice table td:first-child {
      padding-left: 0;
      padding-right: 10px; }
  .workflow.property-value-objection-advice-approval .panel.advice textarea {
    background: #141517;
    padding: 17px;
    border: none;
    font: 1em/1.3rem "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    resize: vertical;
    color: #f9d89a;
    width: 100%;
    transition: height .350s ease;
    height: 90px; }
    .workflow.property-value-objection-advice-approval .panel.advice textarea:focus {
      height: 200px; }
  .workflow.property-value-objection-advice-approval .panel.approval h3 {
    margin-bottom: 20px;
    margin-right: 0px;
    box-shadow: none; }
  .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch {
    width: 100%;
    text-align: center; }
    .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch button {
      height: 25px;
      width: 50px;
      -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
      -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
      box-shadow: inset 0 0 0 1px #5c5e64;
      border-radius: 5px;
      margin: 2px 0 0; }
      .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch button svg {
        height: 23px;
        fill: #CCC; }
    .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch .switch-button-off {
      background-color: #792424; }
    .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch .switch-button-on {
      background: #436d21; }
    .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch.switch-off .switch-button-off {
      background: #aa3030;
      box-shadow: 0 0 10px #aa3030; }
    .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch.switch-off .switch-button-on {
      background: #2a4615; }
    .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch.switch-off button[disabled] {
      background: none; }
    .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch.switch-on .switch-button-off {
      background-color: #591b1b; }
    .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch.switch-on .switch-button-on {
      background: #65a831;
      box-shadow: 0 0 10px #65a831; }
    .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch.switch-on button[disabled] {
      background: none; }
    .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch button[disabled],
    .workflow.property-value-objection-advice-approval .attribute.adviceApproved .switch.disabled button {
      background: none; }

.workflow.property-value-objection-judgement {
  flex-direction: row;
  display: flex; }
  .workflow.property-value-objection-judgement .workflow-step-column:nth-child(1), .workflow.property-value-objection-judgement > .options {
    display: flex;
    flex-direction: column;
    min-width: 440px;
    max-width: 600px;
    flex: 0 1 30%; }
    .workflow.property-value-objection-judgement .workflow-step-column:nth-child(1) > *:last-child, .workflow.property-value-objection-judgement > .options > *:last-child {
      flex-grow: 0; }
    .workflow.property-value-objection-judgement .workflow-step-column:nth-child(1) .panel, .workflow.property-value-objection-judgement > .options .panel {
      width: initial;
      margin: 10px; }
  .workflow.property-value-objection-judgement > .workflow {
    width: auto;
    flex: 1 1 auto; }
  .workflow.property-value-objection-judgement .panel.duplicates {
    min-height: 215px; }
    .workflow.property-value-objection-judgement .panel.duplicates ul, .workflow.property-value-objection-judgement .panel.duplicates h4 {
      margin: 10px 0; }
  .workflow.property-value-objection-judgement .grievances .icon.approved {
    height: 24px;
    fill: #65a831; }
  .workflow.property-value-objection-judgement .grievances .icon.denied {
    height: 20px;
    fill: #aa3030; }
  .workflow.property-value-objection-judgement .case-documents {
    flex-grow: 0;
    min-height: 188px; }
  .workflow.property-value-objection-judgement td.warning {
    font-weight: bold;
    animation: judgement-color-pulse 4s infinite; }
  .workflow.property-value-objection-judgement button.letter-example {
    box-shadow: inset 0 0 0 1px #5c5e64;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px; }
    .workflow.property-value-objection-judgement button.letter-example svg {
      fill: #CCC;
      height: 14px;
      width: 14px;
      margin: -3px 5px -3px -3px; }
  .workflow.property-value-objection-judgement div.letter-example {
    width: auto;
    height: auto;
    flex-grow: 1;
    margin-right: 5px; }
    .workflow.property-value-objection-judgement div.letter-example > div {
      text-align: right; }
  .workflow.property-value-objection-judgement .hasAppraisalReport .liquid-container .liquid-child,
  .workflow.property-value-objection-judgement .hasHearingReport .liquid-container .liquid-child {
    padding-top: 10px; }
    .workflow.property-value-objection-judgement .hasAppraisalReport .liquid-container .liquid-child select,
    .workflow.property-value-objection-judgement .hasHearingReport .liquid-container .liquid-child select {
      width: 100%; }
  .workflow.property-value-objection-judgement .panel.verdict h3.verdict {
    margin-bottom: 20px;
    margin-right: 0px;
    box-shadow: none;
    padding-right: 0; }
  .workflow.property-value-objection-judgement .attribute.verdict div {
    width: 100%;
    text-align: center; }
    .workflow.property-value-objection-judgement .attribute.verdict div button {
      height: 25px;
      width: 50px;
      -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
      -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
      box-shadow: inset 0 0 0 1px #5c5e64;
      border-radius: 5px;
      margin: 2px 0 0; }
      .workflow.property-value-objection-judgement .attribute.verdict div button svg {
        height: 23px;
        fill: #CCC; }
    .workflow.property-value-objection-judgement .attribute.verdict div .switch-button[disabled] {
      background: none; }
    .workflow.property-value-objection-judgement .attribute.verdict div .switch-button-deny {
      background-color: #792424; }
      .workflow.property-value-objection-judgement .attribute.verdict div .switch-button-deny.hasVerdict {
        background-color: #591b1b; }
      .workflow.property-value-objection-judgement .attribute.verdict div .switch-button-deny.active {
        background: #aa3030;
        box-shadow: 0 0 10px #aa3030; }
    .workflow.property-value-objection-judgement .attribute.verdict div .switch-button-approve {
      background: #436d21; }
      .workflow.property-value-objection-judgement .attribute.verdict div .switch-button-approve.hasVerdict {
        background: #2a4615; }
      .workflow.property-value-objection-judgement .attribute.verdict div .switch-button-approve.active {
        background: #65a831;
        box-shadow: 0 0 10px #65a831; }
    .workflow.property-value-objection-judgement .attribute.verdict div .switch-button-inadmissible {
      background: #113998; }
      .workflow.property-value-objection-judgement .attribute.verdict div .switch-button-inadmissible.hasVerdict {
        background: #0c2c79; }
      .workflow.property-value-objection-judgement .attribute.verdict div .switch-button-inadmissible.active {
        background: #0058ff;
        box-shadow: 0 0 10px #0058ff; }
    .workflow.property-value-objection-judgement .attribute.verdict div button[disabled],
    .workflow.property-value-objection-judgement .attribute.verdict div button[disabled].hasVerdict,
    .workflow.property-value-objection-judgement .attribute.verdict div.disabled button {
      background: none; }

@keyframes judgement-color-pulse {
  0% {
    color: #CCC; }
  20% {
    color: #CCC; }
  50% {
    color: #C00; }
  80% {
    color: #CCC; }
  100% {
    color: #CCC; } }
  .workflow.property-value-objection-judgement table td:first-child {
    width: auto; }

.workflow.property-value-objection-hearing {
  flex-direction: row;
  display: flex; }
  .workflow.property-value-objection-hearing .workflow-step-column:nth-child(1), .workflow.property-value-objection-hearing > .options {
    display: flex;
    flex-direction: column;
    min-width: 440px;
    max-width: 600px;
    flex: 0 1 30%; }
    .workflow.property-value-objection-hearing .workflow-step-column:nth-child(1) > *:last-child, .workflow.property-value-objection-hearing > .options > *:last-child {
      flex-grow: 0; }
    .workflow.property-value-objection-hearing .workflow-step-column:nth-child(1) .panel, .workflow.property-value-objection-hearing > .options .panel {
      width: initial;
      margin: 10px; }
  .workflow.property-value-objection-hearing > .workflow {
    width: auto;
    flex: 1 1 auto; }
  .workflow.property-value-objection-hearing .panel.duplicates {
    min-height: 215px; }
    .workflow.property-value-objection-hearing .panel.duplicates ul {
      margin: 10px 0; }
  .workflow.property-value-objection-hearing .grievances .icon.approved {
    height: 24px;
    fill: #65a831; }
  .workflow.property-value-objection-hearing .grievances .icon.denied {
    height: 20px;
    fill: #aa3030; }
  .workflow.property-value-objection-hearing .case-documents {
    flex-grow: 0;
    min-height: 188px; }
  .workflow.property-value-objection-hearing td.warning {
    font-weight: bold;
    animation: judgement-color-pulse 4s infinite; }
  .workflow.property-value-objection-hearing .actions {
    display: flex;
    justify-content: flex-end; }
    .workflow.property-value-objection-hearing .actions button.add-grievance, .workflow.property-value-objection-hearing .actions button.create-report {
      border-radius: 5px;
      display: flex;
      align-items: center;
      font-weight: 700;
      padding: 7px 12px; }
      .workflow.property-value-objection-hearing .actions button.add-grievance svg, .workflow.property-value-objection-hearing .actions button.create-report svg {
        transition: fill .350s ease, border-color .350s ease;
        margin-left: 20px;
        border: 2px solid #5c5e64;
        border-radius: 20px; }
      .workflow.property-value-objection-hearing .actions button.add-grievance:not([disabled]) svg, .workflow.property-value-objection-hearing .actions button.create-report:not([disabled]) svg {
        fill: #fff;
        border-color: #fff; }
      .workflow.property-value-objection-hearing .actions button.add-grievance:not([disabled]):hover svg, .workflow.property-value-objection-hearing .actions button.create-report:not([disabled]):hover svg {
        fill: #F5B336;
        border-color: #F5B336; }
  .workflow.property-value-objection-hearing .panel.actions p {
    margin-bottom: 0;
    font: 1em/1.3rem "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    position: relative;
    display: flex;
    align-items: flex-start;
    align-items: center; }
  .workflow.property-value-objection-hearing .panel.actions input[type="text"] {
    font: 1em/1.2rem "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    -webkit-appearance: none;
    appearance: none;
    padding: 4px 10px;
    background: #fff;
    color: #000;
    border-radius: 5px;
    border: none;
    box-shadow: inset 0 0 0 1px #202125, inset 0 0 0 2px #2C2D33;
    min-width: 70px;
    width: 110px;
    text-align: center; }
  .workflow.property-value-objection-hearing .panel.notes div.details {
    margin: 10px -10px 10px 0;
    display: flex;
    flex-wrap: wrap; }
    .workflow.property-value-objection-hearing .panel.notes div.details > div {
      flex: 1 1 50%;
      min-width: 200px;
      display: flex;
      flex-wrap: wrap; }
      .workflow.property-value-objection-hearing .panel.notes div.details > div * {
        margin-right: 10px; }
      .workflow.property-value-objection-hearing .panel.notes div.details > div *:nth-child(even) {
        flex: 1 1 auto; }
      .workflow.property-value-objection-hearing .panel.notes div.details > div label {
        flex: 0 1 auto;
        width: 120px; }
  .workflow.property-value-objection-hearing .panel.notes textarea {
    background: #141517;
    padding: 17px;
    border: none;
    font: 1em/1.3rem "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    resize: vertical;
    color: #f9d89a;
    width: 100%;
    height: 55px;
    transition: height .350s ease; }
    .workflow.property-value-objection-hearing .panel.notes textarea:focus {
      height: 80px; }
  .workflow.property-value-objection-hearing .panel.notes div.scroll > textarea {
    margin-top: 10px; }
  .workflow.property-value-objection-hearing .panel.notes select, .workflow.property-value-objection-hearing .panel.notes input {
    padding: 5px 17px;
    margin-bottom: 5px;
    -webkit-appearance: none;
    appearance: none;
    background: #202125;
    border-radius: 5px;
    border: none;
    box-shadow: inset 0 0 0 1px #202125, inset 0 0 0 2px #2C2D33;
    min-width: initial;
    width: initial; }
  .workflow.property-value-objection-hearing .panel.notes textarea.notes {
    height: 100px; }
  .workflow.property-value-objection-hearing .panel.notes textarea.notes:focus, .workflow.property-value-objection-hearing .panel.notes textarea.participants:focus {
    height: 200px; }
  .workflow.property-value-objection-hearing .panel.notes .options {
    float: right; }
  .workflow.property-value-objection-hearing .panel.notes div.attribute {
    padding-top: 7px; }

.workflow .panel.grievances:not(.info) .inner > .scroll {
  padding: 0; }
  .workflow .panel.grievances:not(.info) .inner > .scroll h3, .workflow .panel.grievances:not(.info) .inner > .scroll p, .workflow .panel.grievances:not(.info) .inner > .scroll .textarea {
    padding-left: 20px; }

.workflow .panel.grievances .inner > .scroll > div {
  margin-bottom: 5px; }
  .workflow .panel.grievances .inner > .scroll > div:last-child {
    margin-bottom: 10px; }

.workflow .panel.grievances .inner > .scroll div.attribute > div.attribute:first-of-type,
.workflow .panel.requirements .grievances div.attribute > div.attribute:first-of-type {
  padding-top: 7px; }

.workflow .panel.grievances .inner > .scroll div.attribute > div.attribute:last-child,
.workflow .panel.requirements .grievances div.attribute > div.attribute:last-child {
  padding-bottom: 7px; }

.workflow .panel.grievances .inner > .scroll div.comment h3,
.workflow .panel.requirements .grievances div.comment h3 {
  box-shadow: none; }

.workflow .panel.grievances .inner > .scroll p,
.workflow .panel.requirements .grievances p {
  padding-top: 4px;
  padding-right: 46px;
  margin-bottom: 0;
  box-shadow: 0 1px 0 0 #222329, 0 2px 0 0 #3c3d45;
  font: 1em/1.2rem "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  position: relative;
  display: block;
  align-items: flex-start; }
  .workflow .panel.grievances .inner > .scroll p .options,
  .workflow .panel.requirements .grievances p .options {
    float: right;
    clear: both;
    margin-right: -40px; }
    .workflow .panel.grievances .inner > .scroll p .options > span,
    .workflow .panel.requirements .grievances p .options > span {
      margin-bottom: -1px; }
  .workflow .panel.grievances .inner > .scroll p:last-child,
  .workflow .panel.requirements .grievances p:last-child {
    box-shadow: none; }

.workflow .panel.grievances .inner > .scroll .textarea,
.workflow .panel.requirements .grievances .textarea {
  width: 100%;
  padding-top: 0;
  padding-right: 6px;
  padding-bottom: 6px;
  margin-top: 0;
  box-shadow: 0 1px 0 0 #222329, 0 2px 0 0 #3c3d45, inset 0 10px 0 0 #2C2D33;
  position: relative; }

.workflow .panel.grievances .inner > .scroll textarea,
.workflow .panel.requirements .grievances textarea {
  width: 100%;
  background: #141517;
  padding: 17px;
  border: none;
  font: 1em/1.3rem "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  resize: vertical;
  color: #f9d89a; }

.workflow .panel.grievances .inner > .scroll .text,
.workflow .panel.requirements .grievances .text {
  display: block;
  border-radius: 15px;
  position: absolute;
  right: 11px;
  top: 16px;
  white-space: nowrap; }

svg.comment {
  width: 24px;
  fill: grey; }
  svg.comment.hasComments {
    fill: #f9ab9a; }
  svg.comment.active {
    fill: #f9d89a; }

@-webkit-keyframes TableCellLoading {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@-moz-keyframes TableCellLoading {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes TableCellLoading {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

.references {
  max-height: 836px; }
  .references > h2 {
    box-shadow: 0 1px 0 0 #161616; }
  .references table {
    border-spacing: 0;
    width: auto;
    border-bottom: 1px solid #161616; }
    .references table tr > td.loading {
      background: linear-gradient(270deg, #323338, #353840);
      background-size: 400% 400%;
      -webkit-animation: TableCellLoading 2s ease infinite;
      -moz-animation: TableCellLoading 2s ease infinite;
      animation: TableCellLoading 2s ease infinite; }
    .references table tr:nth-child(even) th, .references table tr:nth-child(even) td, .references table tr:nth-child(even) select {
      background: #292a2d; }
      .references table tr:nth-child(even) th.loading, .references table tr:nth-child(even) td.loading, .references table tr:nth-child(even) select.loading {
        background: linear-gradient(270deg, #292a2d, #323338);
        background-size: 400% 400%; }
    .references table tr th {
      padding: 5px 7px;
      width: 130px;
      min-width: 130px; }
      .references table tr th:first-child {
        min-width: 140px;
        width: 140px; }
    .references table tr.wrap td, .references table tr.wrap tr {
      white-space: normal; }
    .references table tr.highlight > th, .references table tr.highlight > td {
      border-top: 1px solid #cbc19c; }
    .references table tr.link th:first-child, .references table tr.link td:first-child {
      position: relative;
      padding-right: 4px; }
      .references table tr.link th:first-child:after, .references table tr.link td:first-child:after {
        font-weight: normal;
        display: inline-block;
        position: absolute;
        top: 0;
        right: 4px;
        content: "➚";
        color: #CCC; }
    .references table tr th, .references table tr td {
      transition: opacity 350ms ease; }
      .references table tr th.active:nth-child(2), .references table tr th.active, .references table tr td.active:nth-child(2), .references table tr td.active {
        box-shadow: 1px 0 0 0 #cbc19c, -1px 0 0 0 #cbc19c;
        z-index: +10; }
      .references table tr th.inactive, .references table tr td.inactive {
        opacity: .5; }
    .references table tr th.active:nth-child(2)::before, .references table tr th.active::before {
      position: absolute;
      display: block;
      content: '';
      z-index: 1;
      top: 0;
      width: 100%;
      height: 1px;
      background-color: #cbc19c; }
    .references table tr td:first-child, .references table tr th:first-child {
      box-shadow: none; }
    .references table tr td, .references table tr th {
      background: #323338;
      border-bottom: none;
      box-shadow: -1px 1px 0 0 #161616;
      white-space: nowrap;
      position: relative;
      padding: 1px 6px;
      font-size: 13px;
      line-height: 1.5em; }
      .references table tr td.has-action, .references table tr th.has-action {
        cursor: pointer; }
      .references table tr td.can-explore, .references table tr th.can-explore {
        cursor: zoom-in; }
      .references table tr td select, .references table tr th select {
        background: #323338; }
      .references table tr td.hidden, .references table tr th.hidden {
        padding: 0;
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        width: 100%; }
      .references table tr td:first-child, .references table tr th:first-child {
        padding-left: 16px;
        color: #fff; }
      .references table tr td:nth-child(2), .references table tr th:nth-child(2) {
        box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.2), inset -1px 0 0 0 #979797, -1px 0 0 0 #161616;
        z-index: +10;
        position: relative; }
      .references table tr td:not(:first-child), .references table tr th:not(:first-child) {
        text-align: right; }
      .references table tr td a, .references table tr th a {
        position: relative;
        display: inline-block;
        color: #CCC;
        line-height: 1.3em; }
        .references table tr td a:hover, .references table tr th a:hover {
          color: #FFF;
          text-decoration: underline; }
        .references table tr td a:empty, .references table tr th a:empty {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
    .references table tr.images td, .references table tr.images th {
      padding: 0 !important;
      position: relative; }
      .references table tr.images td img, .references table tr.images th img {
        width: 100%;
        height: 106px;
        object-fit: cover;
        display: flex; }
      .references table tr.images td:nth-child(2) img, .references table tr.images th:nth-child(2) img {
        padding: 0 1px 0 0; }
      .references table tr.images td a, .references table tr.images th a {
        width: 100%;
        height: 100%;
        display: block; }
    .references table tr.images .object-type,
    .references table tr.images .advice-toggle {
      position: absolute;
      right: 2px;
      bottom: 2px;
      color: #fff;
      background: rgba(0, 0, 0, 0.55);
      padding: 2px 6px;
      font-weight: 400;
      z-index: 1; }
    .references table tr.images .advice-toggle {
      top: 2px;
      bottom: initial;
      padding-left: 3px; }
      .references table tr.images .advice-toggle label:before {
        box-shadow: inset 0 0 0 2px #CCC; }
      .references table tr.images .advice-toggle input[disabled] + label:before {
        box-shadow: inset 0 0 0 2px #5c5e64; }
    .references table tr.images .energy-label {
      position: relative;
      display: inline-block;
      color: #fff;
      padding: 0 6px;
      font-weight: bold;
      height: 23px;
      min-width: 24px;
      width: auto;
      line-height: 23px;
      font-size: 15px;
      margin: -25px 110px 0 0;
      float: left;
      text-align: center; }
      .references table tr.images .energy-label:after {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 100%;
        top: 0;
        box-shadow: none;
        z-index: 1;
        left: 100%;
        border-top: 11px solid transparent;
        border-bottom: 11px solid transparent;
        border-left: 7px solid transparent;
        background: none; }
      .references table tr.images .energy-label.class-0 {
        background-color: #8A8A8A; }
        .references table tr.images .energy-label.class-0:after {
          border-left-color: #8A8A8A; }
      .references table tr.images .energy-label.class-1 {
        background-color: #e40613; }
        .references table tr.images .energy-label.class-1:after {
          border-left-color: #e40613; }
      .references table tr.images .energy-label.class-2 {
        background-color: #e95b1d; }
        .references table tr.images .energy-label.class-2:after {
          border-left-color: #e95b1d; }
      .references table tr.images .energy-label.class-3 {
        background-color: #f08300; }
        .references table tr.images .energy-label.class-3:after {
          border-left-color: #f08300; }
      .references table tr.images .energy-label.class-4 {
        background-color: #fee101; }
        .references table tr.images .energy-label.class-4:after {
          border-left-color: #fee101; }
      .references table tr.images .energy-label.class-5 {
        background-color: #bccf01; }
        .references table tr.images .energy-label.class-5:after {
          border-left-color: #bccf01; }
      .references table tr.images .energy-label.class-6 {
        background-color: #4f9e2b; }
        .references table tr.images .energy-label.class-6:after {
          border-left-color: #4f9e2b; }
      .references table tr.images .energy-label.class-7, .references table tr.images .energy-label.class-8, .references table tr.images .energy-label.class-9, .references table tr.images .energy-label.class-10, .references table tr.images .energy-label.class-11 {
        background-color: #14892e; }
        .references table tr.images .energy-label.class-7:after, .references table tr.images .energy-label.class-8:after, .references table tr.images .energy-label.class-9:after, .references table tr.images .energy-label.class-10:after, .references table tr.images .energy-label.class-11:after {
          border-left-color: #14892e; }
  .references svg.icon {
    width: 13px;
    height: 11px;
    margin-right: 7px; }
  .references span.orange {
    color: #FBB03B; }
    .references span.orange svg.icon {
      fill: #FBB03B; }
    .references span.orange .even {
      position: relative;
      width: 12px;
      height: 1px;
      background: orange;
      overflow: hidden;
      display: inline-block;
      margin-right: 7px; }
  .references span.red {
    color: #EF6A54; }
    .references span.red svg.icon {
      fill: #EF6A54; }
  .references span.green {
    color: #8CC63F; }
    .references span.green svg.icon {
      fill: #8CC63F; }
  .references select {
    position: relative;
    appearance: none;
    cursor: pointer;
    border: none;
    outline: none;
    color: #CCC;
    width: 100%;
    text-align: right; }
  .references .select-wrapper:after {
    content: "test";
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 4px;
    transform: translate(0, -50%);
    width: 12px;
    height: 12px;
    background-color: #CCC;
    clip-path: polygon(50% 80%, 0 20%, 100% 20%); }
  .references table tr th.details-table {
    padding: 0; }
  .references tr.detail th, .references tr.detail td,
  .references tr.detail:nth-child(even) th,
  .references tr.detail:nth-child(even) td,
  .references tr.detail:nth-child(odd) th,
  .references tr.detail:nth-child(odd) td {
    background: none; }
    .references tr.detail th:nth-child(2), .references tr.detail td:nth-child(2),
    .references tr.detail:nth-child(even) th:nth-child(2),
    .references tr.detail:nth-child(even) td:nth-child(2),
    .references tr.detail:nth-child(odd) th:nth-child(2),
    .references tr.detail:nth-child(odd) td:nth-child(2) {
      box-shadow: -1px 1px 0 0 #161616;
      z-index: initial; }
  .references table.detail {
    border: none; }
    .references table.detail th, .references table.detail td {
      width: auto;
      min-width: auto;
      background: #323338;
      text-align: right; }
    .references table.detail th:first-child, .references table.detail td:first-child {
      padding: 1px 6px;
      color: #CCC;
      box-shadow: -1px 0 0 0 #161616;
      width: 130px;
      min-width: 130px; }
    .references table.detail th.detail-missing, .references table.detail td.detail-missing {
      text-align: left;
      font-style: italic;
      padding-left: 20px; }
    .references table.detail tr th:nth-child(2), .references table.detail tr td:nth-child(2) {
      box-shadow: -1px 0 0 0 #161616; }
    .references table.detail th.energy-label-type {
      text-align: left; }
  .references table tr:nth-child(odd) table.detail th, .references table tr:nth-child(odd) table.detail td {
    background: #323338; }
  .references table tr:nth-child(odd) table.detail tr:nth-child(odd) td {
    background: #292a2d; }
  .references table tr:nth-child(even) table.detail th, .references table tr:nth-child(even) table.detail td {
    background: #292a2d; }
  .references table tr:nth-child(even) table.detail tr:nth-child(odd) td {
    background: #323338; }
  .references .explore {
    padding: 0;
    height: 540px;
    min-width: 1080px;
    width: 100%;
    position: relative; }
    .references .explore .explore-frame-host {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
      .references .explore .explore-frame-host iframe {
        position: relative;
        border: none;
        width: 100%;
        height: 100%; }
  .references div.add {
    width: 100%; }
  .references form {
    margin: 0;
    padding: 0;
    float: right;
    white-space: nowrap;
    display: flex;
    justify-content: right; }
    .references form input {
      flex: 1 1 auto;
      float: left;
      margin: -3px 5px;
      padding: 4px 10px;
      min-width: 200px;
      max-width: 300px;
      font: 13px/21px "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
      transition: opacity .350s ease;
      opacity: 0; }
    .references form button {
      float: left;
      margin: -4px 0;
      padding: 0;
      width: 30px;
      line-height: 0;
      transition: opacity .350s ease;
      opacity: .5; }
      .references form button svg.icon {
        fill: #CCC;
        width: 30px;
        height: 30px;
        margin: 0; }
      .references form button[disabled] svg.icon {
        fill: #5c5e64; }
    .references form:hover input, .references form:hover button, .references form:focus-within input, .references form:focus-within button {
      opacity: 1; }

.workflow.property-value-objection-resolved {
  flex-direction: row;
  display: flex; }

.workflow.property-value-objection-resolved .hasAppraisalReport, .workflow.property-value-objection-resolved .hasHearingReport {
  margin-bottom: 10px; }
  .workflow.property-value-objection-resolved .hasAppraisalReport .liquid-container .liquid-child, .workflow.property-value-objection-resolved .hasHearingReport .liquid-container .liquid-child {
    padding-top: 20px; }
    .workflow.property-value-objection-resolved .hasAppraisalReport .liquid-container .liquid-child select, .workflow.property-value-objection-resolved .hasHearingReport .liquid-container .liquid-child select {
      width: 100%; }

.workflow.property-value-objection-resolved .grievances .icon.approved {
  height: 24px;
  fill: #65a831; }

.workflow.property-value-objection-resolved .grievances .icon.denied {
  height: 20px;
  fill: #aa3030; }

.workflow.property-value-objection-resolved .workflow-step-column:nth-child(1), .workflow.property-value-objection-resolved > .options {
  display: flex;
  flex-direction: column;
  min-width: 440px;
  max-width: 600px;
  flex: 0 1 30%; }
  .workflow.property-value-objection-resolved .workflow-step-column:nth-child(1) > *:last-child, .workflow.property-value-objection-resolved > .options > *:last-child {
    flex-grow: 0; }
  .workflow.property-value-objection-resolved .workflow-step-column:nth-child(1) .panel, .workflow.property-value-objection-resolved > .options .panel {
    width: initial;
    margin: 10px; }

.workflow.property-value-objection-resolved > .workflow {
  width: auto;
  flex: 1 1 auto; }

.workflow.property-value-objection-resolved .case-documents {
  flex-grow: 0;
  min-height: 188px; }

.workflow.property-value-objection-resolved .reimbursement li {
  width: 100%; }
  .workflow.property-value-objection-resolved .reimbursement li span.amount {
    width: 140px;
    float: right; }

div.admin {
  height: 100%;
  width: 100%; }
  div.admin .letter-sections table th:first-child,
  div.admin .letter-sections table td:first-child {
    display: table-cell;
    overflow: visible;
    max-width: none;
    min-width: 72px;
    width: 72px;
    white-space: nowrap; }
  div.admin .letter-sections table tr.letter-section-list__row--disabled {
    opacity: .55; }
    div.admin .letter-sections table tr.letter-section-list__row--disabled td {
      color: #5c5e64; }
  div.admin .letter-sections table tr.letter-section-list__row--disabled:hover td {
    background: transparent;
    cursor: default; }
  div.admin .letter-sections form input, div.admin .letter-sections form label, div.admin .letter-sections form select {
    width: 100%; }
  div.admin .letter-sections .search input {
    padding-right: 48px; }
  div.admin .letter-sections .search button {
    position: absolute;
    margin-top: 10px;
    margin-left: -42px; }
    div.admin .letter-sections .search button svg {
      width: 24px;
      height: 24px; }
  div.admin .letter-sections .panel.properties {
    min-width: 300px;
    width: auto; }
  div.admin .letter-sections .panel.elements {
    width: 100%; }
    div.admin .letter-sections .panel.elements > .inner.scrollY {
      top: 106px; }
      div.admin .letter-sections .panel.elements > .inner.scrollY > .scroll {
        padding: 0 7px 0 20px; }
  div.admin .letter-sections .elementAdd {
    display: flex;
    box-shadow: 0 1px 0 0 #5c5e64;
    padding: 0;
    margin: 0 20px 20px; }
    div.admin .letter-sections .elementAdd input, div.admin .letter-sections .elementAdd label, div.admin .letter-sections .elementAdd button, div.admin .letter-sections .elementAdd select {
      width: auto;
      float: left;
      margin: 0 10px 0 0;
      padding: 0;
      line-height: 30px; }
    div.admin .letter-sections .elementAdd label div.arrow {
      display: none; }
    div.admin .letter-sections .elementAdd select {
      padding: 1px 10px;
      background: #202125;
      box-shadow: inset 0 0 0 1px #202125, inset 0 0 0 2px #2C2D33;
      border: none;
      border-radius: 5px; }
      div.admin .letter-sections .elementAdd select:focus {
        outline: none;
        box-shadow: inset 0 0 0 1px #32A6AE, inset 0 0 0 2px #2C2D33; }
  div.admin .letter-sections .elementOptions {
    box-shadow: 0 1px 0 0 #5c5e64;
    display: flex;
    height: 30px;
    margin: 10px 0;
    padding: 5px 0;
    overflow: hidden; }
    div.admin .letter-sections .elementOptions span, div.admin .letter-sections .elementOptions input, div.admin .letter-sections .elementOptions label, div.admin .letter-sections .elementOptions button, div.admin .letter-sections .elementOptions select {
      width: auto;
      float: left;
      margin: 0 10px 0 0; }
    div.admin .letter-sections .elementOptions button {
      padding: 0; }
    div.admin .letter-sections .elementOptions span, div.admin .letter-sections .elementOptions input, div.admin .letter-sections .elementOptions label {
      font-size: 12px;
      line-height: 20px; }
    div.admin .letter-sections .elementOptions span.elementType {
      font-weight: bold;
      flex-grow: 1; }
    div.admin .letter-sections .elementOptions input {
      padding: 0 5px;
      background: none;
      box-shadow: none; }
    div.admin .letter-sections .elementOptions svg.icon.up {
      rotate: 90deg; }
    div.admin .letter-sections .elementOptions svg.icon.down {
      rotate: -90deg; }
    div.admin .letter-sections .elementOptions input:focus {
      box-shadow: inset 0 0 0 1px #32A6AE, inset 0 0 0 2px #2C2D33; }
    div.admin .letter-sections .elementOptions button svg.icon {
      width: 21px;
      height: 21px; }
  div.admin .letter-sections textarea {
    resize: none;
    height: 100px;
    transition: height .350s ease-in-out; }
    div.admin .letter-sections textarea:focus-within {
      height: 200px; }
  div.admin .letter-sections .tabs {
    position: relative;
    display: flex; }
    div.admin .letter-sections .tabs .tab {
      flex: 1;
      padding: 8px 12px;
      border: none;
      color: #CCC;
      cursor: pointer;
      font-size: 13px;
      text-align: center;
      background: #2C2D33;
      margin: 0;
      overflow: hidden; }
      div.admin .letter-sections .tabs .tab.active {
        background-color: #202125;
        color: #fff; }
      div.admin .letter-sections .tabs .tab:hover {
        color: #ccc; }
  div.admin h2 a,
  div.admin h2 button,
  div.admin h2 select {
    margin-top: 15px;
    color: #FFF;
    margin-right: 20px;
    box-shadow: inset 0 0 0 1px #5c5e64;
    border-radius: 5px;
    padding: 5px 12px;
    font-weight: 700;
    float: left;
    white-space: nowrap; }
    div.admin h2 a.active,
    div.admin h2 button.active,
    div.admin h2 select.active {
      box-shadow: inset 0 0 0 2px #fff; }
    div.admin h2 a[disabled],
    div.admin h2 button[disabled],
    div.admin h2 select[disabled] {
      color: #5c5e64;
      border-color: #5c5e64; }
  div.admin h2 div.select {
    float: left; }
  div.admin h2 select {
    background: #202125;
    border: none;
    display: block;
    padding-top: .238rem; }
  div.admin button svg {
    fill: #CCC; }
  div.admin button[disabled] svg {
    fill: #5c5e64; }
  div.admin h3 .options button {
    width: 40px;
    border-radius: 15px;
    border: 2px solid #CCC;
    margin: 2px 0px;
    padding: 2px; }
    div.admin h3 .options button svg {
      width: 12px;
      height: 12px; }
    div.admin h3 .options button[disabled] {
      color: #5c5e64;
      border-color: #5c5e64; }
      div.admin h3 .options button[disabled] svg {
        fill: #5c5e64; }
  div.admin h3 span.syncServiceName {
    display: block;
    font-size: 12px;
    color: #5c5e64;
    flex-basis: 100%;
    text-align: right; }
  div.admin h3 {
    padding: 4px 6px 0px 0px;
    box-shadow: inset 0 -1px 0 0 #222329, 0 1px 0 0 #3c3d45;
    font: 600 1.1em/1em "Asap", "Open Sans", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    color: #fff;
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 34px;
    flex-wrap: wrap; }
    div.admin h3 span.options {
      display: flex;
      margin-left: auto;
      align-items: center; }
  div.admin .mail-status {
    margin-left: 10px; }
  div.admin .top-bar #prev-next button.labeled {
    box-shadow: inset 0 0 0 1px #5c5e64;
    border-radius: 5px;
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-between;
    padding: 7px 12px;
    color: #fff;
    font-weight: 700;
    float: left;
    white-space: nowrap; }
    div.admin .top-bar #prev-next button.labeled button:not(.previous):not(.next):first-child {
      margin-left: 0; }
    div.admin .top-bar #prev-next button.labeled button:not(.previous):not(.next):last-child {
      margin-right: 0; }
  div.admin filter {
    display: block;
    width: 100%; }
    div.admin filter form controls control {
      width: auto; }
  div.admin .panel ul,
  div.admin list-view ul {
    margin-left: 20px; }
  div.admin .panel {
    width: auto; }
  div.admin .panel > .inner.scroll, div.admin .panel > .inner.scroll-auto, div.admin .panel > .inner.scrollY, div.admin .panel > .inner.scrollY-auto, div.admin .panel > .inner.scrollX, div.admin .panel > .inner.scrollX-auto {
    position: absolute;
    top: 46px;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 0; }
    div.admin .panel > .inner.scroll > .scroll, div.admin .panel > .inner.scroll-auto > .scroll, div.admin .panel > .inner.scrollY > .scroll, div.admin .panel > .inner.scrollY-auto > .scroll, div.admin .panel > .inner.scrollX > .scroll, div.admin .panel > .inner.scrollX-auto > .scroll {
      height: 100%;
      width: 100%;
      padding: 0 20px; }
  div.admin .panel > .inner.scrollY:before, div.admin .panel > .inner.scrollY:after {
    content: '';
    position: absolute;
    left: 5px;
    right: 14px;
    height: 10px;
    z-index: 2; }
  div.admin .panel > .inner.scrollY:before {
    top: 0;
    background: linear-gradient(180deg, #2c2d33 0%, #2c2d33 50%, rgba(255, 255, 255, 0) 100%); }
  div.admin .panel > .inner.scrollY:after {
    bottom: 0;
    background: linear-gradient(0deg, #2c2d33 0%, #2c2d33 50%, rgba(255, 255, 255, 0) 100%); }
  div.admin .panel > .inner.scrollX:before, div.admin .panel > .inner.scrollX:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 14px;
    width: 10px;
    z-index: 2; }
  div.admin .panel > .inner.scrollX:before {
    left: 0;
    background: linear-gradient(90deg, #2c2d33 0%, #2c2d33 50%, rgba(255, 255, 255, 0) 100%); }
  div.admin .panel > .inner.scrollX:after {
    right: 0;
    background: linear-gradient(270deg, #2c2d33 0%, #2c2d33 50%, rgba(255, 255, 255, 0) 100%); }
  div.admin .panel > .inner.scroll > .scroll {
    overflow: scroll; }
  div.admin .panel > .inner.scroll-auto > .scroll {
    overflow: auto; }
  div.admin .panel > .inner.scrollY > .scroll {
    overflow-y: scroll; }
  div.admin .panel > .inner.scrollY-auto > .scroll {
    overflow-y: auto; }
  div.admin .panel > .inner.scrollX > .scroll {
    overflow-x: scroll; }
  div.admin .panel > .inner.scrollX-auto > .scroll {
    overflow-x: auto; }
  div.admin div.account,
  div.admin div.identity,
  div.admin div.admin-section {
    flex-grow: 1;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px; }
    div.admin div.account .admin-view .panel,
    div.admin div.identity .admin-view .panel,
    div.admin div.admin-section .admin-view .panel {
      flex: 1 1 auto; }
      div.admin div.account .admin-view .panel.form,
      div.admin div.identity .admin-view .panel.form,
      div.admin div.admin-section .admin-view .panel.form {
        min-width: 800px; }
    div.admin div.account div.admin-view.index,
    div.admin div.identity div.admin-view.index,
    div.admin div.admin-section div.admin-view.index {
      flex-wrap: wrap;
      flex-direction: row; }
      div.admin div.account div.admin-view.index .panel,
      div.admin div.identity div.admin-view.index .panel,
      div.admin div.admin-section div.admin-view.index .panel {
        flex: 1;
        height: auto;
        min-width: 350px; }
    div.admin div.account .admin-panels,
    div.admin div.identity .admin-panels,
    div.admin div.admin-section .admin-panels {
      flex: 1 0 auto;
      display: flex;
      flex-direction: row; }
    div.admin div.account form.identity-locality-role,
    div.admin div.identity form.identity-locality-role,
    div.admin div.admin-section form.identity-locality-role {
      display: flex; }
      div.admin div.account form.identity-locality-role controls,
      div.admin div.account form.identity-locality-role actions,
      div.admin div.identity form.identity-locality-role controls,
      div.admin div.identity form.identity-locality-role actions,
      div.admin div.admin-section form.identity-locality-role controls,
      div.admin div.admin-section form.identity-locality-role actions {
        display: flex;
        width: auto; }
      div.admin div.account form.identity-locality-role controls,
      div.admin div.identity form.identity-locality-role controls,
      div.admin div.admin-section form.identity-locality-role controls {
        flex: 1; }
        div.admin div.account form.identity-locality-role controls control:first-child,
        div.admin div.identity form.identity-locality-role controls control:first-child,
        div.admin div.admin-section form.identity-locality-role controls control:first-child {
          min-width: 200px; }
      div.admin div.account form.identity-locality-role control,
      div.admin div.identity form.identity-locality-role control,
      div.admin div.admin-section form.identity-locality-role control {
        width: auto;
        margin-right: 20px; }
      div.admin div.account form.identity-locality-role messages,
      div.admin div.identity form.identity-locality-role messages,
      div.admin div.admin-section form.identity-locality-role messages {
        display: none; }
  div.admin form.admin-export control {
    transition: opacity .350s ease;
    opacity: 1; }
  div.admin form.admin-export control.empty:not(.invalid) {
    opacity: .5; }
  div.admin form.admin-export control.empty:focus-within {
    opacity: 1; }
  div.admin .import #cssload-pgloading .cssload-loadingwrap,
  div.admin .scan #cssload-pgloading .cssload-loadingwrap {
    top: 400px; }
  div.admin .import .import-progress,
  div.admin .scan .import-progress {
    z-index: 3;
    position: relative;
    width: 50%;
    margin-left: 25%;
    top: 20px;
    padding: 2px;
    padding-bottom: 5px;
    border-radius: 5px;
    border: 1px solid transparent;
    margin-bottom: 25px; }
    div.admin .import .import-progress.show,
    div.admin .scan .import-progress.show {
      border-color: #2C2D33;
      transition: border-color .350s ease; }
    div.admin .import .import-progress .progress-bar,
    div.admin .scan .import-progress .progress-bar {
      border-radius: 5px; }
  div.admin .import .import-log,
  div.admin .scan .import-log {
    z-index: 3;
    display: none;
    position: relative;
    width: 50%;
    margin-left: 25%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #2C2D33;
    height: 300px;
    overflow: auto;
    font-family: Monospaced, monospace;
    font-size: 10px;
    line-height: 16px;
    margin-top: 10px; }
    div.admin .import .import-log .type,
    div.admin .scan .import-log .type {
      text-transform: uppercase; }
      div.admin .import .import-log .type .type-label,
      div.admin .scan .import-log .type .type-label {
        width: 45px;
        display: inline-block;
        text-align: center; }
    div.admin .import .import-log div.error .type-label,
    div.admin .scan .import-log div.error .type-label {
      color: #aa3030; }
    div.admin .import .import-log div.warning .type-label,
    div.admin .scan .import-log div.warning .type-label {
      color: #d0c335; }
    div.admin .import .import-log div.info .type-label,
    div.admin .scan .import-log div.info .type-label {
      color: #CCC; }
  div.admin .import .import-stats,
  div.admin .scan .import-stats {
    margin-top: 10px;
    z-index: 3;
    display: none;
    position: relative;
    width: 50%;
    margin-left: 25%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #2C2D33;
    font-family: Monospaced, monospace;
    font-size: 10px; }
  div.admin .import .visible,
  div.admin .scan .visible {
    display: block; }
  div.admin .import .filesPanel actions control,
  div.admin .scan .filesPanel actions control {
    width: auto;
    margin-bottom: 10px; }

div.mail {
  flex-grow: 1;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px 10px 0; }
  div.mail .json textarea {
    background: #fff;
    color: #000; }
  div.mail .json.parameters {
    position: relative;
    display: flex;
    min-width: 50%;
    height: 100%;
    flex-direction: column; }
  div.mail .mail-content {
    width: 100%;
    height: 100%;
    background: #fff;
    color: #000; }
  div.mail .attachments {
    display: flex;
    flex-wrap: wrap; }
    div.mail .attachments li {
      flex: 0 1 auto;
      margin-right: 30px; }
  div.mail .parameters {
    float: right; }
  div.mail div.result-type {
    display: flex;
    flex-grow: 1;
    place-content: flex-end; }
  div.mail .result-type {
    font-family: monospace;
    font-weight: bold;
    text-transform: uppercase; }
    div.mail .result-type.unrecognized {
      color: #d0c335;
      text-shadow: 0px 0px 10px #d0c335; }
    div.mail .result-type.processed {
      color: #65a831;
      text-shadow: 0px 0px 10px #65a831; }
    div.mail .result-type.error {
      color: #aa3030;
      text-shadow: 0px 0px 10px #aa3030; }
    div.mail .result-type.ignored {
      color: #CCC;
      text-shadow: 0px 0px 10px #CCC; }
  div.mail .mail-log {
    background-color: #fff;
    width: auto;
    height: 100%;
    margin: 10px 0; }
    div.mail .mail-log td:first-child {
      text-align: center;
      vertical-align: middle;
      font-weight: bold; }
      div.mail .mail-log td:first-child.TRACE {
        text-shadow: 0px 0px 10px #4f30aa; }
      div.mail .mail-log td:first-child.DEBUG {
        text-shadow: 0px 0px 10px #5867ce; }
      div.mail .mail-log td:first-child.INFO {
        text-shadow: 0px 0px 10px #65a831; }
      div.mail .mail-log td:first-child.WARN {
        text-shadow: 0px 0px 10px #d0c335; }
      div.mail .mail-log td:first-child.ERROR {
        text-shadow: 0px 0px 10px #aa3030; }
    div.mail .mail-log td {
      padding: 5px;
      font-family: monospace;
      color: #000; }

div.admin-view {
  flex-grow: 1;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column; }
  div.admin-view > list-view {
    padding: 0 10px; }
  div.admin-view .panel {
    margin: 10px;
    height: auto;
    flex: 0 1 auto; }
    div.admin-view .panel.grow {
      flex: 1 0 auto; }
    div.admin-view .panel .inner.grow {
      flex: 1 0 auto; }
  div.admin-view.flex-row {
    flex-direction: row; }

.mail-handlers .panel > .inner .select,
.mail-handlers .panel > .inner .input {
  width: auto;
  display: inline-block; }

.mail-handlers .panel > .inner .select label {
  position: relative;
  display: block;
  padding: 0 0 7px; }
  .mail-handlers .panel > .inner .select label .arrow {
    position: absolute;
    right: 5px;
    bottom: -44px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    width: 40px;
    height: 39px;
    pointer-events: none;
    background: #2C2D33; }
  .mail-handlers .panel > .inner .select label svg {
    fill: #fff;
    width: 16px;
    height: 12px;
    transform: rotate(180deg); }

.mail-handlers .panel > .inner .select select {
  -webkit-appearance: none;
  appearance: none;
  padding: 10px 48px 10px 20px;
  background: #202125;
  color: #fff;
  border-radius: 5px;
  border: none;
  box-shadow: inset 0 0 0 1px #202125, inset 0 0 0 2px #2C2D33;
  min-width: 220px; }
  .mail-handlers .panel > .inner .select select:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px #32A6AE, inset 0 0 0 2px #2C2D33; }
  .mail-handlers .panel > .inner .select select option {
    color: #fff;
    background: #202125; }

.attribute-responses table th:first-child,
.attribute-responses table td:first-child {
  display: table-cell;
  overflow: visible;
  max-width: none;
  min-width: 72px;
  width: 72px;
  white-space: nowrap; }

.attribute-responses table tr.attribute-response-list__row--disabled {
  opacity: .55; }
  .attribute-responses table tr.attribute-response-list__row--disabled td {
    color: #5c5e64; }

.attribute-responses table tr.attribute-response-list__row--disabled:hover td {
  background: transparent;
  cursor: default; }

.attribute-responses .search input {
  padding-right: 48px; }

.attribute-responses .search button {
  position: absolute;
  margin-top: 10px;
  margin-left: -42px; }
  .attribute-responses .search button svg {
    width: 24px;
    height: 24px; }

.attribute-responses .attribute-response-panels {
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch; }
  .attribute-responses .attribute-response-panels > .panel {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column; }

.attribute-responses .attribute-response-form {
  display: flex;
  flex-direction: column;
  gap: 1em;
  flex: 1 1 auto;
  max-width: none; }
  .attribute-responses .attribute-response-form .select {
    display: block;
    width: 100%; }
    .attribute-responses .attribute-response-form .select select {
      width: 100%;
      min-width: 0;
      max-width: none; }

.attribute-responses .attribute-response-form__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%; }
  .attribute-responses .attribute-response-form__content textarea {
    width: 100%;
    flex: 1 1 auto;
    min-height: 18rem; }

@media (max-width: 900px) {
  .attribute-responses .attribute-response-list__filters .attribute-response-list__search {
    flex-basis: 100%; }
    .attribute-responses .attribute-response-list__filters .attribute-response-list__search .attribute-response-list__search-controls {
      flex-direction: column; }
  .attribute-responses .attribute-response-list__filters .select {
    flex-basis: 100%; }
  .attribute-responses .attribute-response-panels {
    flex-direction: column; } }

.json {
  height: 100%; }
  .json form,
  .json textarea {
    color: #000;
    font-family: monospace;
    width: 100%;
    height: 100%; }
  .json.error {
    box-shadow: 0px 0px 15px #c00; }

form[type="admin/mail/test/form"] controls,
form[type="admin/mail/testMessages/form"] controls {
  padding-right: 140px; }

form[type="admin/mail/test/form"] controls,
form[type="admin/mail/test/form"] messages,
form[type="admin/mail/test/form"] actions,
form[type="admin/mail/testMessages/form"] controls,
form[type="admin/mail/testMessages/form"] messages,
form[type="admin/mail/testMessages/form"] actions {
  float: left;
  clear: none; }

form[type="admin/mail/test/form"] actions,
form[type="admin/mail/testMessages/form"] actions {
  margin-left: 20px;
  width: auto;
  position: absolute;
  bottom: 23px;
  right: 0; }

form[type="admin/mail/test/form"] > messages,
form[type="admin/mail/testMessages/form"] > messages {
  display: none; }

.mail-handlers list-view > h2 > .options {
  float: right;
  margin-top: -15px; }

.mail-handlers .mail-handler-view {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column; }

.mail-handlers .mail-handler-panels {
  flex: 1 0 auto;
  display: flex;
  flex-direction: row; }
  .mail-handlers .mail-handler-panels .panel {
    flex: 1 0 auto; }

.mail-handlers .panel > .inner > input {
  width: auto;
  margin-right: 10px; }

.mail-handlers span.regex,
.mail-handlers span.value {
  font-family: monospace; }

.mail-handlers .rules > h3 {
  margin-left: 0px;
  margin-top: 20px; }

.mail-handlers .rules > h3:first-child {
  display: none; }

.mail-handlers .panel h2 .options {
  flex-grow: 1;
  place-self: flex-end;
  text-align: right; }

.mail-handlers .panel h2 button {
  float: right;
  font-size: 12px;
  padding: 2px 12px;
  margin: -4px 0; }

.mail-handlers .panel h2 button[disabled] {
  color: #5c5e64; }

.mail-handlers .action,
.mail-handlers .rule,
.mail-handlers .actions > .value {
  margin: 20px 0 0;
  padding-left: 20px;
  border-left: 5px solid #5c5e64;
  border-top-left-radius: 5px; }
  .mail-handlers .action > h3,
  .mail-handlers .rule > h3,
  .mail-handlers .actions > .value > h3 {
    margin-bottom: 10px; }
  .mail-handlers .action h3,
  .mail-handlers .rule h3,
  .mail-handlers .actions > .value h3 {
    text-align: right;
    display: block; }
    .mail-handlers .action h3 .type,
    .mail-handlers .rule h3 .type,
    .mail-handlers .actions > .value h3 .type {
      float: left;
      font-family: monospace; }

.mail-handlers .rule:last-child,
.mail-handlers .rules > div,
.mail-handlers .action:last-child,
.mail-handlers .actions > div {
  border-bottom-left-radius: 5px; }

.mail-handlers .rules,
.mail-handlers .actions .actions {
  margin-top: -5px;
  border-left-width: 5px;
  border-bottom-left-radius: 5px;
  padding: 5px 0 0 20px;
  border-left-style: dashed;
  border-left-color: #5c5e64; }

.mail-handlers .createDocumentFromAttachment > .action,
.mail-handlers .createDocumentFromAttachment > .actions {
  border-left-color: #ccc900; }

.mail-handlers .createDocumentFromEmail > .action,
.mail-handlers .createDocumentFromEmail > .actions {
  border-left-color: #ccc900; }

.mail-handlers .createDocumentsFromAttachments > .action,
.mail-handlers .createDocumentsFromAttachments > .actions {
  border-left-color: #ccc900; }

.mail-handlers .extractImagesFromAttachments > .action,
.mail-handlers .extractImagesFromAttachments > .actions {
  border-left-color: #ccc900; }

.mail-handlers .ignoreAttachment > .action,
.mail-handlers .ignoreAttachment > .actions {
  border-left-color: #4f4e17; }

.mail-handlers .set > .action,
.mail-handlers .set > .actions {
  border-left-color: #0C83FF; }

.mail-handlers .applyAddress > .action,
.mail-handlers .applyAddress > .actions {
  border-left-color: #0c2cff; }

.mail-handlers .get > .action,
.mail-handlers .get > .actions {
  border-left-color: #2ca460; }

.mail-handlers .findCase > .action,
.mail-handlers .findCase > .actions {
  border-left-color: #2AB72A; }

.mail-handlers .createCase > .action,
.mail-handlers .createCase > .actions {
  border-left-color: #CC0000; }

.mail-handlers .updateCase > .action,
.mail-handlers .updateCase > .actions {
  border-left-color: #CC0000; }

.mail-handlers .concat > .action,
.mail-handlers .concat > .actions {
  border-left-color: #6A52F8; }

.mail-handlers .grep > .action,
.mail-handlers .grep > .actions {
  border-left-color: #E8863D; }

.mail-handlers .getMunicipality > .action,
.mail-handlers .getMunicipality > .actions,
.mail-handlers .getBagId > .action,
.mail-handlers .getBagId > .actions {
  border-left-color: #612AB7; }

.mail-handlers .actions > .value,
.mail-handlers .actions > .received-year > .action {
  border-left-color: #2ca460; }

.mail-handlers form {
  width: auto; }

.mail-handlers controls {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  flex-direction: column; }
  .mail-handlers controls control {
    flex: 0 1 auto;
    width: auto;
    display: flex;
    flex-direction: column;
    margin-right: 20px; }
    .mail-handlers controls control select {
      width: 100%; }
    .mail-handlers controls control label {
      width: auto;
      padding: 0 0 7px; }
    .mail-handlers controls control.pattern {
      flex: 1 0 auto; }
      .mail-handlers controls control.pattern textarea {
        font-family: monospace;
        background: #000;
        width: auto;
        min-height: 49px;
        height: 98px; }

.mail-handlers.attribute-responses list-navigation controls {
  flex-direction: row; }

.mail-handlers table {
  border-spacing: 0px;
  border-collapse: separate; }
  .mail-handlers table tr.selected {
    background-color: #202125; }
    .mail-handlers table tr.selected td {
      font-weight: bold; }

.letter-sections.preview {
  position: relative;
  margin: 20px 0;
  padding: 20px;
  background: #FFF; }
  .letter-sections.preview .elementOptions {
    position: absolute;
    top: -10px;
    right: -10px;
    opacity: 0;
    transition: opacity .350s ease-in-out;
    display: flex;
    height: 30px;
    overflow: hidden;
    background: #202125;
    border-radius: 5px;
    z-index: 2;
    pointer-events: none;
    user-select: none; }
    .letter-sections.preview .elementOptions span, .letter-sections.preview .elementOptions button {
      width: auto;
      float: left;
      margin: 0 10px 0 0;
      color: #CCC; }
    .letter-sections.preview .elementOptions button {
      padding: 0; }
    .letter-sections.preview .elementOptions span {
      padding: 5px 0 5px 5px;
      font-size: 12px;
      line-height: 20px; }
    .letter-sections.preview .elementOptions span.elementType {
      font-weight: bold;
      flex-grow: 1; }
    .letter-sections.preview .elementOptions svg.icon.up {
      margin-top: 7px;
      rotate: 90deg; }
    .letter-sections.preview .elementOptions svg.icon.down {
      margin-top: 7px;
      rotate: -90deg; }
    .letter-sections.preview .elementOptions svg.icon {
      width: 15px;
      height: 15px;
      fill: #CCC; }
    .letter-sections.preview .elementOptions svg.icon.visibility {
      margin-top: 4px;
      width: 20px;
      height: 20px; }
    .letter-sections.preview .elementOptions button[disabled] svg.icon {
      fill: #5c5e64; }
  .letter-sections.preview .section-element {
    position: relative; }
    .letter-sections.preview .section-element:hover > .elementOptions,
    .letter-sections.preview .section-element:hover:focus-within > .elementOptions:hover {
      opacity: 1;
      pointer-events: all; }
    .letter-sections.preview .section-element:hover:focus-within > .elementOptions {
      opacity: .5; }
    .letter-sections.preview .section-element .user-input input, .letter-sections.preview .section-element .user-input textarea {
      background-color: #f9d89a;
      box-shadow: 0 0 10px #f9d89a;
      background-clip: border-box;
      border-radius: 3px;
      color: #000; }
    .letter-sections.preview .section-element .hidden {
      opacity: .5; }
    .letter-sections.preview .section-element li::marker {
      color: #141517; }
    .letter-sections.preview .section-element p, .letter-sections.preview .section-element ul, .letter-sections.preview .section-element li, .letter-sections.preview .section-element h1, .letter-sections.preview .section-element h2, .letter-sections.preview .section-element h3, .letter-sections.preview .section-element h4, .letter-sections.preview .section-element h5, .letter-sections.preview .section-element h6 {
      color: transparent;
      position: relative;
      margin: 0; }
    .letter-sections.preview .section-element div.liquid-container {
      margin-bottom: 10px;
      min-height: 30px; }
      .letter-sections.preview .section-element div.liquid-container.liquid-animating, .letter-sections.preview .section-element div.liquid-container.liquid-animating .liquid-child {
        overflow: visible; }
    .letter-sections.preview .section-element ul {
      padding-left: 20px; }
    .letter-sections.preview .section-element input, .letter-sections.preview .section-element textarea {
      box-sizing: content-box;
      padding: 0;
      background: none;
      color: #141517;
      box-shadow: none;
      margin: -1px;
      border: 1px dashed transparent;
      border-radius: 0;
      transition: background-color .350s ease-in-out, box-shadow .350s ease-in-out; }
      .letter-sections.preview .section-element input:not([disabled]):hover, .letter-sections.preview .section-element input:not([disabled]):focus-within, .letter-sections.preview .section-element textarea:not([disabled]):hover, .letter-sections.preview .section-element textarea:not([disabled]):focus-within {
        border: 1px dashed #5c5e64;
        z-index: 1; }
    .letter-sections.preview .section-element textarea {
      position: absolute;
      height: 100%;
      resize: none;
      overflow: hidden; }
    .letter-sections.preview .section-element .icon.hidden {
      position: absolute;
      top: 6px;
      left: -20px;
      width: 18px;
      height: 18px;
      display: none;
      fill: #141517; }
    .letter-sections.preview .section-element .icon.link {
      position: absolute;
      bottom: -5px;
      right: 2px;
      width: 32px;
      height: 32px;
      fill: #141517;
      stroke: #141517;
      opacity: .5;
      transition: opacity .350s ease-in-out;
      z-index: 2;
      pointer-events: none; }
    .letter-sections.preview .section-element *:focus-within + .icon.link {
      opacity: 0; }
    .letter-sections.preview .section-element.hidden .icon.hidden,
    .letter-sections.preview .section-element div.hidden + .icon.hidden {
      display: block; }