/*! This is autogenerated file (with Webpack), the source code is <AGILOFT_GIT>/webpack/utilitycss/src/utility.scss */
@charset "UTF-8";
/*
$widescreen-enabled: false;
$fullhd-enabled: false;
*/
/* Bulma Utilities */
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.is-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.is-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}
.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 1215px) {
  .container.is-widescreen:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (max-width: 1407px) {
  .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}
@media screen and (min-width: 1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (min-width: 1408px) {
  .container:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}

/* Bulma Grid */
.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}
.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
  margin-left: 0%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-left: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.3333333333%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.6666666667%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.3333333333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.6666666667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.3333333333%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.6666666667%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.3333333333%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.6666666667%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-left: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.3333333333%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.6666666667%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.3333333333%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.6666666667%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.3333333333%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.6666666667%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.3333333333%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.6666666667%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-left: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.3333333333%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.6666666667%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.3333333333%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.6666666667%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.3333333333%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.6666666667%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.3333333333%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.6666666667%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-left: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.3333333333%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.6666666667%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.3333333333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.6666666667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.3333333333%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.6666666667%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.3333333333%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.6666666667%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-left: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.3333333333%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.6666666667%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.3333333333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.6666666667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.3333333333%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.6666666667%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.3333333333%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.6666666667%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1408px) {
  .column.is-narrow-fullhd {
    flex: none;
  }
  .column.is-full-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-fullhd {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-left: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%;
  }
  .column.is-0-fullhd {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-fullhd {
    margin-left: 0%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-fullhd {
    margin-left: 8.3333333333%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-fullhd {
    margin-left: 16.6666666667%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-left: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-fullhd {
    margin-left: 33.3333333333%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-fullhd {
    margin-left: 41.6666666667%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-left: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-fullhd {
    margin-left: 58.3333333333%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-fullhd {
    margin-left: 66.6666666667%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-left: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-fullhd {
    margin-left: 83.3333333333%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-fullhd {
    margin-left: 91.6666666667%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-left: 100%;
  }
}

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.columns:last-child {
  margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content;
}
.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}
.tile.is-child {
  margin: 0 !important;
}
.tile.is-parent {
  padding: 0.75rem;
}
.tile.is-vertical {
  flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 769px), print {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .tile.is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .tile.is-3 {
    flex: none;
    width: 25%;
  }
  .tile.is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .tile.is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .tile.is-6 {
    flex: none;
    width: 50%;
  }
  .tile.is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .tile.is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .tile.is-9 {
    flex: none;
    width: 75%;
  }
  .tile.is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .tile.is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}

/* Bulma Helpers */
.has-text-white {
  color: hsl(0, 0%, 100%) !important;
}

a.has-text-white:hover, a.has-text-white:focus {
  color: #e6e6e6 !important;
}

.has-background-white {
  background-color: hsl(0, 0%, 100%) !important;
}

.has-text-black {
  color: hsl(0, 0%, 4%) !important;
}

a.has-text-black:hover, a.has-text-black:focus {
  color: black !important;
}

.has-background-black {
  background-color: hsl(0, 0%, 4%) !important;
}

.has-text-light {
  color: hsl(0, 0%, 96%) !important;
}

a.has-text-light:hover, a.has-text-light:focus {
  color: #dbdbdb !important;
}

.has-background-light {
  background-color: hsl(0, 0%, 96%) !important;
}

.has-text-dark {
  color: hsl(0, 0%, 21%) !important;
}

a.has-text-dark:hover, a.has-text-dark:focus {
  color: #1c1c1c !important;
}

.has-background-dark {
  background-color: hsl(0, 0%, 21%) !important;
}

.has-text-primary {
  color: hsl(171, 100%, 41%) !important;
}

a.has-text-primary:hover, a.has-text-primary:focus {
  color: #009e86 !important;
}

.has-background-primary {
  background-color: hsl(171, 100%, 41%) !important;
}

.has-text-primary-light {
  color: #ebfffc !important;
}

a.has-text-primary-light:hover, a.has-text-primary-light:focus {
  color: #b8fff4 !important;
}

.has-background-primary-light {
  background-color: #ebfffc !important;
}

.has-text-primary-dark {
  color: #00947e !important;
}

a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
  color: #00c7a9 !important;
}

.has-background-primary-dark {
  background-color: #00947e !important;
}

.has-text-link {
  color: hsl(217, 71%, 53%) !important;
}

a.has-text-link:hover, a.has-text-link:focus {
  color: #205bbc !important;
}

.has-background-link {
  background-color: hsl(217, 71%, 53%) !important;
}

.has-text-link-light {
  color: #eef3fc !important;
}

a.has-text-link-light:hover, a.has-text-link-light:focus {
  color: #c2d5f5 !important;
}

.has-background-link-light {
  background-color: #eef3fc !important;
}

.has-text-link-dark {
  color: #2160c4 !important;
}

a.has-text-link-dark:hover, a.has-text-link-dark:focus {
  color: #3b79de !important;
}

.has-background-link-dark {
  background-color: #2160c4 !important;
}

.has-text-info {
  color: hsl(204, 71%, 53%) !important;
}

a.has-text-info:hover, a.has-text-info:focus {
  color: #207dbc !important;
}

.has-background-info {
  background-color: hsl(204, 71%, 53%) !important;
}

.has-text-info-light {
  color: #eef6fc !important;
}

a.has-text-info-light:hover, a.has-text-info-light:focus {
  color: #c2e0f5 !important;
}

.has-background-info-light {
  background-color: #eef6fc !important;
}

.has-text-info-dark {
  color: #1d72aa !important;
}

a.has-text-info-dark:hover, a.has-text-info-dark:focus {
  color: #248fd6 !important;
}

.has-background-info-dark {
  background-color: #1d72aa !important;
}

.has-text-success {
  color: hsl(141, 53%, 53%) !important;
}

a.has-text-success:hover, a.has-text-success:focus {
  color: #34a85c !important;
}

.has-background-success {
  background-color: hsl(141, 53%, 53%) !important;
}

.has-text-success-light {
  color: #effaf3 !important;
}

a.has-text-success-light:hover, a.has-text-success-light:focus {
  color: #c8eed6 !important;
}

.has-background-success-light {
  background-color: #effaf3 !important;
}

.has-text-success-dark {
  color: #257942 !important;
}

a.has-text-success-dark:hover, a.has-text-success-dark:focus {
  color: #31a058 !important;
}

.has-background-success-dark {
  background-color: #257942 !important;
}

.has-text-warning {
  color: hsl(48, 100%, 67%) !important;
}

a.has-text-warning:hover, a.has-text-warning:focus {
  color: #ffd324 !important;
}

.has-background-warning {
  background-color: hsl(48, 100%, 67%) !important;
}

.has-text-warning-light {
  color: #fffbeb !important;
}

a.has-text-warning-light:hover, a.has-text-warning-light:focus {
  color: #fff1b8 !important;
}

.has-background-warning-light {
  background-color: #fffbeb !important;
}

.has-text-warning-dark {
  color: #947600 !important;
}

a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
  color: #c79f00 !important;
}

.has-background-warning-dark {
  background-color: #947600 !important;
}

.has-text-danger {
  color: hsl(348, 86%, 61%) !important;
}

a.has-text-danger:hover, a.has-text-danger:focus {
  color: #ee1742 !important;
}

.has-background-danger {
  background-color: hsl(348, 86%, 61%) !important;
}

.has-text-danger-light {
  color: #feecf0 !important;
}

a.has-text-danger-light:hover, a.has-text-danger-light:focus {
  color: #fabdc9 !important;
}

.has-background-danger-light {
  background-color: #feecf0 !important;
}

.has-text-danger-dark {
  color: #cc0f35 !important;
}

a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
  color: #ee2049 !important;
}

.has-background-danger-dark {
  background-color: #cc0f35 !important;
}

.has-text-black-bis {
  color: hsl(0, 0%, 7%) !important;
}

.has-background-black-bis {
  background-color: hsl(0, 0%, 7%) !important;
}

.has-text-black-ter {
  color: hsl(0, 0%, 14%) !important;
}

.has-background-black-ter {
  background-color: hsl(0, 0%, 14%) !important;
}

.has-text-grey-darker {
  color: hsl(0, 0%, 21%) !important;
}

.has-background-grey-darker {
  background-color: hsl(0, 0%, 21%) !important;
}

.has-text-grey-dark {
  color: hsl(0, 0%, 29%) !important;
}

.has-background-grey-dark {
  background-color: hsl(0, 0%, 29%) !important;
}

.has-text-grey {
  color: hsl(0, 0%, 48%) !important;
}

.has-background-grey {
  background-color: hsl(0, 0%, 48%) !important;
}

.has-text-grey-light {
  color: hsl(0, 0%, 71%) !important;
}

.has-background-grey-light {
  background-color: hsl(0, 0%, 71%) !important;
}

.has-text-grey-lighter {
  color: hsl(0, 0%, 86%) !important;
}

.has-background-grey-lighter {
  background-color: hsl(0, 0%, 86%) !important;
}

.has-text-white-ter {
  color: hsl(0, 0%, 96%) !important;
}

.has-background-white-ter {
  background-color: hsl(0, 0%, 96%) !important;
}

.has-text-white-bis {
  color: hsl(0, 0%, 98%) !important;
}

.has-background-white-bis {
  background-color: hsl(0, 0%, 98%) !important;
}

.is-flex-direction-row {
  flex-direction: row !important;
}

.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.is-flex-direction-column {
  flex-direction: column !important;
}

.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

.is-flex-wrap-wrap {
  flex-wrap: wrap !important;
}

.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.is-justify-content-flex-start {
  justify-content: flex-start !important;
}

.is-justify-content-flex-end {
  justify-content: flex-end !important;
}

.is-justify-content-center {
  justify-content: center !important;
}

.is-justify-content-space-between {
  justify-content: space-between !important;
}

.is-justify-content-space-around {
  justify-content: space-around !important;
}

.is-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.is-justify-content-start {
  justify-content: start !important;
}

.is-justify-content-end {
  justify-content: end !important;
}

.is-justify-content-left {
  justify-content: left !important;
}

.is-justify-content-right {
  justify-content: right !important;
}

.is-align-content-flex-start {
  align-content: flex-start !important;
}

.is-align-content-flex-end {
  align-content: flex-end !important;
}

.is-align-content-center {
  align-content: center !important;
}

.is-align-content-space-between {
  align-content: space-between !important;
}

.is-align-content-space-around {
  align-content: space-around !important;
}

.is-align-content-space-evenly {
  align-content: space-evenly !important;
}

.is-align-content-stretch {
  align-content: stretch !important;
}

.is-align-content-start {
  align-content: start !important;
}

.is-align-content-end {
  align-content: end !important;
}

.is-align-content-baseline {
  align-content: baseline !important;
}

.is-align-items-stretch {
  align-items: stretch !important;
}

.is-align-items-flex-start {
  align-items: flex-start !important;
}

.is-align-items-flex-end {
  align-items: flex-end !important;
}

.is-align-items-center {
  align-items: center !important;
}

.is-align-items-baseline {
  align-items: baseline !important;
}

.is-align-items-start {
  align-items: start !important;
}

.is-align-items-end {
  align-items: end !important;
}

.is-align-items-self-start {
  align-items: self-start !important;
}

.is-align-items-self-end {
  align-items: self-end !important;
}

.is-align-self-auto {
  align-self: auto !important;
}

.is-align-self-flex-start {
  align-self: flex-start !important;
}

.is-align-self-flex-end {
  align-self: flex-end !important;
}

.is-align-self-center {
  align-self: center !important;
}

.is-align-self-baseline {
  align-self: baseline !important;
}

.is-align-self-stretch {
  align-self: stretch !important;
}

.is-flex-grow-0 {
  flex-grow: 0 !important;
}

.is-flex-grow-1 {
  flex-grow: 1 !important;
}

.is-flex-grow-2 {
  flex-grow: 2 !important;
}

.is-flex-grow-3 {
  flex-grow: 3 !important;
}

.is-flex-grow-4 {
  flex-grow: 4 !important;
}

.is-flex-grow-5 {
  flex-grow: 5 !important;
}

.is-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.is-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.is-flex-shrink-2 {
  flex-shrink: 2 !important;
}

.is-flex-shrink-3 {
  flex-shrink: 3 !important;
}

.is-flex-shrink-4 {
  flex-shrink: 4 !important;
}

.is-flex-shrink-5 {
  flex-shrink: 5 !important;
}

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

.is-pulled-left {
  float: left !important;
}

.is-pulled-right {
  float: right !important;
}

.is-radiusless {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: none !important;
}

.is-clickable {
  cursor: pointer !important;
}

.is-clipped {
  overflow: hidden !important;
}

.is-relative {
  position: relative !important;
}

.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5 {
  margin-top: 1.5rem !important;
}

.mr-5 {
  margin-right: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5 {
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5 {
  padding-top: 1.5rem !important;
}

.pr-5 {
  padding-right: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5 {
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.is-size-1 {
  font-size: 3rem !important;
}

.is-size-2 {
  font-size: 2.5rem !important;
}

.is-size-3 {
  font-size: 2rem !important;
}

.is-size-4 {
  font-size: 1.5rem !important;
}

.is-size-5 {
  font-size: 1.25rem !important;
}

.is-size-6 {
  font-size: 1rem !important;
}

.is-size-7 {
  font-size: 0.75rem !important;
}

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }
  .is-size-2-mobile {
    font-size: 2.5rem !important;
  }
  .is-size-3-mobile {
    font-size: 2rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.5rem !important;
  }
  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }
  .is-size-6-mobile {
    font-size: 1rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important;
  }
  .is-size-2-tablet {
    font-size: 2.5rem !important;
  }
  .is-size-3-tablet {
    font-size: 2rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.5rem !important;
  }
  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }
  .is-size-6-tablet {
    font-size: 1rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important;
  }
  .is-size-2-touch {
    font-size: 2.5rem !important;
  }
  .is-size-3-touch {
    font-size: 2rem !important;
  }
  .is-size-4-touch {
    font-size: 1.5rem !important;
  }
  .is-size-5-touch {
    font-size: 1.25rem !important;
  }
  .is-size-6-touch {
    font-size: 1rem !important;
  }
  .is-size-7-touch {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important;
  }
  .is-size-2-desktop {
    font-size: 2.5rem !important;
  }
  .is-size-3-desktop {
    font-size: 2rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.5rem !important;
  }
  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }
  .is-size-6-desktop {
    font-size: 1rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important;
  }
  .is-size-2-widescreen {
    font-size: 2.5rem !important;
  }
  .is-size-3-widescreen {
    font-size: 2rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.5rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }
  .is-size-6-widescreen {
    font-size: 1rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important;
  }
  .is-size-2-fullhd {
    font-size: 2.5rem !important;
  }
  .is-size-3-fullhd {
    font-size: 2rem !important;
  }
  .is-size-4-fullhd {
    font-size: 1.5rem !important;
  }
  .is-size-5-fullhd {
    font-size: 1.25rem !important;
  }
  .is-size-6-fullhd {
    font-size: 1rem !important;
  }
  .is-size-7-fullhd {
    font-size: 0.75rem !important;
  }
}
.has-text-centered {
  text-align: center !important;
}

.has-text-justified {
  text-align: justify !important;
}

.has-text-left {
  text-align: left !important;
}

.has-text-right {
  text-align: right !important;
}

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-centered-fullhd {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-left-fullhd {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-right-fullhd {
    text-align: right !important;
  }
}
.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

.has-text-weight-normal {
  font-weight: 400 !important;
}

.has-text-weight-medium {
  font-weight: 500 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

.has-text-weight-bold {
  font-weight: 700 !important;
}

.is-family-primary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-sans-serif {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-monospace {
  font-family: monospace !important;
}

.is-family-code {
  font-family: monospace !important;
}

.is-block {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-block-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-block-touch {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-block-desktop {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-block-desktop-only {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-block-widescreen {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-block-widescreen-only {
    display: block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-block-fullhd {
    display: block !important;
  }
}
.is-flex, .custom-filter-boxes-wrapper {
  display: flex !important;
}

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-flex-touch {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-flex-desktop {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-flex-widescreen-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-flex-fullhd {
    display: flex !important;
  }
}
.is-inline {
  display: inline !important;
}

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-touch {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-desktop {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-widescreen {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-widescreen-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-fullhd {
    display: inline !important;
  }
}
.is-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-block-fullhd {
    display: inline-block !important;
  }
}
.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important;
  }
}
.is-hidden {
  display: none !important;
}

.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-hidden-widescreen-only {
    display: none !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-hidden-fullhd {
    display: none !important;
  }
}
.is-invisible {
  visibility: hidden !important;
}

@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-invisible-touch {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-invisible-fullhd {
    visibility: hidden !important;
  }
}
.section {
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 1024px) {
  .section.is-medium {
    padding: 9rem 1.5rem;
  }
  .section.is-large {
    padding: 18rem 1.5rem;
  }
}

/*
 * Defines styles for topdialog.js
 *
 */
/* Inherited from dialog-polifyll.js */
dialog {
  position: absolute;
  left: 0;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  margin: auto;
  order: solid;
  padding: 1em;
  background: white;
  color: black;
  display: block;
}

dialog:not([open]) {
  display: none;
}

/*
dialog+.backdrop{
    position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5)
}
*/
._dialog_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}

/* Spinner is 3 rotating dots indicating page loading */
.lds-ellipsis {
  display: inline-block;
  position: relative;
  min-width: 80px;
  height: 12px;
}
.lds-ellipsis div {
  position: absolute;
  top: 0px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
/* Default colors */
/* Styles for resizing a dialog */
/*** resize marker size */
/* how thick is the marker */
/* a transparent area around corner marker that also act as resizer */
/* a transparent area around borders that act as resizer */
/* resize marker color when dialog is hover */
/* active resize marker color, i.e. when one can resize */
dialog > .dialog-resize-br {
  z-index: -1;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -23px;
  right: -23px;
  cursor: nwse-resize;
  opacity: 0;
}
dialog > .dialog-resize-br > .dialog-resize-br-marker {
  width: 20px;
  height: 20px;
  background-color: rgb(0, 73, 139);
  border-radius: 0 5px 0 5px;
}
dialog > .dialog-resize-br > .dialog-resize-br-marker:hover {
  background-color: rgb(0, 112, 212);
}
dialog > .dialog-resize-br:hover {
  opacity: 1;
}
dialog > .dialog-resize-br:hover > .dialog-resize-br-marker {
  background-color: rgb(0, 112, 212);
}
dialog > .dialog-resize-bl {
  z-index: -1;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -23px;
  left: -23px;
  cursor: nesw-resize;
  opacity: 0;
}
dialog > .dialog-resize-tr {
  z-index: -1;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -23px;
  right: -23px;
  cursor: nesw-resize;
  opacity: 0;
}
dialog > .dialog-resize-tl {
  z-index: -1;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -23px;
  left: -23px;
  cursor: nwse-resize;
  opacity: 0;
}
dialog > .dialog-resize-ml {
  z-index: -1;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -4px;
  cursor: ew-resize;
  opacity: 0;
}
dialog > .dialog-resize-mr {
  z-index: -1;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -4px;
  cursor: ew-resize;
  opacity: 0;
}
dialog > .dialog-resize-bm {
  z-index: -1;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  cursor: ns-resize;
  opacity: 0;
}
dialog > .dialog-resize-tm {
  z-index: -1;
  width: 100%;
  height: 4px;
  position: absolute;
  top: -4px;
  left: 0;
  cursor: ns-resize;
  opacity: 0;
}
dialog:hover > .dialog-resize-br {
  opacity: 1;
}

dialog[role=topdialog] {
  width: 95%;
  height: 90%;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  position: absolute;
}

dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}

dialog {
  max-width: 95%;
  max-height: 95%;
}
dialog + .backdrop {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
dialog nav {
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #00498b;
  color: #fff;
  height: 2em;
  min-height: 30px;
}
dialog nav > .dialogtabs {
  height: 100%;
  padding-right: 5em;
  padding-left: 1.2em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  flex-grow: 1;
}
dialog nav > .dialogtabs > .dialogtab:not(:only-child) {
  border-radius: 6px 6px 0 0;
  margin: 0 0.2em;
  height: 100%;
  align-items: center;
}
dialog nav > .dialogtabs > .dialogtab:not(:only-child):not(.active) {
  flex: 0 3 2em;
  overflow: hidden;
  border: 1px solid #fff;
  opacity: 0.8;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-width: 1em;
}
dialog nav > .dialogtabs > .dialogtab.active {
  display: flex;
  overflow: hidden;
}
dialog nav > .dialogtabs > .dialogtab.active > .crumb {
  flex: 0 5 auto;
  padding-left: 0.2em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-width: 0em;
}
dialog nav > .dialogtabs > .dialogtab.active > .crumb.active {
  min-width: 2.5em;
  flex: 7 1 auto;
}
dialog nav > .dialogtabs > .dialogtab.active > .crumb:not(:first-child):before {
  content: " > ";
}
dialog nav > .dialogtabs > .dialogtab.active > .crumb:not(:last-child):hover {
  text-decoration: underline;
  cursor: pointer;
}
dialog nav > .dialogbuttons {
  width: 5em;
  height: 2em;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
dialog nav > .dialogbuttons > .svgButton {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
}
dialog nav > .dialogbuttons > .svgButton > svg {
  width: 18px;
  height: 18px;
}
dialog nav > .dialogbuttons > .xbutton {
  order: 1;
  display: block;
  width: 24px;
  height: 24px;
}
dialog nav > .dialogbuttons > .xbutton:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 2px;
  top: 10px;
}
dialog nav > .dialogbuttons > .xbutton:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 2px;
  top: 7px;
}
dialog nav > .dialogbuttons > .maximizeButton {
  order: 2;
}
dialog nav > .dialogbuttons > .popoutButton {
  order: 3;
}
dialog > .tabbed {
  padding: 0;
  border: 0;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  background-color: #fff;
}
dialog > .tabbed > .tabwindow {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column;
  height: 100%;
  overflow: hidden;
}
dialog > .tabbed > .tabwindow > .ifrWrapper {
  flex-flow: column;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  display: flex;
}
dialog > .tabbed > .tabwindow > .ifrWrapper.minimized {
  position: absolute;
  top: 0;
  left: 0;
}
dialog > .tabbed > .tabwindow > .ifrWrapper > .focusLocker {
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  margin: 0;
}
dialog > .tabbed > .tabwindow > .ifrWrapper > iframe {
  height: 100%;
  border: 0;
  width: 100%;
}
dialog.minimized {
  top: -3000px;
  left: -3000px;
  display: block;
}
dialog.minimized nav {
  display: none;
}
dialog.minimized + .backdrop {
  display: none;
}

dialog nav > .dialogbuttons > .svgButton, dialog nav > .dialogbuttons > .xbutton {
  top: 5px;
  cursor: pointer;
  transition: background-color 0.1s;
  border-radius: 6px;
}

dialog nav > .dialogbuttons > .xbutton:before, dialog nav > .dialogbuttons > .xbutton:after {
  content: "";
  position: relative;
  display: block;
  width: 20px;
  height: 3px;
  background-color: #fff;
}

dialog > .tabbed > .tabwindow > .ifrWrapper.minimized {
  width: 0;
  height: 0;
}

.ui-dialog {
  z-index: 999999 !important;
}

.reset-border-width, .reset-btn, .reset-input {
  border-width: 0;
}

.reset-border-radius {
  border-radius: 0;
}

.reset-btn, .reset-input {
  padding: 0;
}

.reset-a {
  color: initial !important;
  text-decoration: none !important;
}

.base-a {
  text-decoration: none;
}

.base-a:hover {
  text-decoration: underline;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.25s;
}

.fade-enter-from, .fade-leave-to {
  opacity: 0;
}

.btn-transition {
  transition: background-color 0.1s ease-out, border-color 0.1s ease-out, color 0.1s ease-out;
}

.accordion-enter-active,
.accordion-leave-active {
  transition: all 0.25s;
  max-height: 250px;
}

.accordion-enter-from,
.accordion-leave-to {
  opacity: 0;
  max-height: 0;
}

/** for collapsible panes base component**/
.collapsible {
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  overflow: hidden;
}

.collapsed {
  height: 0px !important;
}

.circle-loader {
  height: 25px;
  width: 25px;
  color: rgba(187, 204, 221, 0.3);
  position: relative;
  display: inline-block;
  border: 5px solid;
  border-radius: 50%;
  border-right-color: #bbccdd;
  animation: rotate 1s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* 
** Check for Bulma first before adding new rules
** 1. Layout
** 2. Position
** 3. Padding & Margin
** 4. Width & Height
** 5. Typography
** 6. Colors and Backgrounds
** 7. Borders
** 8. Other
*/
/* 1. Layout */
.is-table {
  display: table;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.hidden {
  display: none;
}

.d-webkit-box {
  display: -webkit-box;
}

.z-index--10 {
  z-index: -10;
}

.z-index-2 {
  z-index: 2;
}

/* 2. Position */
.margin-left-auto {
  margin-left: auto;
}

.m-auto {
  margin: auto;
}

.mx-auto {
  margin: 0 auto;
}

.p-fixed {
  position: fixed;
}

.p-absolute {
  position: absolute;
}

.p-relative {
  position: relative;
}

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

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

/* 3. Padding & Margin */
.py-15 {
  padding-top: 0.35rem !important;
  padding-bottom: 0.35rem !important;
}

/* 4. Width & Height */
.is-min-content {
  height: min-content;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.min-w-5 {
  min-width: 5%;
}

.max-w-95 {
  max-width: 95%;
}

.w-0 {
  width: 0 !important;
}

.w-25 {
  width: 25%;
}

.width-fit {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

/* 5. Typography */
.is-family-segoe-ui {
  font-family: "Segoe UI", Carlito, Calibri, BlinkMacSystemFont, -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.is-family-open-sans {
  font-family: "Open Sans", "Segoe UI", Carlito, Calibri, BlinkMacSystemFont, -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.truncateText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.w-space-no-wrap {
  white-space: nowrap;
}

.has-nowrap {
  white-space: nowrap;
}

.has-wrap {
  white-space: break-spaces;
}

.has-pre-wrap {
  white-space: pre-wrap;
}

.has-wrap-anywhere {
  overflow-wrap: anywhere;
}

.line-height-1 {
  line-height: 1.5;
}

.font-size-inherited {
  font-size: inherit;
}

/* 6. Colors and Backgrounds */
.color-custom-gray {
  color: #7A7A7A;
}

.color-custom-dark-gray {
  color: #5C5C5C;
}

.color-custom-dark-blue {
  color: #00498B !important;
}

.color-custom-blue {
  color: #0F2945;
}

.color-custom-light-blue {
  color: #006DCC;
}

.color-custom-red {
  color: #A4262C;
}

.color-custom-grey {
  color: #605E5C;
}

.color-custom-gray-v2 {
  color: #323130 !important;
}

.color-custom-gray-v3 {
  color: #616161 !important;
}

.color-white {
  color: white !important;
}

.color-custom-green {
  color: #5CAB5F !important;
}

.background-white {
  background-color: white !important;
}

.background-light-yellow {
  background: #FBFCE7;
}

.bg-transparent, .reset-btn, .reset-input {
  background-color: transparent;
}

.bg-al-light-blue {
  background-color: #C5D5E1 !important;
}

.bg-light-black {
  background-color: #333 !important;
}

.bg-yellow {
  background-color: #FFF59D !important;
}

.bg-light-yellow {
  background-color: #FEFFF1 !important;
}

.bg-electric-blue {
  background-color: #C1FFFF;
}

.bg-custom-dark-blue {
  background-color: #00498B !important;
}

.bg-custom-light-blue {
  background-color: #006DCC;
}

.bg-custom-blue {
  background-color: #112E50;
}

.background-light-blue {
  background-color: #DFEAF9 !important;
}

.newGui-background-blue-light {
  background-color: #EFF6FC !important;
}

.bg-custom-light-green {
  background: #E7F8D1 !important;
}

.bg-custom-light-red {
  background: #FFE9ED !important;
}

.bg-custom-medium-red {
  background: rgba(245, 135, 145, 0.2) !important;
}

.bg-custom-light-gray {
  background: #EBE8E8 !important;
}

.hr-bg-custom-light-gray {
  background: #EDEBE9 !important;
  height: 1px;
  border: none;
}

.bg-custom-light-gray-v2 {
  background: #FAF9F8 !important;
}

.bg-custom-light-gray-v3 {
  background: #F8F8F8 !important;
}

.bg-custom-light-yellow {
  background: #FBF6D9 !important;
}

.bg-custom-gray {
  background: #e3e3e3 !important;
}

.bg-custom-gray-hover:hover {
  background: #e3e3e3 !important;
}

.bg-custom-light-blue-hover:hover {
  background: #EFF6FC !important;
}

/* 7. Borders */
.border-light-gray, .control-wrapper {
  border-color: #DADADA !important;
}

.border-custom-gray {
  border-color: #8A8886 !important;
}

.border-custom-light-gray {
  border-color: #EDEBE9 !important;
}

.border-custom-very-light-gray {
  border-color: #E0E0E0 !important;
}

.border-accent-blue {
  border-color: #3DB2FF !important;
}

.border-custom-red {
  border-color: #A4262C !important;
}

.border-custom-teal {
  border-color: #00ACC1 !important;
}

.border-custom-light-yellow {
  border-color: #FBC02D !important;
}

.rounded {
  border-radius: 5px;
}

.rounded-md {
  border-radius: 10px;
}

.rounded-lg {
  border-radius: 15px;
}

.rounded-xlg {
  border-radius: 20px;
}

.border-ellipse {
  border-radius: 100%;
}

.has-border-0 {
  border: none;
}

.border-width-1 {
  border-width: 1px;
}

.border-r-w-0 {
  border-right-width: 0;
}

.border-r-w-1 {
  border-right-width: 1px;
}

.border-l-w-1 {
  border-left-width: 1px;
}

.border-t-w-1 {
  border-top-width: 1px;
}

.border-t-w-0 {
  border-top-width: 0 !important;
}

.border-b-w-0 {
  border-bottom-width: 0 !important;
}

.border-b-w-1 {
  border-bottom-width: 1px;
}

.border-b-w-2 {
  border-bottom-width: 2px;
}

.border-r-1 {
  border-right: 1px solid;
}

.border-style-solid, .control-wrapper {
  border-style: solid;
}

.border-solid {
  border: solid 1px;
}

.border-dashed {
  border: dashed 1px;
}

.border-radius-3 {
  border-radius: 3px;
}

.border-radius-bottom-3 {
  border-radius: 0 0 3px 3px;
}

.border-radius-4 {
  border-radius: 4px;
}

.border-radius-5, .control-wrapper {
  border-radius: 5px;
}

.border-radius-right-5 {
  border-radius: 0 5px 5px 0;
}

.border-radius-left-5 {
  border-radius: 5px 0 0 5px;
}

/* 8. Other */
.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
  filter: grayscale(1);
}

A > S {
  filter: grayscale(100%);
  opacity: 0.5;
  pointer-events: none;
  text-decoration: none;
}

.hidden-functional-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hidden-functional-scrollbar::-webkit-scrollbar {
  display: none;
}

.arrowedHint {
  font-family: "Segoe UI", Calibri, Carlito !important;
  font-size: 12px !important;
  color: #fff !important;
  font-weight: 400;
  border-radius: 2px;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.3764705882);
  pointer-events: none;
}

.hintTopArrow::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: var(--hint-arrow-left);
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #333 transparent;
}

.hintBottomArrow::after {
  content: "";
  position: absolute;
  top: 100%;
  left: var(--hint-arrow-left);
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.gap-4 {
  gap: 4px;
}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.gap-32 {
  gap: 32px;
}

.flex-1 {
  flex: 1;
}

.card {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1215686275), 0px 1px 2px 0px rgba(0, 0, 0, 0.1411764706);
}

.dd-shadow {
  box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
}

.has-line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.textarea-resize-none {
  resize: none;
}

[v-cloak] {
  display: none;
}

.switch-wrapper .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

.switch-wrapper .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-wrapper .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid black;
  background-color: white;
  transition: 0.4s;
}

.switch-wrapper .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 3px;
  background-color: black;
  transition: 0.4s;
}

.switch-wrapper input:checked + .slider {
  background-color: #0078D4;
  border: none;
}

.switch-wrapper input:checked + .slider:before {
  background-color: white;
}

.switch-wrapper input:focus + .slider {
  box-shadow: 0 0 0 4px rgba(21, 156, 228, 0.7);
  outline: none;
}

.switch-wrapper input:checked + .slider:before {
  transform: translateX(20px);
  bottom: 4px;
}

.switch-wrapper .slider.round {
  border-radius: 34px;
}

.switch-wrapper .slider.round:before {
  border-radius: 50%;
}

.counter-display {
  margin-top: -1em;
  margin-left: 0.5em;
}
.counter-display span {
  background-color: #005a9e;
  color: white;
  border-radius: 10px;
  padding: 2px 6px;
  font-size: 10px;
}

/*
** Rules applied to common Agiloft UI elements like Icons, Scrollbars, etc.
**
** Use helpers.scss for utility rules instead and specific scss files for complex UI components.
** Add rules there as a last resort only.
*/
.customScrolls::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  pointer: cursor;
}

.customScrolls::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0 2px #FFFFFF;
  border-radius: 2px;
  background-color: #DCDCDC;
}

.customScrolls::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid #B1B1B1;
}

.customScrolls::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid #AAAAAA;
}

.customScrolls::-webkit-scrollbar-thumb:window-inactive {
  background-color: rgba(255, 255, 255, 0.8);
}

.customScrolls.sm::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.customScrolls.lg::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

.customScrolls.thin {
  scrollbar-width: thin;
}

.icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.icon.xxlg {
  width: 44px;
  height: 44px;
}

.icon.xlg {
  width: 36px;
  height: 36px;
}

.icon.lg {
  width: 28px;
  height: 28px;
}

.icon.sm {
  width: 20px;
  height: 20px;
}

.icon.msm {
  width: 18px;
  height: 18px;
}

.icon.xs {
  width: 16px;
  height: 16px;
}

.icon.mxs {
  width: 14px;
  height: 14px;
}

.icon.xxs {
  width: 12px;
  height: 12px;
}

.icon.xxxs {
  width: 8px;
  height: 8px;
}

.icon.gray {
  color: #777;
}

.icon.light-gray {
  color: #aaa;
}

.verticallyCenteredIcon {
  vertical-align: middle;
  display: inline;
}

.splitWizardInput {
  font-family: "Segoe UI", Calibri, Carlito !important;
  color: #323130 !important;
  font-size: 14px !important;
  border: 1px solid #323130 !important;
  border-radius: 2px !important;
  padding: 7px 9px !important;
}

.splitWizardSelect {
  border-style: solid !important;
  border-color: black !important;
}

.splitWizardCheckbox {
  accent-color: #0078D4;
  width: 18px;
  height: 18px;
  margin-right: 0.25rem !important;
}

.splitWizardSelect option {
  padding: 4px 13px !important;
}

.wizardScrollbar::-webkit-scrollbar {
  width: 14px;
}

.wizardScrollbar::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: #605E5C;
  border: 5px solid transparent;
  border-radius: 10px;
  background-clip: content-box;
}

.greyScrollbar::-webkit-scrollbar-thumb {
  background-color: #D9D9D9 !important;
}

.greyScrollbar::-webkit-scrollbar-track {
  background: white !important;
}

.darkGreyScrollbar::-webkit-scrollbar {
  width: 16px;
}

.darkGreyScrollbar::-webkit-scrollbar-thumb {
  background-color: #A4A4A4 !important;
}

.darkGreyScrollbar::-webkit-scrollbar-track {
  background: white !important;
}

.wizardScrollbar::-webkit-scrollbar-track {
  background: rgba(96, 94, 92, 0.2);
}

.wizardbutton:disabled, .navbutton:disabled, .wizardinput:disabled {
  opacity: 0.5;
  cursor: default;
  filter: grayscale(1);
}

.TableViewEditPopup:empty {
  opacity: 0;
}

.is-split-view .regularRow {
  cursor: pointer;
}

.wizardHeader td > img {
  vertical-align: middle;
}

.split-view-spacing {
  padding: 0 !important;
  margin: 0 !important;
}

.th-resizer {
  position: absolute;
  height: 100%;
  width: 0;
  top: 0;
  right: 0;
  cursor: col-resize;
  user-select: none;
  background: #b0b0b0;
  transition: width 0.1s;
  left: unset !important;
}

.th-resizer-hover {
  width: 3px !important;
}

/* Chrome, Safari, Edge, Opera */
.input-number-hide-arrows::-webkit-outer-spin-button,
.input-number-hide-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.input-number-hide-arrows[type=number] {
  -moz-appearance: textfield;
}

.wizardinput.custom-select-dropdown {
  float: left;
  width: 90px;
  cursor: default;
  max-width: 90%;
  border: 0px;
  background-image: url(/ui/gif/icon-chevron-down.png);
  background-repeat: no-repeat;
  background-position: right center;
}

.fieldGroup-input-btn {
  width: fit-content;
  box-sizing: border-box;
  border: 1px solid #616161;
  border-radius: 4px;
  background: rgb(255, 255, 255);
  cursor: text;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.fieldGroup-input-btn button {
  background-color: transparent;
}

.control-wrapper {
  overflow: visible !important;
}

.custom-select {
  position: relative;
}

.custom-select select {
  display: none;
}

.custom-select.wizardinput {
  padding: 6px;
}

.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
}

.select-selected.select-arrow-active:after {
  top: 7px;
}

.select-items div,
.select-selected {
  padding: 8px 28px;
  margin-bottom: 6px;
  cursor: pointer;
  border-radius: 6px;
}

.select-items {
  font-size: 12px;
  position: absolute;
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 5px;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  padding: 6px 6px 0px 6px;
  width: 120px !important;
  max-width: 90%;
}

.select-hide {
  display: none;
}

.select-items div:hover {
  background-color: #ddd;
}

.same-as-selected {
  color: #fff;
  background-color: #3B9FFA;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' style='position: absolute; width: 0; height: 0; overflow: hidden;' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='-10 -8 30 30'%3E%3Cpath fill='%23fff' d='M1.90416 6.11971C1.65179 5.8675 1.24261 5.8675 0.990243 6.11971C0.737871 6.37192 0.737871 6.78084 0.990243 7.03306L4.86767 10.9081C5.12004 11.1603 5.52922 11.1603 5.78159 10.9081L15.2597 1.43583C15.5121 1.18362 15.5121 0.774702 15.2597 0.522488C15.0074 0.270275 14.5982 0.270275 14.3458 0.522488L5.32463 9.53804L1.90416 6.11971Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
}

.tree-lines {
  margin: 0;
  color: gray;
  border-left: 1px solid #9CAAC1;
  position: absolute;
}

.child-lines {
  margin: 0;
  color: gray;
  position: absolute;
  border-left: 1px solid #9CAAC1;
  border-bottom: 1px solid #9CAAC1;
  width: 1rem;
  height: 1rem;
  border-bottom-left-radius: 0.75rem;
}

.modal-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  padding: 16px;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.36);
}

.modal-footer > .navbutton {
  margin-right: 8px;
}

.flex-center {
  align-items: center;
  -ms-flex-align: center;
  webkit-box-align: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
}

DIV.cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: #c0c0c0;
  opacity: 0.3;
}
DIV.cover.white {
  background-color: #ffffff;
  opacity: 0.85;
}

.blink {
  animation: blink 2s linear infinite;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.mini-menu-item {
  background-color: #FFF;
  color: #424242;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  cursor: pointer;
}

.mini-menu-item:hover, .mini-menu-item.selected {
  background-color: #F5F5F5;
}

.mini-menu-item.disabledItem {
  cursor: not-allowed;
  opacity: 0.3;
}

.mention-menu-item {
  font-size: 14px;
  color: #201F1E;
  padding: 0.5rem;
  cursor: pointer;
}

.mention-menu-item:hover,
.mention-menu-item[aria-selected=true] {
  background-color: #F3F2F1;
}

.mentionTextArea {
  background-color: #FFF;
  position: relative;
  color: #242424;
  height: 50px;
  overflow: auto;
  font-size: 14px;
  border: 1px solid #efefef;
  border-bottom-color: #929292 !important;
  border-radius: 4px;
  padding: 6px 9px;
  outline: none;
}
.mentionTextArea:hover {
  cursor: text;
}
.mentionTextArea[placeholder]:empty:before {
  content: attr(placeholder);
  color: #767676;
}
.mentionTextArea:not([disabled]):not([error]):active, .mentionTextArea:not([disabled]):not([error]):focus-within {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px -2px 0px #036ac4 inset;
  transition: all 300ms cubic-bezier(0.1, 0.9, 0.2, 1) 0s;
}
.mentionTextArea[disabled], .mentionTextArea[disabled] .mentionChip {
  color: #BDBDBD !important;
  cursor: default;
}
.mentionTextArea.single-line {
  height: auto;
  max-height: 50px;
  overflow-x: hidden;
}
.mentionTextArea mark {
  background: transparent;
}

.mentionTextAreaPlain {
  background: #FFF;
  padding: 4px;
  border: 1px solid #000;
  font-size: 14px;
  overflow: auto;
  height: 50px;
  max-height: 50px;
  border-radius: 0;
  outline: none;
  cursor: text;
}

.mentionChip {
  display: inline-block;
  word-wrap: break-word;
  word-wrap: break-word;
  color: #0078D4;
  font-size: 14px;
  border: none;
  cursor: default;
}

.blueButton {
  border: none;
  background: transparent;
  padding: 5px 12px;
  font-weight: 600;
  font-size: 14px;
  border-radius: 4px;
  height: 29px;
}

.blueButton:not(:disabled):hover, .blueButton:not(:disabled):active, .blueButton:not(:disabled):focus {
  background: #106EBE;
  color: #FFF;
}

.fluentButton {
  font-family: "Segoe UI", Carlito, Calibri, BlinkMacSystemFont, -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  background: #FFF !important;
  color: #FFF;
  border-radius: 2px !important;
  padding: 6px 20px !important;
  font-size: 14px !important;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}

.fluentButton:focus {
  border: 2px solid black;
}

.fluentButton.primary {
  background: #0078D4 !important;
  border: none !important;
}

.fluentButton.primary:hover {
  background: #115EA3 !important;
}

.fluentButton.primary:active {
  background: #0C3B5E !important;
}

.fluentButton.secondary {
  color: #201F1E;
  border: 1px solid #8A8886 !important;
}

.fluentButton.secondary:hover {
  background: #F5F5F5 !important;
}

.fluentButton.secondary:active {
  background: #E0E0E0 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.al-triangle {
  position: absolute;
  width: 0;
  height: 0;
}

.al-triangle-left-right, .al-triangle-left, .al-triangle-right {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.al-triangle-left-right div, .al-triangle-left div, .al-triangle-right div {
  position: relative;
  top: -14px;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
}

.al-triangle-right {
  border-left: 15px solid #C4C4C4;
}
.al-triangle-right div {
  border-left: 14px solid white;
}

.al-triangle-left {
  border-right: 15px solid #C4C4C4;
}
.al-triangle-left div {
  border-right: 14px solid white;
}

.al-triangle-corner-bottom {
  bottom: 3px;
}

.al-triangle-corner-right {
  right: -15px;
}
.al-triangle-corner-right div {
  left: -16px;
}

.al-triangle-corner-top {
  top: 3px;
}

.al-triangle-corner-left {
  left: -15px;
}
.al-triangle-corner-left div {
  right: -2px;
}

.menu-container {
  position: absolute;
  top: 0;
  left: 0;
}

.menu-panel {
  position: absolute;
  border: solid black 1px;
  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.25);
  background-color: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
  padding: 4px 0;
  border-radius: 5px;
  overflow: hidden;
  opacity: 0.1;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.menu-panel.hidden {
  display: none;
}

.menu-panel .item {
  padding: 2px;
  display: flex;
  transition: background-color 0.15s;
  flex-direction: row;
  text-overflow: ellipsis;
  box-sizing: border-box;
  align-items: center;
}

.menu-panel .separator, .bento-menu .separator, .geniusResult .separator {
  border-top: solid rgba(0, 0, 0, 0.2) 1px;
  line-height: 1%;
  margin: 0.2em 3px;
}

.menu-panel .item.disabled {
  opacity: 0.5;
}

.menu-panel .item > div, .menu-panel .item > a {
  white-space: nowrap;
  padding: 3px;
  display: block;
}

.menu-panel .item > div img:first-child {
  margin-right: 3px;
}

.menu-panel .item > div.label {
  flex-grow: 1;
  margin-right: 12px;
  display: inline-flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.menu-panel.overflow .item > div.label .text {
  overflow: hidden;
}

.menu-panel .item > div.label .text {
  text-overflow: ellipsis;
}

.menu-panel .item > div.sel {
  visibility: hidden;
}

.menu-panel .item.checked > div:first-child {
  visibility: visible;
}

.menu-panel .item:focus-within {
  background-color: #E1EEFD;
  color: #1977CA;
}

.menu-panel .item:focus-within * {
  outline: none;
}

.menu-panel .shortcut-label {
  font-size: 85%;
  align-self: center;
  opacity: 0.7;
}

.menu-panel .label .pinned {
  font-size: 85%;
  opacity: 0.9;
  filter: grayscale(1);
}

/* top navigation bar drop-down menu */
.menu-panel > .item > div.shortcut-label {
  padding-right: 5px;
  padding-left: 15px;
}

.navigation-menu .separatorText {
  margin-top: 0.2em;
}

.menu-panel > .item.separatorText:hover {
  background-color: transparent;
  color: inherit;
}

.navigation-menu .separatorText .innerText {
  line-height: 120%;
  font-size: 105%;
  font-weight: bold;
}

.bento-menu-navigation {
  max-height: 70vh;
  overflow-y: auto;
}

/* bento drop-down menu */
.bento-menu .item > a {
  text-decoration: none;
  width: 100%;
}

.menu-panel .bento-menu .item {
  padding-left: 18px;
}

.menu-panel .bento-menu .item a {
  color: inherit;
}

.menu-panel .bento-menu .item a:hover {
  color: inherit;
}

.bento-search {
  padding: 0.75rem 1rem 0.5rem;
  display: flex;
  align-items: center;
}

/* hide filtered items with padding */
.menu-panel .bento-menu .item:empty {
  display: none;
}

/* truncates large group name */
.bento-menu-content .item > div.label {
  max-width: 15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.active-sel-item {
  visibility: visible !important;
  color: #0f71eb;
}

.header-search-block .search-box {
  height: 30px;
  position: relative;
  width: max-content;
  width: -moz-max-content;
  vertical-align: middle;
}
.header-search-block .search-box-select-wrapper {
  float: left;
  height: 100%;
}
.header-search-block .search-box-select {
  height: 100%;
  text-overflow: ellipsis;
  border-radius: 4px 0 0 4px;
  text-align-last: center;
  outline: none;
  position: relative;
  color: rgb(112, 110, 107);
  border-width: 1px;
  border-style: solid;
  border-right: none;
  font-family: inherit;
  font-size: 14px;
  transition: width 0.1s ease-out;
}
.header-search-block .search-box-select:active {
  color: #505050;
}
.header-search-block .search-box-all-input {
  float: left;
  width: 100%;
  outline: none;
  color: #505050;
  height: 100%;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  padding: 0;
  padding-left: 15px;
  font-size: 15px;
  font-family: inherit;
}
.header-search-block .search-box-all-input::placeholder {
  color: #7f7e7c;
}
.header-search-block .search-box-button {
  float: left;
  width: 40px;
  height: 100%;
  padding: 0 10px;
  border-radius: 0 4px 4px 0;
  border-width: 1px;
  border-style: solid;
  border-left: none;
}

.search-box-select option {
  text-align-last: center;
  font-family: inherit;
}

.topnav {
  border-bottom-style: solid;
}

.navItem {
  display: inline-block;
  font-style: normal;
  padding-right: 0.8em;
  white-space: nowrap;
}

.navItem.groupingName {
  font-size: 125%;
  margin: 0.2em 1em 0.2em 0.8em;
  padding: 0;
  overflow: hidden;
  max-width: 300px;
  text-overflow: ellipsis;
}

.navItemWrapper {
  display: inline-block;
  border-top-style: solid;
  border-top-color: transparent;
  transition: 0.15s ease-out;
}

.navItemWrapper:not(.selected):hover {
  transition: background-color 0.15s ease-out;
  border-top-color: #0064bc;
}

.navItem a {
  font-style: normal;
  text-decoration: none;
  padding: 0.3em 0 0.3em 0.9em;
  display: inline-block;
}

.navItem a:hover {
  text-decoration: none;
  cursor: pointer;
}

.navItem .caret {
  vertical-align: text-bottom;
  padding: 0.2em 0 0.2em 0.6em;
  width: 13px;
  height: 13px;
}

.navItem.bento {
  height: 21px;
  padding: 0.2em 0 0.2em 0.8em;
  align-self: center;
}

.navItem .bento-icon {
  width: 21px;
  height: 21px;
  vertical-align: top;
  transition: all 0.1s ease-in-out;
}

.navItem .bento-icon:active {
  transform: scale(0.9);
}

.control-label {
  font-size: 16px;
}

.control-wrapper {
  overflow: hidden;
  background: white;
  min-height: 24px;
  padding: 0.3em 0.5em;
  /* fixing bug where using inline-table inside flex adds excessive height */
}
.control-wrapper:focus-within {
  box-shadow: 0 0 4px 2px rgba(21, 105, 199, 0.25);
}
.control-wrapper table.control-table-wrapper {
  float: left;
}
.control-wrapper td > img {
  vertical-align: middle;
}
.control-wrapper table {
  width: 100%;
  height: 100%;
}
.control-wrapper input, .control-wrapper select, .control-wrapper textarea {
  float: left;
  width: 100%;
  border: none !important;
  flex-grow: 1;
  resize: none;
}
.control-wrapper input:hover, .control-wrapper select:hover, .control-wrapper textarea:hover {
  border: none;
}
.control-wrapper input:focus, .control-wrapper select:focus, .control-wrapper textarea:focus {
  box-shadow: none;
}
.control-wrapper select {
  width: 100% !important;
}

.clearBtn {
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
}

.reset-btn .icon, .clearBtn .icon {
  opacity: 0.75;
}

.reset-btn:hover .icon, .clearBtn:hover .icon {
  opacity: 0.5;
}

.reset-btn:active .icon, .clearBtn:active .icon {
  opacity: 1;
}

.icon-pin {
  text-decoration: none;
  padding: 3px;
  margin-top: -3px;
  border-radius: 2px;
}
.icon-pin:hover, .icon-pin.pinned {
  background: #ececec;
}
.icon-pin.pinned .icon {
  color: #6e7780;
}
.icon-pin .icon {
  color: black;
  height: 18px;
  width: 18px;
}

#inNewWindow {
  border: none;
  background: transparent;
  border-radius: 5px;
  padding: 6px;
  width: 36px;
  height: 36px;
  outline: none;
}
#inNewWindow > span {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMS4yNzE2IDcuMjVDMTEuMjcxNiA2LjgzNTc5IDExLjYwNzMgNi41IDEyLjAyMTYgNi41SDE2Ljc1QzE3LjE2NDIgNi41IDE3LjUgNi44MzU3OSAxNy41IDcuMjVWMTEuOTc4NUMxNy41IDEyLjM5MjcgMTcuMTY0MiAxMi43Mjg1IDE2Ljc1IDEyLjcyODVDMTYuMzM1OCAxMi43Mjg1IDE2IDEyLjM5MjcgMTYgMTEuOTc4NVY5LjA2MDY2TDEwLjc4MDMgMTQuMjgwM0MxMC40ODc0IDE0LjU3MzIgMTAuMDEyNiAxNC41NzMyIDkuNzE5NjcgMTQuMjgwM0M5LjQyNjc4IDEzLjk4NzQgOS40MjY3OCAxMy41MTI2IDkuNzE5NjcgMTMuMjE5N0wxNC45MzkzIDhIMTIuMDIxNkMxMS42MDczIDggMTEuMjcxNiA3LjY2NDIxIDExLjI3MTYgNy4yNVpNNi4xNTY3NSA1LjI1QzYuNTc4NTMgMy45NDQzNyA3LjgwMzk4IDMgOS4yNSAzSDE3Ljc1QzE5LjU0NDkgMyAyMSA0LjQ1NTA3IDIxIDYuMjVWMTQuODM4MkMyMSAxNi4xOTAyIDIwLjE3NDUgMTcuMzQ5NCAxOSAxNy44MzkyVjE3Ljk3NTFDMTkgMTkuMDI0NyAxOC40NzA1IDE5LjgyIDE3LjY5MTMgMjAuMzE5MUMxNi45NDE0IDIwLjc5OTUgMTUuOTczNyAyMS4wMDQ1IDE0Ljk5NzcgMjAuOTk5OUwxNC45OTYzIDIwLjk5OTlMMTAuOTE5MSAyMC45OTUyTDcgMjAuOTk1MUM1Ljg0MzMyIDIwLjk5NTEgNC44MzU1NSAyMC42MzI3IDQuMTEwNjYgMTkuOTQ5NkMzLjM4Mjg3IDE5LjI2MzkgMyAxOC4zMTAzIDMgMTcuMjVWOC41QzMgNy42MzQ4NCAzLjIxNTczIDYuODE3MjUgMy43MzM5OSA2LjIwMzU4QzQuMjY3OTMgNS41NzEzNSA1LjA0MzU0IDUuMjUgNS45NTU4OCA1LjI1SDYuMTU2NzVaTTYgNi43NUg1Ljk1NTg4QzUuNDEyMzUgNi43NSA1LjA4NTAxIDYuOTI4NjUgNC44Nzk5OCA3LjE3MTQyQzQuNjU5MjcgNy40MzI3NSA0LjUgNy44NjUxNiA0LjUgOC41VjE3LjI1QzQuNSAxNy45Mzk3IDQuNzQyMTMgMTguNDgzNyA1LjEzOTM0IDE4Ljg1NzlDNS41Mzk0NCAxOS4yMzQ5IDYuMTU2NjkgMTkuNDk1MSA3IDE5LjQ5NTFMMTAuOTE5MSAxOS40OTUyTDE1LjAwMDkgMTkuNDk5OUwxNS4wMDM3IDE5LjQ5OTlDMTUuNzkxOSAxOS41MDM4IDE2LjQ0ODYgMTkuMzMzOCAxNi44ODIyIDE5LjA1NjFDMTcuMjU0IDE4LjgxNzkgMTcuNDY0MSAxOC41MDYxIDE3LjQ5NTggMTguMDg4Mkg5LjI1QzcuNDU1MDggMTguMDg4MiA2IDE2LjYzMzIgNiAxNC44MzgyVjYuNzVaTTkuMjUgNC41QzguMjgzNSA0LjUgNy41IDUuMjgzNSA3LjUgNi4yNVYxNC44MzgyQzcuNSAxNS44MDQ3IDguMjgzNSAxNi41ODgyIDkuMjUgMTYuNTg4MkgxNy43NUMxOC43MTY1IDE2LjU4ODIgMTkuNSAxNS44MDQ3IDE5LjUgMTQuODM4MlY2LjI1QzE5LjUgNS4yODM1IDE4LjcxNjUgNC41IDE3Ljc1IDQuNUg5LjI1WiIgZmlsbD0iIzI0MjQyNCIvPgo8L3N2Zz4K");
}
#inNewWindow:hover {
  background-color: #F5F5F5;
}
#inNewWindow:active {
  background-color: #E0E0E0;
}
#inNewWindow:focus-visible {
  outline: 2px solid black;
}
#inNewWindow:hover > span, #inNewWindow > span:hover {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMS4yNzE2IDcuMjVDMTEuMjcxNiA2LjgzNTc5IDExLjYwNzMgNi41IDEyLjAyMTYgNi41SDE2Ljc1QzE3LjE2NDIgNi41IDE3LjUgNi44MzU3OSAxNy41IDcuMjVWMTEuOTc4NUMxNy41IDEyLjM5MjcgMTcuMTY0MiAxMi43Mjg1IDE2Ljc1IDEyLjcyODVDMTYuMzM1OCAxMi43Mjg1IDE2IDEyLjM5MjcgMTYgMTEuOTc4NVY5LjA2MDY2TDEwLjc4MDMgMTQuMjgwM0MxMC40ODc0IDE0LjU3MzIgMTAuMDEyNiAxNC41NzMyIDkuNzE5NjcgMTQuMjgwM0M5LjQyNjc4IDEzLjk4NzQgOS40MjY3OCAxMy41MTI2IDkuNzE5NjcgMTMuMjE5N0wxNC45MzkzIDhIMTIuMDIxNkMxMS42MDczIDggMTEuMjcxNiA3LjY2NDIxIDExLjI3MTYgNy4yNVpNNi4xNTY3NSA1LjI1QzYuNTc4NTMgMy45NDQzNyA3LjgwMzk4IDMgOS4yNSAzSDE3Ljc1QzE5LjU0NDkgMyAyMSA0LjQ1NTA3IDIxIDYuMjVWMTQuODM4MkMyMSAxNi4xOTAyIDIwLjE3NDUgMTcuMzQ5NCAxOSAxNy44MzkyVjE3Ljk3NTFDMTkgMTkuMDI0NyAxOC40NzA1IDE5LjgyIDE3LjY5MTMgMjAuMzE5MUMxNi45NDE0IDIwLjc5OTUgMTUuOTczNyAyMS4wMDQ1IDE0Ljk5NzcgMjAuOTk5OUwxNC45OTYzIDIwLjk5OTlMMTAuOTE5MSAyMC45OTUyTDcgMjAuOTk1MUM1Ljg0MzMyIDIwLjk5NTEgNC44MzU1NSAyMC42MzI3IDQuMTEwNjYgMTkuOTQ5NkMzLjM4Mjg3IDE5LjI2MzkgMyAxOC4zMTAzIDMgMTcuMjVWOC41QzMgNy42MzQ4NCAzLjIxNTczIDYuODE3MjUgMy43MzM5OSA2LjIwMzU4QzQuMjY3OTMgNS41NzEzNSA1LjA0MzU0IDUuMjUgNS45NTU4OCA1LjI1SDYuMTU2NzVaTTYgNi43NUg1Ljk1NTg4QzUuNDEyMzUgNi43NSA1LjA4NTAxIDYuOTI4NjUgNC44Nzk5OCA3LjE3MTQyQzQuNjU5MjcgNy40MzI3NSA0LjUgNy44NjUxNiA0LjUgOC41VjE3LjI1QzQuNSAxNy45Mzk3IDQuNzQyMTMgMTguNDgzNyA1LjEzOTM0IDE4Ljg1NzlDNS41Mzk0NCAxOS4yMzQ5IDYuMTU2NjkgMTkuNDk1MSA3IDE5LjQ5NTFMMTAuOTE5MSAxOS40OTUyTDE1LjAwMDkgMTkuNDk5OUwxNS4wMDM3IDE5LjQ5OTlDMTUuNzkxOSAxOS41MDM4IDE2LjQ0ODYgMTkuMzMzOCAxNi44ODIyIDE5LjA1NjFDMTcuMjU0IDE4LjgxNzkgMTcuNDY0MSAxOC41MDYxIDE3LjQ5NTggMTguMDg4Mkg5LjI1QzcuNDU1MDggMTguMDg4MiA2IDE2LjYzMzIgNiAxNC44MzgyVjYuNzVaTTkuMjUgNC41QzguMjgzNSA0LjUgNy41IDUuMjgzNSA3LjUgNi4yNVYxNC44MzgyQzcuNSAxNS44MDQ3IDguMjgzNSAxNi41ODgyIDkuMjUgMTYuNTg4MkgxNy43NUMxOC43MTY1IDE2LjU4ODIgMTkuNSAxNS44MDQ3IDE5LjUgMTQuODM4MlY2LjI1QzE5LjUgNS4yODM1IDE4LjcxNjUgNC41IDE3Ljc1IDQuNUg5LjI1WiIgZmlsbD0iIzBGNkNCRCIvPgo8L3N2Zz4K");
}

/* file field control */
.filedroptarget fieldset {
  border-width: 1px;
  transition: border-color 0.3s;
  border-color: rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  border-style: dashed;
  overflow: auto;
  max-height: 25ex;
  padding: 6px 12px;
}

@-moz-document url-prefix() { /* FF scrollbar rendering issue */
  .filedroptarget fieldset {
    padding-right: 20px;
  }
}
.filedroptarget.drag-in-progress fieldset {
  background-color: #EFF6FC;
  border-color: #0078D4;
  border-style: solid;
}

.filedroptarget[data-drag=true] fieldset * {
  opacity: 0.5;
}

.filedroptarget fieldset > ol {
  padding: 0;
  margin: 0;
  padding-inline-start: 3ex;
}

.filedroptarget .has-no-files {
  display: block;
  color: gray;
}

/* 
    overrides for existing css styles to cater new html structures or breaks in appearance
*/
.newgui TABLE.Toolbar {
  display: inline-table;
  border-style: hidden;
  border-width: 0;
  background-color: transparent;
  padding: 0;
  height: 100%; /* used to equal height for all child/items */
  margin: 0 0 0 0.33em;
}

.newgui .ToolbarRow {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

.newgui .actionBar.is-left-aligned .ToolbarRow {
  justify-content: flex-start;
}

.newgui .actionBar.is-left-aligned .ToolbarRow > div:first-child .Toolbar {
  margin-left: 0;
}

.newgui .actionBar.is-left-aligned .actionBarMenu {
  margin-top: 0.6em;
}

.newgui TABLE.Toolbar > TBODY > TR > TD {
  border-left-style: hidden;
  border-left-width: 0;
  padding: 0;
  height: 100%;
  line-height: initial;
}

.newgui TABLE.Toolbar > TBODY > TR > TD > SPAN {
  display: block;
  height: 100%;
}

.newgui TABLE.Toolbar > TBODY > TR > TD:last-child .ToolbarItem {
  margin-right: 0;
}

.newgui .Toolbar .ToolbarItem {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  transition: background-color 0.1s ease-out, border-color 0.1s ease-out, color 0.1s ease-out;
  margin: 0 !important;
}

.newgui .Toolbar td:not(:first-child) .ToolbarItem {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.newgui .Toolbar td:not(:last-child) .ToolbarItem {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.newgui .Toolbar td:not(:last-child) .ToolbarItem {
  border-right: none;
}

.newgui .Toolbar .ToolbarItem .ToolbarIcon {
  vertical-align: middle;
}

.newgui TABLE.TableViewCellBorder .icon.sortdown, .newgui TABLE.TableViewCellBorder .icon.sortup {
  width: 10px;
}

.newgui TABLE.TableViewCellBorder > * > TR > TH {
  border-top-style: hidden;
}

.newgui TABLE.TableViewCellBorder > * > TR > TH {
  user-select: none;
}

.newgui TABLE.wizardHeader {
  margin-bottom: 0;
}

.savedSearchSelector {
  cursor: pointer;
  border-bottom: 1px solid transparent;
}

.savedSearchSelector:hover {
  border-bottom-color: black;
}

.newgui .actionBar .details {
  min-width: 250px;
}

.newgui .VueJSVersion {
  min-height: 100%;
  max-height: 100%;
}

.newgui > .is-clipped {
  height: 100%;
}

.newgui .SITableBody.MainContentPanel {
  overflow: auto;
}

.newgui .statusLines {
  display: inline-block;
}

.newgui .inline-flex-basis {
  min-width: 300px;
  flex-basis: 300px;
}

.newgui .inline-flex-basis .actionBarMenu > .Toolbar {
  margin-left: -1rem;
}

@media (max-width: 1280px) {
  .newgui .ToolbarRow {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .newgui .ToolbarRow {
    justify-content: flex-start;
  }
  .newgui .actionBar {
    flex-wrap: wrap;
  }
  .newgui .actionBarMenu {
    margin-top: 0.6em;
  }
}
#globalSearchContainer,
#globalSearchContainer {
  font-size: 14px;
  width: 100%;
}

label.SearchPaneCheck {
  display: flex;
  align-items: center;
}

.newgui .SearchPaneCheck span {
  font-size: 14px;
  margin-right: 0.1em;
}

.control-inner-wrapper:focus-within {
  border-color: #4ca5f3;
  box-shadow: 0 0 2px 2px rgba(21, 105, 199, 0.25);
  transition: box-shadow 0.1s ease-out, border-color 0.1s ease-out;
}

.search-box-select:focus, .search-box-all-input:focus, button.search-box-button:focus {
  border-color: #4ca5f3;
  box-shadow: 0 0 2px 2px rgba(21, 105, 199, 0.25);
  transition: box-shadow 0.1s ease-out, border-color 0.1s ease-out;
}

.geniusPanel {
  font-size: 14px;
  line-height: 20px;
  border: #EDEBE9 1px solid;
  box-shadow: 0px 3.2px 7.2px 0px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0px 3.2px 7.2px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 3.2px 7.2px 0px rgba(0, 0, 0, 0.13);
}

.geniusPanel:focus {
  outline: 0px solid transparent;
}

.geniusPanel .static li {
  color: #A19F9D;
}

.geniusResult .item {
  gap: 7px;
}

.al-pane {
  position: fixed;
  bottom: 0;
  width: 0;
  overflow: hidden;
  transition: width 0.3s;
  z-index: 100;
  background-color: white;
}

.al-pane.left {
  left: 0;
}

.al-pane.right {
  right: 0;
}

.al-pane-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: #000000;
  opacity: 0.1;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.custom-filter-boxes-wrapper {
  gap: 0.5rem;
  flex-wrap: wrap;
}
.custom-filter-boxes-wrapper .max-width-200 {
  width: 200px;
}

.custom-filter-box {
  background-color: white;
  width: 300px;
  bottom: 40px;
  height: fit-content;
  border: 1px solid #C4C4C4;
  position: absolute;
  /*margin-left: -360px;*/
  padding: 20px;
}

.input-header.customlabeltext {
  margin-bottom: 0.2rem;
}

#rightNavIframe {
  box-shadow: -2px 0 5px -4px black;
  z-index: 9;
}

.al-box .tooltipBox {
  visibility: hidden;
  white-space: pre-line;
  background-color: #52595e;
  color: #fff;
  font-size: 10px;
  border-radius: 4px;
  padding: 0.5em 1.1em;
  position: absolute;
  line-height: 130%;
  letter-spacing: 0.0125em;
  max-width: 110%;
  min-width: fit-content;
}

.al-box:hover .tooltipBox {
  visibility: visible;
  transform: translate(-50%, calc(-100% - 10px));
}

.filter-btn-wrapper {
  outline: none;
  border-color: #112E50;
}

.filter-btn-wrapper:hover:enabled {
  background-color: #D0ECFF !important;
  border-color: #D0ECFF;
}

.filter-btn-wrapper:active:enabled {
  background-color: #8BD1FF !important;
  border-color: #8BD1FF;
}

.filter-btn-wrapper:focus-visible {
  border-color: #B1E0FF;
}

.filter-btn-wrapper:disabled {
  border-color: #969492;
  color: #969492;
}

.cognizer-confidence {
  font-weight: 600 !important;
  border-radius: 4px;
  font-size: 0.75rem !important;
  text-align: center !important;
}

.cognizer-confidence .high {
  color: #237B4B !important;
}

.cognizer-confidence .medium {
  color: #A33D2A !important;
}

.cognizer-confidence .low {
  color: #A72037 !important;
}

/* todo: remove as tabs components will be rewritten */
.tab-more, .tab-more-dropdown {
  display: none;
}

.tab-more .corridor {
  position: absolute;
  top: 50%;
  left: -20px;
  height: 25px;
  width: 20px;
  z-index: 101;
}

.tab-more {
  border-left: none;
  position: relative;
}

.tab-more-dropdown {
  opacity: 1;
  margin: 0;
  position: absolute;
  top: 100%;
  right: -1px;
  z-index: 100;
}

.tab-more:hover .tab-more-dropdown {
  display: block;
  z-index: 101; /* should be greater than TABLE.fixedHeader */
}

.tab-more-dropdown .SIWizardTab {
  border: none;
  max-width: none !important;
}

.tab-more .caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top-width: 4px;
  border-top-style: solid;
  content: "";
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.SIWizardTab:not(.tab-more) > .label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.AlDialog .SIModalTitle {
  padding: 0.7em 1em;
  border: none;
  border-radius: 0;
}

.AlDialog .SIModalTitleActive {
  font-family: "Segoe UI", Carlito, Calibri, BlinkMacSystemFont, -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.AlDialog nav > .dialogtabs {
  padding-left: 0;
}

.AlDialog nav > .dialogbuttons > .xbutton {
  padding: 6px;
  border-radius: 4px;
}

.AlDialog nav > .dialogbuttons > .xbutton:after,
.AlDialog nav > .dialogbuttons > .xbutton:before {
  width: 22px;
  height: 1px;
  left: 1px;
  top: 10px;
}

.AlDialog nav > .dialogbuttons > .xbutton:before {
  top: 11px !important;
}

.AlDialog nav > .dialogbuttons > .SIModalXButton:hover {
  background-color: #1A477A;
}

.AlDialog nav > .dialogbuttons > .xbutton:hover:active {
  background-color: #030910;
}

.AlDialog nav > .dialogbuttons > .xbutton:focus {
  border: 1px solid #FFF;
}

.Toast-container {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
}

.Toast-row {
  display: flex;
  justify-content: space-between;
}

.Toast-col {
  flex: 1;
  margin: 10px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Toast-card {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  border-radius: 4px;
  margin: 0px;
  transition: 0.5s all ease-in-out;
  pointer-events: all;
  background-color: #333333;
  height: 40px;
  min-width: 22%;
}

.Toast-card .text-group {
  margin-left: 15px;
  position: relative;
  margin-right: -20px;
}

.Toast-card p {
  font-size: 15px;
  letter-spacing: 0.0125em;
}

@media (max-width: 992px) {
  .Toast-card {
    min-width: 30%;
  }
}
.comment-send {
  border: none;
  background: transparent;
  padding: 0;
  font-weight: 600;
  font-size: 14px;
  border-radius: 4px;
  height: 29px;
  outline: none;
  border: 2px solid transparent;
}
.comment-send .comment-send:focus-visible {
  border: 2px solid black;
}
.comment-send:disabled .comment-send-icon {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjQgNCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMTg0MTIgOC4xMTI0NEM4LjMzNjU3IDcuOTg4MTggOC41NDc3MSA3Ljk2NDgzIDguNzIzNjMgOC4wNTI3OUwyMy43MjM2IDE1LjU1MjhDMjMuODkzIDE1LjYzNzUgMjQgMTUuODEwNiAyNCAxNkMyNCAxNi4xODk0IDIzLjg5MyAxNi4zNjI1IDIzLjcyMzYgMTYuNDQ3Mkw4LjcyMzYzIDIzLjk0NzJDOC41NDc3MSAyNC4wMzUyIDguMzM2NTcgMjQuMDExOCA4LjE4NDEyIDIzLjg4NzZDOC4wMzE2NyAyMy43NjMzIDcuOTY2MjMgMjMuNTYxMiA4LjAxNjkgMjMuMzcxMkw5Ljk4MjU1IDE2TDguMDE2OSA4LjYyODg0QzcuOTY2MjMgOC40Mzg4IDguMDMxNjcgOC4yMzY3IDguMTg0MTIgOC4xMTI0NFpNMTAuODg0MiAxNi41TDkuMjY5MTEgMjIuNTU2NEwyMi4zODIgMTZMOS4yNjkxMSA5LjQ0MzU3TDEwLjg4NDIgMTUuNUgxNy41QzE3Ljc3NjIgMTUuNSAxOCAxNS43MjM5IDE4IDE2QzE4IDE2LjI3NjEgMTcuNzc2MiAxNi41IDE3LjUgMTYuNUgxMC44ODQyWiIgZmlsbD0iI0JEQkRCRCIvPgo8L3N2Zz4K");
}
.comment-send:enabled .comment-send-icon {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjQgNCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMTg0MTIgOC4xMTI0NEM4LjMzNjU3IDcuOTg4MTggOC41NDc3MSA3Ljk2NDgzIDguNzIzNjMgOC4wNTI3OUwyMy43MjM2IDE1LjU1MjhDMjMuODkzIDE1LjYzNzUgMjQgMTUuODEwNiAyNCAxNkMyNCAxNi4xODk0IDIzLjg5MyAxNi4zNjI1IDIzLjcyMzYgMTYuNDQ3Mkw4LjcyMzYzIDIzLjk0NzJDOC41NDc3MSAyNC4wMzUyIDguMzM2NTcgMjQuMDExOCA4LjE4NDEyIDIzLjg4NzZDOC4wMzE2NyAyMy43NjMzIDcuOTY2MjMgMjMuNTYxMiA4LjAxNjkgMjMuMzcxMkw5Ljk4MjU1IDE2TDguMDE2OSA4LjYyODg0QzcuOTY2MjMgOC40Mzg4IDguMDMxNjcgOC4yMzY3IDguMTg0MTIgOC4xMTI0NFpNMTAuODg0MiAxNi41TDkuMjY5MTEgMjIuNTU2NEwyMi4zODIgMTZMOS4yNjkxMSA5LjQ0MzU3TDEwLjg4NDIgMTUuNUgxNy41QzE3Ljc3NjIgMTUuNSAxOCAxNS43MjM5IDE4IDE2QzE4IDE2LjI3NjEgMTcuNzc2MiAxNi41IDE3LjUgMTYuNUgxMC44ODQyWiIgZmlsbD0iIzIxMjEyMSIvPgo8L3N2Zz4K");
}
.comment-send:enabled .comment-send-icon:hover {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjQgNCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzIzNjMgOC4wNTI3OUM4LjU0NzcxIDcuOTY0ODMgOC4zMzY1NyA3Ljk4ODE4IDguMTg0MTIgOC4xMTI0NEM4LjAzMTY3IDguMjM2NyA3Ljk2NjIzIDguNDM4OCA4LjAxNjkgOC42Mjg4NEw5LjUxNDk4IDE0LjI0NjZDOS41NjU1NCAxNC40MzYyIDkuNzIyMzQgMTQuNTc4NyA5LjkxNTkgMTQuNjExTDE2Ljc3MDQgMTUuNzUzNEMxNy4wNDg5IDE1Ljc5OTggMTcuMDQ4OSAxNi4yMDAyIDE2Ljc3MDQgMTYuMjQ2Nkw5LjkxNTkgMTcuMzg5QzkuNzIyMzQgMTcuNDIxMyA5LjU2NTU0IDE3LjU2MzggOS41MTQ5OCAxNy43NTM0TDguMDE2OSAyMy4zNzEyQzcuOTY2MjMgMjMuNTYxMiA4LjAzMTY3IDIzLjc2MzMgOC4xODQxMiAyMy44ODc2QzguMzM2NTcgMjQuMDExOCA4LjU0NzcxIDI0LjAzNTIgOC43MjM2MyAyMy45NDcyTDIzLjcyMzYgMTYuNDQ3MkMyMy44OTMgMTYuMzYyNSAyNCAxNi4xODk0IDI0IDE2QzI0IDE1LjgxMDYgMjMuODkzIDE1LjYzNzUgMjMuNzIzNiAxNS41NTI4TDguNzIzNjMgOC4wNTI3OVoiIGZpbGw9IiMyMTIxMjEiLz4KPC9zdmc+Cg==");
}
.comment-send:enabled .comment-send-icon:active {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjQgNCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzIzNjMgOC4wNTI3OUM4LjU0NzcxIDcuOTY0ODMgOC4zMzY1NyA3Ljk4ODE4IDguMTg0MTIgOC4xMTI0NEM4LjAzMTY3IDguMjM2NyA3Ljk2NjIzIDguNDM4OCA4LjAxNjkgOC42Mjg4NEw5LjUxNDk4IDE0LjI0NjZDOS41NjU1NCAxNC40MzYyIDkuNzIyMzQgMTQuNTc4NyA5LjkxNTkgMTQuNjExTDE2Ljc3MDQgMTUuNzUzNEMxNy4wNDg5IDE1Ljc5OTggMTcuMDQ4OSAxNi4yMDAyIDE2Ljc3MDQgMTYuMjQ2Nkw5LjkxNTkgMTcuMzg5QzkuNzIyMzQgMTcuNDIxMyA5LjU2NTU0IDE3LjU2MzggOS41MTQ5OCAxNy43NTM0TDguMDE2OSAyMy4zNzEyQzcuOTY2MjMgMjMuNTYxMiA4LjAzMTY3IDIzLjc2MzMgOC4xODQxMiAyMy44ODc2QzguMzM2NTcgMjQuMDExOCA4LjU0NzcxIDI0LjAzNTIgOC43MjM2MyAyMy45NDcyTDIzLjcyMzYgMTYuNDQ3MkMyMy44OTMgMTYuMzYyNSAyNCAxNi4xODk0IDI0IDE2QzI0IDE1LjgxMDYgMjMuODkzIDE1LjYzNzUgMjMuNzIzNiAxNS41NTI4TDguNzIzNjMgOC4wNTI3OVoiIGZpbGw9IiMxMTVFQTMiLz4KPC9zdmc+Cg==");
}

.menu-kebab {
  border-radius: 4px;
  outline: none;
}
.menu-kebab:hover > .menu-kebab-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDYuNUM5LjAzMzUgNi41IDguMjUgNS43MTY1IDguMjUgNC43NUM4LjI1IDMuNzgzNSA5LjAzMzUgMyAxMCAzQzEwLjk2NjUgMyAxMS43NSAzLjc4MzUgMTEuNzUgNC43NUMxMS43NSA1LjcxNjUgMTAuOTY2NSA2LjUgMTAgNi41Wk0xMCAxN0M5LjAzMzUgMTcgOC4yNSAxNi4yMTY1IDguMjUgMTUuMjVDOC4yNSAxNC4yODM1IDkuMDMzNSAxMy41IDEwIDEzLjVDMTAuOTY2NSAxMy41IDExLjc1IDE0LjI4MzUgMTEuNzUgMTUuMjVDMTEuNzUgMTYuMjE2NSAxMC45NjY1IDE3IDEwIDE3Wk04LjI1IDEwQzguMjUgMTAuOTY2NSA5LjAzMzUgMTEuNzUgMTAgMTEuNzVDMTAuOTY2NSAxMS43NSAxMS43NSAxMC45NjY1IDExLjc1IDEwQzExLjc1IDkuMDMzNSAxMC45NjY1IDguMjUgMTAgOC4yNUM5LjAzMzUgOC4yNSA4LjI1IDkuMDMzNSA4LjI1IDEwWiIgZmlsbD0iIzBGNkNCRCIvPgo8L3N2Zz4K");
  background-color: #f5f5f5;
}
.menu-kebab:focus-visible > .menu-kebab-icon {
  border: 2px solid black;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjIgMiAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhDMTEuMzA5NiA4IDEwLjc1IDcuNDQwMzYgMTAuNzUgNi43NUMxMC43NSA2LjA1OTY0IDExLjMwOTYgNS41IDEyIDUuNUMxMi42OTA0IDUuNSAxMy4yNSA2LjA1OTY0IDEzLjI1IDYuNzVDMTMuMjUgNy40NDAzNiAxMi42OTA0IDggMTIgOFpNMTIgMTMuMjVDMTEuMzA5NiAxMy4yNSAxMC43NSAxMi42OTA0IDEwLjc1IDEyQzEwLjc1IDExLjMwOTYgMTEuMzA5NiAxMC43NSAxMiAxMC43NUMxMi42OTA0IDEwLjc1IDEzLjI1IDExLjMwOTYgMTMuMjUgMTJDMTMuMjUgMTIuNjkwNCAxMi42OTA0IDEzLjI1IDEyIDEzLjI1Wk0xMC43NSAxNy4yNUMxMC43NSAxNy45NDA0IDExLjMwOTYgMTguNSAxMiAxOC41QzEyLjY5MDQgMTguNSAxMy4yNSAxNy45NDA0IDEzLjI1IDE3LjI1QzEzLjI1IDE2LjU1OTYgMTIuNjkwNCAxNiAxMiAxNkMxMS4zMDk2IDE2IDEwLjc1IDE2LjU1OTYgMTAuNzUgMTcuMjVaIiBmaWxsPSIjNDI0MjQyIi8+Cjwvc3ZnPgo=") !important;
  background-color: transparent !important;
}
.menu-kebab:focus > .menu-kebab-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDYuNUM5LjAzMzUgNi41IDguMjUgNS43MTY1IDguMjUgNC43NUM4LjI1IDMuNzgzNSA5LjAzMzUgMyAxMCAzQzEwLjk2NjUgMyAxMS43NSAzLjc4MzUgMTEuNzUgNC43NUMxMS43NSA1LjcxNjUgMTAuOTY2NSA2LjUgMTAgNi41Wk0xMCAxN0M5LjAzMzUgMTcgOC4yNSAxNi4yMTY1IDguMjUgMTUuMjVDOC4yNSAxNC4yODM1IDkuMDMzNSAxMy41IDEwIDEzLjVDMTAuOTY2NSAxMy41IDExLjc1IDE0LjI4MzUgMTEuNzUgMTUuMjVDMTEuNzUgMTYuMjE2NSAxMC45NjY1IDE3IDEwIDE3Wk04LjI1IDEwQzguMjUgMTAuOTY2NSA5LjAzMzUgMTEuNzUgMTAgMTEuNzVDMTAuOTY2NSAxMS43NSAxMS43NSAxMC45NjY1IDExLjc1IDEwQzExLjc1IDkuMDMzNSAxMC45NjY1IDguMjUgMTAgOC4yNUM5LjAzMzUgOC4yNSA4LjI1IDkuMDMzNSA4LjI1IDEwWiIgZmlsbD0iIzBGNkNCRCIvPgo8L3N2Zz4K");
  background-color: #e0e0e0;
}
.menu-kebab .menu-kebab-icon {
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjIgMiAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhDMTEuMzA5NiA4IDEwLjc1IDcuNDQwMzYgMTAuNzUgNi43NUMxMC43NSA2LjA1OTY0IDExLjMwOTYgNS41IDEyIDUuNUMxMi42OTA0IDUuNSAxMy4yNSA2LjA1OTY0IDEzLjI1IDYuNzVDMTMuMjUgNy40NDAzNiAxMi42OTA0IDggMTIgOFpNMTIgMTMuMjVDMTEuMzA5NiAxMy4yNSAxMC43NSAxMi42OTA0IDEwLjc1IDEyQzEwLjc1IDExLjMwOTYgMTEuMzA5NiAxMC43NSAxMiAxMC43NUMxMi42OTA0IDEwLjc1IDEzLjI1IDExLjMwOTYgMTMuMjUgMTJDMTMuMjUgMTIuNjkwNCAxMi42OTA0IDEzLjI1IDEyIDEzLjI1Wk0xMC43NSAxNy4yNUMxMC43NSAxNy45NDA0IDExLjMwOTYgMTguNSAxMiAxOC41QzEyLjY5MDQgMTguNSAxMy4yNSAxNy45NDA0IDEzLjI1IDE3LjI1QzEzLjI1IDE2LjU1OTYgMTIuNjkwNCAxNiAxMiAxNkMxMS4zMDk2IDE2IDEwLjc1IDE2LjU1OTYgMTAuNzUgMTcuMjVaIiBmaWxsPSIjNDI0MjQyIi8+Cjwvc3ZnPgo=");
}

.comment-text-truncated {
  display: block;
  overflow: hidden;
}

[contenteditable][placeholder]:empty::before {
  content: attr(placeholder);
  color: #555;
}

.tree-column {
  overflow-y: unset !important;
  overflow-x: clip !important;
}

table tr:has(td.tree-column).row-overlay {
  --overlay-height: 0;
  --overlay-top: 0;
}

table tr:has(td.tree-column).row-overlay::after {
  content: "";
  width: 100%;
  position: absolute;
  height: var(--overlay-height);
  top: var(--overlay-top);
  left: 0;
}

table tr:has(td.tree-column).row-overlay.no-permissions::after {
  background-color: rgba(211, 211, 211, 0.6);
}

table tr:has(td.tree-column).row-overlay.not-result::after {
  background-color: rgba(255, 255, 255, 0.6);
}

.tree-column > div > div:has(svg), .tree-column > div > div:has(svg) > span {
  --svg-background: inherit;
  --tree-line-height: 0px;
  --tree-line-extension: 0px;
  --tree-line-top: 0px;
  --tree-line-left: 0px;
  --child-line-top: 0px;
  --level-indent-before: 0rem;
  --level-indent-after: 0rem;
  --level-indent-extension: 0rem;
  --before-display: none;
  --after-display: none;
}

.tree-column > div > div:has(svg) > span {
  --span-display: none;
  --span-height: 0;
}

.tree-column > div > div:has(svg) > span::before {
  content: "";
  border-left: 1px solid #9CAAC1;
  position: absolute;
  top: calc(0px - (var(--span-height) + 0.75rem));
  left: calc(max(var(--level-indent-extension) - 1rem, 0rem) + var(--tree-line-left));
  height: calc(var(--span-height) + 0.75rem);
  display: var(--span-display);
}

.tree-column > div > div:has(svg)::after {
  content: "";
  border-left: 1px solid #9CAAC1;
  position: absolute;
  top: var(--tree-line-top);
  left: calc(var(--level-indent-after) + var(--tree-line-left));
  height: calc(100% - var(--tree-line-top) + 1px + var(--tree-line-extension));
  display: var(--after-display);
}

.tree-column > div > div:has(svg)::before {
  content: "";
  border-left: 1px solid #9CAAC1;
  position: absolute;
  border-bottom: 1px solid #9CAAC1;
  border-bottom-left-radius: 0.75rem;
  top: 0;
  left: calc(max(var(--level-indent-before) - 1rem, 0rem) + var(--tree-line-left));
  height: var(--child-line-top);
  width: 1rem;
  display: var(--before-display);
}

.tree-counter {
  border-radius: 2rem;
  padding: 1px 5px;
  font-size: 12px;
  background-color: #E6EAED;
  color: #33414C;
}

.tree-load-more {
  padding: 0.25rem;
  border: 1px solid #d1d1d1;
  border-radius: 6px;
  background-color: inherit;
  cursor: pointer;
}

.tree-load-more:hover {
  background-color: #f5f5f5;
}

.tree-load-more:active {
  background-color: #E0E0E0;
}

.tree-load-more:focus-visible {
  outline: none;
  border: 3px solid #000000;
}

.tree-load-more:disabled,
.tree-load-more[disabled] {
  background-color: #F0F0F0;
  color: #C2C2C2;
}

.tree-icon {
  width: 12px;
  height: 12px;
  margin-top: 4px;
}

.tree-icon.leaf-icon {
  width: 8px !important;
  height: 8px !important;
}

.tree-load-more-spinner {
  width: 12px;
  height: 12px;
  margin: 0;
  display: inline-block;
}

.tree-load-more-spinner .progress .background {
  stroke: #B4D6FA;
}

.tree-load-more-spinner .progress .indeterminate-indicator-1 {
  stroke: #0F6CBD;
}

.SIErrorMessage {
  font-weight: normal;
  font-size: 14px;
  padding: 12px;
  border: none;
  margin-bottom: 10px;
  color: #201f1e;
  background-color: #FDE7E9; /* default */
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
}
.SIErrorMessage > span {
  max-width: 125ex;
}
.SIErrorMessage.withIcon {
  display: flex;
  align-items: center;
}
.SIErrorMessage .icon {
  width: 20px;
  height: 20px;
  margin-right: -1ex;
  display: inline-block;
  margin-right: 4px;
}
.SIErrorMessage.priority-fatal {
  background-color: #FDE7E9;
}
.SIErrorMessage.priority-critical {
  background-color: #FDE7E9;
}
.SIErrorMessage.priority-warning {
  background-color: #FFF4CE;
}
.SIErrorMessage.priority-info {
  background-color: #EFF6FC;
}
.SIErrorMessage.priority-success {
  background-color: #ECF6EE;
}
.SIErrorMessage.priority-debug {
  background-color: #FAF9F8;
}

.notificationIcon {
  position: relative;
  margin-left: 6px;
}

.notificationIcon .unread-count {
  position: absolute;
  top: -6px;
  right: -3px;
  background-color: #D92D20;
  border-radius: 20px;
  color: white;
  font-size: 10px;
  height: 14px;
  padding: 2px 0 1px 1px;
  width: fit-content;
  min-width: 14px;
  display: none;
  justify-content: center;
  align-content: center;
  z-index: 1;
}

.notification-iframe-container {
  z-index: 100;
  position: absolute;
  right: 0;
  height: calc(100% - 4px);
  display: none;
}

.notification-iframe-container > .list-view {
  width: 35vw;
}

.notification-iframe-container > .email-preview {
  width: 60vw;
}

.notification-iframe {
  border-width: 0;
  width: 100%;
  height: 100%;
  background-color: white !important;
}

.grey-overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  display: none;
}

.grey-overlay-background.active {
  display: block;
}

.shadow-box {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.eui-notification-container {
  z-index: 20;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: none;
}

.eui-notification-iframe {
  border-width: 0;
  background-color: white;
  width: 35vw;
  height: 100%;
}