@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);
html .dark-mode {
  -webkit-tap-highlight-color: transparent;
  border-color: #736b5e;
  color: #e8e6e3;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body .dark-mode {
  color: #d1cdc7;
  background-color: #181a1b;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}
.btn.btn-text.btn-color-system {
  background: transparent;
  color: #9C91C5;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.btn.btn-text.btn-color-system .icon {
  fill: #9C91C5;
}
.btn.btn-text.btn-color-system:hover {
  color: #615B7B;
  border-color: #615B7B;
}
.btn.btn-text.btn-color-system:hover .icon {
  fill: #615B7B;
}
.btn.btn-text.btn-color-system:active:hover {
  background: rgba(128, 20, 162, 0.16);
  border-color: rgba(128, 20, 162, 0.16);
  color: #8078A2;
}
.btn.btn-text.btn-color-system:active:hover .icon {
  fill: #8078A2;
}
.btn.btn-text.btn-color-system.btn-action-bar.with-arrow:after {
  background-color: #615B7B;
}
.btn.btn-text.btn-color-bv {
  background: transparent;
  color: #1D769F;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.btn.btn-text.btn-color-bv .icon {
  fill: #1D769F;
}
.btn.btn-text.btn-color-bv:hover {
  color: #134962;
  border-color: #134962;
}
.btn.btn-text.btn-color-bv:hover .icon {
  fill: #134962;
}
.btn.btn-text.btn-color-bv:active:hover {
  background: rgba(29, 118, 159, 0.16);
  border-color: rgba(29, 118, 159, 0.16);
  color: #1C6182;
}
.btn.btn-text.btn-color-bv:active:hover .icon {
  fill: #1C6182;
}
.btn.btn-text.btn-color-bv.btn-action-bar.with-arrow:after {
  background-color: #134962;
}
.btn.btn-text.btn-color-dach {
  background: transparent;
  color: #4DBDC6;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.btn.btn-text.btn-color-dach .icon {
  fill: #4DBDC6;
}
.btn.btn-text.btn-color-dach:hover {
  color: #2F757B;
  border-color: #2F757B;
}
.btn.btn-text.btn-color-dach:hover .icon {
  fill: #2F757B;
}
.btn.btn-text.btn-color-dach:active:hover {
  background: rgba(77, 189, 198, 0.16);
  border-color: rgba(77, 189, 198, 0.16);
  color: #419BA2;
}
.btn.btn-text.btn-color-dach:active:hover .icon {
  fill: #419BA2;
}
.btn.btn-text.btn-color-dach.btn-action-bar.with-arrow:after {
  background-color: #2F757B;
}
.btn.btn-text.btn-color-success {
  background: transparent;
  color: #51AF3D;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.btn.btn-text.btn-color-success .icon {
  fill: #51AF3D;
}
.btn.btn-text.btn-color-success:hover {
  color: #306E25;
  border-color: #306E25;
}
.btn.btn-text.btn-color-success:hover .icon {
  fill: #306E25;
}
.btn.btn-text.btn-color-success:active:hover {
  background: rgba(81, 175, 61, 0.16);
  border-color: rgba(81, 175, 61, 0.16);
  color: #429032;
}
.btn.btn-text.btn-color-success:active:hover .icon {
  fill: #429032;
}
.btn.btn-text.btn-color-success.btn-action-bar.with-arrow:after {
  background-color: #306E25;
}
.btn.btn-text.btn-color-danger {
  background: transparent;
  color: #9E3F20;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.btn.btn-text.btn-color-danger .icon {
  fill: #9E3F20;
}
.btn.btn-text.btn-color-danger:hover {
  color: #532106;
  border-color: #532106;
}
.btn.btn-text.btn-color-danger:hover .icon {
  fill: #532106;
}
.btn.btn-text.btn-color-danger:active:hover {
  background: rgba(158, 63, 32, 0.16);
  border-color: rgba(158, 63, 32, 0.16);
  color: #793115;
}
.btn.btn-text.btn-color-danger:active:hover .icon {
  fill: #793115;
}
.btn.btn-text.btn-color-danger.btn-action-bar.with-arrow:after {
  background-color: #532106;
}
.btn.btn-text.disabled, .btn.btn-text:disabled {
  background: transparent;
  color: #9EA3A9;
  border-color: transparent;
  pointer-events: none;
}
.btn.btn-text.disabled .icon, .btn.btn-text:disabled .icon {
  fill: #9EA3A9;
}
.btn {
  box-sizing: border-box;
  white-space: nowrap;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  text-align: center;
  padding-right: 32px;
  padding-left: 32px;
  height: 44px;
  border-radius: 2px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 576px) {
  .btn.btn-icon-mobile {
    padding-left: 3px !important;
    padding-top: 4px !important;
    padding-right: 0 !important;
    width: 24px;
  }
  .btn.btn-icon-mobile span {
    display: none;
  }
  .btn.btn-icon-mobile .icon {
    margin-right: 0;
  }
}
.btn .button-content {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: center;
}
.btn .button-content .icon {
  max-height: 24px;
  max-width: 24px;
  min-width: 16px;
  min-height: 16px;
  display: inline-block !important;
}
.btn .button-content .icon.loading {
  -webkit-animation-name: loadingSpin;
          animation-name: loadingSpin;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.btn.pure-icon-btn {
  width: 24px;
  height: 24px;
}
.btn.pure-icon-btn .icon {
  margin-right: 0;
}
.btn:focus {
  box-shadow: none;
}
.btn:active:hover {
  box-shadow: none !important;
}
.btn:hover {
  box-shadow: none;
}
.btn.disabled, .btn:disabled {
  background: #E7E8EA;
  color: #9EA3A9;
  box-shadow: none;
  pointer-events: none;
}
.btn.disabled .icon, .btn:disabled .icon {
  fill: #9EA3A9;
}
.btn.disabled.btn-action-bar.with-arrow:after, .btn:disabled.btn-action-bar.with-arrow:after {
  background-color: #9EA3A9;
}
@-webkit-keyframes loadingSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes loadingSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.btn.btn-filled .icon {
  fill: #fff;
}
.btn.btn-filled.btn-color-system {
  background: #9C91C5;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.btn.btn-filled.btn-color-system:hover {
  background: #615B7B;
}
.btn.btn-filled.btn-color-system:active:hover {
  background: #8078A2;
}
.btn.btn-filled.btn-color-bv {
  background: #1D769F;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.btn.btn-filled.btn-color-bv:hover {
  background: #134962;
}
.btn.btn-filled.btn-color-bv:active:hover {
  background: #1C6182;
}
.btn.btn-filled.btn-color-dach {
  background: #4DBDC6;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.btn.btn-filled.btn-color-dach:hover {
  background: #2F757B;
}
.btn.btn-filled.btn-color-dach:active:hover {
  background: #419BA2;
}
.btn.btn-filled.btn-color-success {
  background: #51AF3D;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.btn.btn-filled.btn-color-success:hover {
  background: #306E25;
}
.btn.btn-filled.btn-color-success:active:hover {
  background: #429032;
}
.btn.btn-filled.btn-color-danger {
  background: #9E3F20;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.btn.btn-filled.btn-color-danger:hover {
  background: #532106;
}
.btn.btn-filled.btn-color-danger:active:hover {
  background: #793115;
}
.btn.btn-filled.disabled, .btn.btn-filled:disabled {
  background: #E7E8EA;
  box-shadow: none;
  color: #9EA3A9;
  pointer-events: none;
}
.btn.btn-filled.disabled .icon, .btn.btn-filled:disabled .icon {
  fill: #9EA3A9;
}
.btn.btn-outlined {
  background: transparent;
  border-width: 1px;
  border-style: solid;
}
.btn.btn-outlined:focus {
  box-shadow: none;
}
.btn.btn-outlined.btn-color-system {
  color: #9C91C5;
  border-color: #9C91C5;
}
.btn.btn-outlined.btn-color-system .icon {
  fill: #9C91C5;
}
.btn.btn-outlined.btn-color-system:hover {
  color: #fff;
  border-color: #615B7B;
  background: #615B7B;
}
.btn.btn-outlined.btn-color-system:hover .icon {
  fill: #fff;
}
.btn.btn-outlined.btn-color-system:active:hover {
  color: #8078A2;
  border-color: #8078A2;
  background: rgba(128, 20, 162, 0.16);
}
.btn.btn-outlined.btn-color-system:active:hover .icon {
  fill: #8078A2;
}
.btn.btn-outlined.btn-color-bv {
  color: #1D769F;
  border-color: #1D769F;
}
.btn.btn-outlined.btn-color-bv .icon {
  fill: #1D769F;
}
.btn.btn-outlined.btn-color-bv:hover {
  color: #fff;
  border-color: #134962;
  background: #134962;
}
.btn.btn-outlined.btn-color-bv:hover .icon {
  fill: #fff;
}
.btn.btn-outlined.btn-color-bv:active:hover {
  color: #1C6182;
  border-color: #1C6182;
  background: rgba(29, 118, 159, 0.16);
}
.btn.btn-outlined.btn-color-bv:active:hover .icon {
  fill: #1C6182;
}
.btn.btn-outlined.btn-color-dach {
  color: #4DBDC6;
  border-color: #4DBDC6;
}
.btn.btn-outlined.btn-color-dach .icon {
  fill: #4DBDC6;
}
.btn.btn-outlined.btn-color-dach:hover {
  color: #fff;
  border-color: #2F757B;
  background: #2F757B;
}
.btn.btn-outlined.btn-color-dach:hover .icon {
  fill: #fff;
}
.btn.btn-outlined.btn-color-dach:active:hover {
  color: #419BA2;
  border-color: #419BA2;
  background: rgba(77, 189, 198, 0.16);
}
.btn.btn-outlined.btn-color-dach:active:hover .icon {
  fill: #419BA2;
}
.btn.btn-outlined.btn-color-success {
  color: #51AF3D;
  border-color: #51AF3D;
}
.btn.btn-outlined.btn-color-success .icon {
  fill: #51AF3D;
}
.btn.btn-outlined.btn-color-success:hover {
  color: #fff;
  border-color: #306E25;
  background: #306E25;
}
.btn.btn-outlined.btn-color-success:hover .icon {
  fill: #fff;
}
.btn.btn-outlined.btn-color-success:active:hover {
  color: #429032;
  border-color: #429032;
  background: rgba(81, 175, 61, 0.16);
}
.btn.btn-outlined.btn-color-success:active:hover .icon {
  fill: #429032;
}
.btn.btn-outlined.btn-color-danger {
  color: #9E3F20;
  border-color: #9E3F20;
}
.btn.btn-outlined.btn-color-danger .icon {
  fill: #9E3F20;
}
.btn.btn-outlined.btn-color-danger:hover {
  color: #fff;
  border-color: #532106;
  background: #532106;
}
.btn.btn-outlined.btn-color-danger:hover .icon {
  fill: #fff;
}
.btn.btn-outlined.btn-color-danger:active:hover {
  color: #793115;
  border-color: #793115;
  background: rgba(158, 63, 32, 0.16);
}
.btn.btn-outlined.btn-color-danger:active:hover .icon {
  fill: #793115;
}
.btn.btn-outlined.pure-icon-btn {
  width: 44px;
  height: 44px;
  padding: 0;
}
.btn.btn-outlined.pure-icon-btn .icon {
  margin-right: 0;
}
.btn.btn-outlined.disabled, .btn.btn-outlined:disabled {
  border: 1px solid #E7E8EA;
  color: #9EA3A9;
  background: transparent;
  pointer-events: none;
}
.btn.btn-outlined.disabled .icon, .btn.btn-outlined:disabled .icon {
  fill: #9EA3A9;
}
.btn.btn-filled .icon {
  fill: #fff;
}
.btn.btn-filled.btn-color-system {
  background: #9C91C5;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.btn.btn-filled.btn-color-system:hover {
  background: #615B7B;
}
.btn.btn-filled.btn-color-system:active:hover {
  background: #8078A2;
}
.btn.btn-filled.btn-color-bv {
  background: #1D769F;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.btn.btn-filled.btn-color-bv:hover {
  background: #134962;
}
.btn.btn-filled.btn-color-bv:active:hover {
  background: #1C6182;
}
.btn.btn-filled.btn-color-dach {
  background: #4DBDC6;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.btn.btn-filled.btn-color-dach:hover {
  background: #2F757B;
}
.btn.btn-filled.btn-color-dach:active:hover {
  background: #419BA2;
}
.btn.btn-filled.btn-color-success {
  background: #51AF3D;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.btn.btn-filled.btn-color-success:hover {
  background: #306E25;
}
.btn.btn-filled.btn-color-success:active:hover {
  background: #429032;
}
.btn.btn-filled.btn-color-danger {
  background: #9E3F20;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.btn.btn-filled.btn-color-danger:hover {
  background: #532106;
}
.btn.btn-filled.btn-color-danger:active:hover {
  background: #793115;
}
.btn.btn-filled.disabled, .btn.btn-filled:disabled {
  background: #E7E8EA;
  box-shadow: none;
  color: #9EA3A9;
  pointer-events: none;
}
.btn.btn-filled.disabled .icon, .btn.btn-filled:disabled .icon {
  fill: #9EA3A9;
}

@-webkit-keyframes slideUp {
  0% {
    height: 0;
  }
  100% {
    height: calc(100% - 60px - 56px);
  }
}

@keyframes slideUp {
  0% {
    height: 0;
  }
  100% {
    height: calc(100% - 60px - 56px);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes slideLeft {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.bottom-bar .content-overlay {
  display: none;
  height: 100%;
  width: 100%;
  background: rgba(43, 49, 56, 0.8);
}
.bottom-bar .content-overlay > .content {
  background: #fff;
  position: absolute;
  bottom: 60px;
  right: 0;
  height: 0;
  width: 100%;
  border-radius: 8px 8px 0 0;
  -webkit-animation: slideUp 100ms ease-in-out 0s both;
          animation: slideUp 100ms ease-in-out 0s both;
}
.bottom-bar .content-overlay > .content.secondary {
  height: calc(100% - 60px - 56px);
  -webkit-animation: slideLeft 100ms ease-in-out 0s both;
          animation: slideLeft 100ms ease-in-out 0s both;
}
.bottom-bar .content-overlay > .content.secondary:empty {
  display: none;
}
.bottom-bar .modal-header-label {
  margin-top: 16px;
  text-align: center;
}
.bottom-bar .back-btn {
  position: absolute;
  top: 16px;
  left: 16px;
}
.bottom-bar .bottom-bar-inner {
  background: #F5F6F7;
  padding: 16px;
  height: 100%;
  padding-bottom: 80px;
  position: relative;
  overflow: auto;
}
.bottom-bar .menu {
  background: #fff;
  box-shadow: 0px -2px 8px 0px rgba(43, 49, 56, 0.16);
  padding-top: 8px;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 100%;
  flex-wrap: wrap;
}
.bottom-bar .menu .open-btn {
  width: calc(100% - 64px);
}
.bottom-bar .menu .close-btn {
  display: none;
  width: 100%;
}
.bottom-bar .menu .move-up-btn {
  border-radius: 100px;
}
.bottom-bar .menu .addon {
  display: none;
  width: 100%;
}
.bottom-bar.open {
  height: 100%;
}
.bottom-bar.open .content-overlay {
  display: block;
}
.bottom-bar.open .menu .open-btn {
  display: none;
}
.bottom-bar.open .menu .move-up-btn {
  display: none;
}
.bottom-bar.open .menu .close-btn {
  display: block;
}
.bottom-bar.open .menu .addon {
  display: block;
}
.bottom-bar.secondary .menu .close-btn .icon {
  fill: #fff;
}
.bottom-bar.secondary .menu .close-btn.btn-color-system {
  background: #9C91C5;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.bottom-bar.secondary .menu .close-btn.btn-color-system:hover {
  background: #615B7B;
}
.bottom-bar.secondary .menu .close-btn.btn-color-system:active:hover {
  background: #8078A2;
}
.bottom-bar.secondary .menu .close-btn.btn-color-bv {
  background: #1D769F;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.bottom-bar.secondary .menu .close-btn.btn-color-bv:hover {
  background: #134962;
}
.bottom-bar.secondary .menu .close-btn.btn-color-bv:active:hover {
  background: #1C6182;
}
.bottom-bar.secondary .menu .close-btn.btn-color-dach {
  background: #4DBDC6;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.bottom-bar.secondary .menu .close-btn.btn-color-dach:hover {
  background: #2F757B;
}
.bottom-bar.secondary .menu .close-btn.btn-color-dach:active:hover {
  background: #419BA2;
}
.bottom-bar.secondary .menu .close-btn.btn-color-success {
  background: #51AF3D;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.bottom-bar.secondary .menu .close-btn.btn-color-success:hover {
  background: #306E25;
}
.bottom-bar.secondary .menu .close-btn.btn-color-success:active:hover {
  background: #429032;
}
.bottom-bar.secondary .menu .close-btn.btn-color-danger {
  background: #9E3F20;
  color: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.bottom-bar.secondary .menu .close-btn.btn-color-danger:hover {
  background: #532106;
}
.bottom-bar.secondary .menu .close-btn.btn-color-danger:active:hover {
  background: #793115;
}
.bottom-bar.secondary .menu .close-btn.disabled, .bottom-bar.secondary .menu .close-btn:disabled {
  background: #E7E8EA;
  box-shadow: none;
  color: #9EA3A9;
  pointer-events: none;
}
.bottom-bar.secondary .menu .close-btn.disabled .icon, .bottom-bar.secondary .menu .close-btn:disabled .icon {
  fill: #9EA3A9;
}
.b {
  border: 1px solid black !important;
}

.full {
  width: 100%;
}

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

.list-table tbody {
  width: 100%;
}
.list-table tbody tr {
  width: 100%;
}
.list-table tbody tr .title {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #9EA3A9;
  padding: 0 8px 0 0;
}
.list-table tbody tr .description {
  vertical-align: top;
  color: #2B3138;
  padding: 0;
}
.list-table tbody tr .description.left {
  text-align: left;
}
.list-table tbody tr .description.right {
  text-align: right;
}

.undefined, .true, .false {
  border: 5px solid red !important;
}

body {
  font-family: Lato;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #2B3138;
}
body [class*=col-], body .col {
  padding-left: 8px;
  padding-right: 8px;
}
body h1 {
  font-size: 33px;
  line-height: 40px;
  color: black;
  margin-bottom: 16px;
  font-weight: 300;
}
body h2 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  color: #2B3138;
  margin-bottom: 16px;
}
body h3 {
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #9EA3A9;
  margin-bottom: 16px;
}
body p {
  margin-bottom: 16px;
}
body .small {
  font-weight: 700;
  font-size: 11px;
  line-height: 16px;
  color: #2B3138;
}
body input, body select {
  height: 44px !important;
}
body a {
  color: #2B3138;
}
body a:hover {
  color: #2B3138;
}
body a.color-system {
  color: #9C91C5;
}
body a.color-system:hover {
  color: #615B7B;
}
body a.color-dach {
  color: #4DBDC6;
}
body a.color-dach:hover {
  color: #2F757B;
}
body a.color-bv {
  color: #1D769F;
}
body a.color-bv:hover {
  color: #134962;
}

.layout {
  min-height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F5F6F7;
}
.layout .layout-body {
  padding-bottom: 134px;
  margin-top: 56px;
}
.layout .layout-body .stage {
  display: block;
  position: relative;
  background: linear-gradient(90deg, #9c91c5 0%, #615b7b 50%);
  width: 100%;
  z-index: 0;
}
.layout .layout-body .stage.dach {
  background: linear-gradient(90deg, #4dbdc6 0%, #2f757b 50%);
}
.layout .layout-body .stage.bv {
  background: linear-gradient(90deg, #1d769f 0%, #134962 50%);
}
.layout .layout-body .stage.with-image {
  height: 472px;
  background-image: url(/resources/19047d347b3e8ddef0af923301be8340.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  z-index: 0;
}
.layout .layout-body .stage.with-image .background-overlay {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #9c91c5 0%, #615b7b 50%);
  opacity: 0.9;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.layout .layout-body .stage .title {
  width: 100%;
  text-align: center;
  padding-bottom: 50px;
  padding-top: 40px;
  z-index: 1;
}
.layout .layout-body .stage .title h1 {
  color: #fff;
}
.layout .layout-body .action-bar {
  background: #fff;
  width: calc(100% + 32px - 1px);
  margin-bottom: 32px;
  margin-left: -16px;
  padding: 16px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  display: block;
  box-shadow: 4px 4px 16px -8px rgba(43, 49, 56, 0.8);
  z-index: 1;
  border-radius: 8px;
}
.layout .layout-body .action-bar.tabs {
  padding: 0;
}
.layout .layout-body .action-bar:empty {
  display: none;
}
.layout .layout-body .action-bar:first-of-type {
  margin-top: -32px;
}
@media (max-width: 576px) {
  .layout .layout-body .action-bar {
    border-radius: 0;
  }
}
.layout .layout-body > .content {
  margin-top: -64px;
  width: 100%;
  margin-bottom: calc(64px + 80px);
  color: #9EA3A9;
}
.layout .layout-body .white-header {
  background: #fff;
}
.layout .layout-body .white-header.grey {
  background: #F5F6F7;
}
.layout .layout-body .children-container {
  margin-top: 32px;
}
@charset "UTF-8";
@font-face {
  font-family: "FacilityScanner_Icons";
  src: url(/resources/f55c3f923a95c66486ea6e6589ff672e.eot);
  src: url(/resources/f55c3f923a95c66486ea6e6589ff672e.eot) format("embedded-opentype"), url(/resources/64c12aa91f307ef947830bc405b00edd.ttf) format("truetype"), url(/resources/8043bfe737cbc847544e65c3b7b75f7e.woff) format("woff"), url(/resources/7e9834ed0dd5df78d610462d874d4caf.svg) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "FacilityScanner_Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Excel:before {
  content: "";
}

.icon-Camera:before {
  content: "";
}

.icon-Danger:before {
  content: "";
}

.icon-Pin--filled:before {
  content: "";
}

.icon-Pin:before {
  content: "";
}

.icon-Bottle:before {
  content: "";
}

.icon-Flower:before {
  content: "";
}

.icon-Leave:before {
  content: "";
}

.icon-Loading:before {
  content: "";
}

.icon-Notreparatur:before {
  content: "";
}

.icon-Reparatur:before {
  content: "";
}

.icon-Sad:before {
  content: "";
}

.icon-Arrow_1_down:before {
  content: "";
}

.icon-Arrow_1_left:before {
  content: "";
}

.icon-Arrow_1_right:before {
  content: "";
}

.icon-Arrow_1_up:before {
  content: "";
}

.icon-Arrow_2_down:before {
  content: "";
}

.icon-Arrow_2_left:before {
  content: "";
}

.icon-Arrow_2_up:before {
  content: "";
}

.icon-Bin:before {
  content: "";
}

.icon-Cancel_1:before {
  content: "";
}

.icon-Cancel_2:before {
  content: "";
}

.icon-Check:before {
  content: "";
}

.icon-Copy:before {
  content: "";
}

.icon-Downloads:before {
  content: "";
}

.icon-Eye_closed:before {
  content: "";
}

.icon-Forbidden:before {
  content: "";
}

.icon-Lock:before {
  content: "";
}

.icon-Minus:before {
  content: "";
}

.icon-Pen:before {
  content: "";
}

.icon-Plus:before {
  content: "";
}

.icon-Arrow_2:before {
  content: "";
}

.icon-Arrow_1svg:before {
  content: "";
}

.icon-Building:before {
  content: "";
}

.icon-Calender:before {
  content: "";
}

.icon-Document:before {
  content: "";
}

.icon-Eye:before {
  content: "";
}

.icon-Facilities:before {
  content: "";
}

.icon-Hint_1:before {
  content: "";
}

.icon-List:before {
  content: "";
}

.icon-Logout:before {
  content: "";
}

.icon-MyAccount:before {
  content: "";
}

.icon-Outlook:before {
  content: "";
}

.icon-PDF:before {
  content: "";
}

.icon-Requirements:before {
  content: "";
}

.icon-Roof:before {
  content: "";
}

.icon-Search:before {
  content: "";
}

.icon-Table:before {
  content: "";
}
.custom-modal-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(43, 49, 56, 0.8);
  z-index: 100;
  align-items: center;
  justify-content: center;
}
.custom-modal-container .custom-modal {
  background: #fff;
  background: #F5F6F7;
  display: flex;
  flex-direction: column;
  padding: 0;
  max-height: calc(100% - 128px);
  position: relative;
}
.custom-modal-container .custom-modal .custom-header {
  width: 100%;
  padding: 24px 32px;
  background: #fff;
  text-align: center;
  box-shadow: 0px 2px 8px 0px rgba(43, 49, 56, 0.16);
  position: relative;
}
.custom-modal-container .custom-modal .custom-header h3 {
  margin: 0;
}
.custom-modal-container .custom-modal .custom-header .icon-container {
  padding: 6px;
  position: absolute;
  right: 32px;
  top: 24px;
  cursor: pointer;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-modal-container .custom-modal .custom-header .icon-container.color-system:hover {
  border: 1px solid #9C91C5;
}
.custom-modal-container .custom-modal .custom-header .icon-container.color-bv:hover {
  border: 1px solid #1D769F;
}
.custom-modal-container .custom-modal .custom-header .icon-container.color-dach:hover {
  border: 1px solid #4DBDC6;
}
.custom-modal-container .custom-modal .custom-header .icon-container.color-success:hover {
  border: 1px solid #51AF3D;
}
.custom-modal-container .custom-modal .custom-header .icon-container.color-danger:hover {
  border: 1px solid #9E3F20;
}
.custom-modal-container .custom-modal .custom-body {
  width: 100%;
  flex-grow: 1;
  padding: 32px;
  overflow: auto;
  max-height: calc(100% - 76px);
  margin-bottom: 76px;
}
.custom-modal-container .custom-modal .custom-footer {
  padding: 16px 32px;
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: space-between;
  box-shadow: -2px 0px 8px 0px rgba(43, 49, 56, 0.16);
  position: absolute;
  bottom: 0;
  left: 0;
}
.custom-modal-container .custom-modal .custom-footer :only-child {
  width: 100%;
}
.custom-modal-container .custom-modal.color-system .custom-header svg {
  fill: #9C91C5;
}
.custom-modal-container .custom-modal.color-bv .custom-header svg {
  fill: #1D769F;
}
.custom-modal-container .custom-modal.color-dach .custom-header svg {
  fill: #4DBDC6;
}
.custom-modal-container .custom-modal.color-success .custom-header svg {
  fill: #51AF3D;
}
.custom-modal-container .custom-modal.color-danger .custom-header svg {
  fill: #9E3F20;
}
@-webkit-keyframes fadeIn {
  to {
    opacity: 1;
    display: block;
    margin-bottom: 8px;
  }
}
@keyframes fadeIn {
  to {
    opacity: 1;
    display: block;
    margin-bottom: 8px;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    height: auto;
    height: initial;
  }
  100% {
    height: 0;
    margin-bottom: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    height: auto;
    height: initial;
  }
  100% {
    height: 0;
    margin-bottom: 0;
  }
}
.custom-toast-container {
  z-index: 99;
  padding: 16px;
  position: absolute;
  right: 0;
  top: 0;
  max-height: calc(100% - 32px);
  overflow: auto;
  padding-top: 64px;
}
.custom-toast-container:empty {
  display: none;
}
.custom-toast-container .custom-toast {
  padding: 0;
  height: auto;
  height: initial;
  border-radius: 8px;
  width: 100%;
  box-shadow: 4px 4px 16px -8px rgba(43, 49, 56, 0.8);
  color: #fff;
  opacity: 0;
  -webkit-animation: fadeOut 300ms ease-in-out 0s both;
          animation: fadeOut 300ms ease-in-out 0s both;
  overflow: hidden;
}
.custom-toast-container .custom-toast .header {
  display: flex;
  justify-content: space-between;
}
.custom-toast-container .custom-toast .header h3 {
  padding: 16px;
  color: #fff;
  margin: 0;
}
.custom-toast-container .custom-toast .header .menu {
  padding: 16px;
  cursor: pointer;
}
.custom-toast-container .custom-toast .content {
  padding: 16px;
  color: black;
}
.custom-toast-container .custom-toast.show {
  -webkit-animation: fadeIn 300ms ease-in-out 0s both;
          animation: fadeIn 300ms ease-in-out 0s both;
}
.custom-toast-container .custom-toast.color-success {
  background: #EDF7EB;
  border: 1px solid #429032;
}
.custom-toast-container .custom-toast.color-success .header {
  background: #429032;
}
.custom-toast-container .custom-toast.color-success .header .menu {
  background: #51AF3D;
}
.custom-toast-container .custom-toast.color-success .header .menu:hover {
  background: #429032;
}
.custom-toast-container .custom-toast.color-warning {
  background: #FDF7E6;
  border: 1px solid #C79600;
}
.custom-toast-container .custom-toast.color-warning .header {
  background: #C79600;
}
.custom-toast-container .custom-toast.color-warning .header .menu {
  background: #EBB30C;
}
.custom-toast-container .custom-toast.color-warning .header .menu:hover {
  background: #C79600;
}
.custom-toast-container .custom-toast.color-danger {
  background: #F5EBE8;
  border: 1px solid #793115;
}
.custom-toast-container .custom-toast.color-danger .header {
  background: #793115;
}
.custom-toast-container .custom-toast.color-danger .header .menu {
  background: #9E3F20;
}
.custom-toast-container .custom-toast.color-danger .header .menu:hover {
  background: #793115;
}
.footer {
  z-index: 1;
  border-top: 1px solid #E7E8EA;
  background-color: #F5F6F7;
  width: 100%;
  height: 70px;
  color: #9EA3A9;
  position: absolute;
  bottom: 0;
}
.footer .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.footer .container .links {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: space-evenly;
}
.footer .container .links .textlink {
  margin-right: 16px;
  margin-left: 16px;
  color: #9EA3A9;
}
.footer .container .imprint {
  font-size: 12px;
}
@media (max-width: 576px) {
  .footer {
    height: 88px;
    padding-bottom: 32px;
    padding-top: 24px;
  }
  .footer .container {
    flex-wrap: wrap;
  }
  .footer .container .links {
    width: 100%;
  }
  .footer .container .imprint {
    width: 100%;
    margin-top: 16px;
    text-align: center;
  }
}
.btn.btn-action-bar {
  height: 64px;
  padding-right: 64px;
  padding-left: 16px;
  color: #fff;
  border-radius: 4px;
  justify-content: start;
  overflow: hidden;
}
.btn.btn-action-bar:hover {
  color: #fff;
}
.btn.btn-action-bar .icon {
  margin-right: 16px;
  max-height: 32px;
  max-width: 32px;
  fill: #fff;
}
.btn.btn-action-bar.btn-color-system {
  background-color: #615B7B;
}
.btn.btn-action-bar.btn-color-system.with-arrow:after {
  background-color: #9C91C5;
}
.btn.btn-action-bar.btn-color-system:hover.with-arrow:after {
  background-color: #615B7B;
}
.btn.btn-action-bar.btn-color-bv {
  background-color: #134962;
}
.btn.btn-action-bar.btn-color-bv.with-arrow:after {
  background-color: #1D769F;
}
.btn.btn-action-bar.btn-color-bv:hover.with-arrow:after {
  background-color: #134962;
}
.btn.btn-action-bar.btn-color-dach {
  background-color: #2F757B;
}
.btn.btn-action-bar.btn-color-dach.with-arrow:after {
  background-color: #4DBDC6;
}
.btn.btn-action-bar.btn-color-dach:hover.with-arrow:after {
  background-color: #2F757B;
}
.btn.btn-action-bar.btn-color-success {
  background-color: #306E25;
}
.btn.btn-action-bar.btn-color-success.with-arrow:after {
  background-color: #51AF3D;
}
.btn.btn-action-bar.btn-color-success:hover.with-arrow:after {
  background-color: #306E25;
}
.btn.btn-action-bar.btn-color-danger {
  background-color: #532106;
}
.btn.btn-action-bar.btn-color-danger.with-arrow:after {
  background-color: #9E3F20;
}
.btn.btn-action-bar.btn-color-danger:hover.with-arrow:after {
  background-color: #532106;
}
.btn.btn-action-bar.with-arrow:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 64px;
  width: 48px;
  background-image: url(/resources/fd814ec1fcb0fe337de55d5877453252.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.btn.btn-action-bar:hover.with-arrow:after {
  right: -2px;
}
.btn.btn-action-bar.disabled, .btn.btn-action-bar:disabled {
  background: #E7E8EA;
  box-shadow: none;
  color: #9EA3A9;
  pointer-events: none;
}
.btn.btn-action-bar.disabled .icon, .btn.btn-action-bar:disabled .icon {
  fill: #9EA3A9;
}
.btn.btn-action-bar.disabled.with-arrow:after, .btn.btn-action-bar:disabled.with-arrow:after {
  background-color: #9EA3A9;
}
.navigation {
  padding: 0;
  position: fixed;
  width: 100%;
  height: 56px;
  background: linear-gradient(90deg, #9c91c5 0%, #615b7b 50%);
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
  z-index: 2;
}
.navigation.bv {
  background: linear-gradient(90deg, #1d769f 0%, #134962 50%);
}
.navigation.dach {
  background: linear-gradient(90deg, #4dbdc6 0%, #2f757b 50%);
}
.navigation .btn {
  color: #fff;
}
.navigation .btn.back {
  color: #9EA3A9;
}
.navigation .btn.back:hover {
  color: #fff;
}
.navigation .btn.profile-link .icon {
  width: 100% !important;
  height: 100% !important;
  border-radius: 100px;
  fill: #fff !important;
}
.navigation .btn.profile-link:hover .icon {
  background: #fff;
  fill: #9C91C5 !important;
}
.navigation .btn.profile-link:hover .icon.bv {
  fill: #1D769F !important;
}
.navigation .btn.profile-link:hover .icon.dach {
  fill: #4DBDC6 !important;
}
.btn.text-link {
  padding: 0;
  height: auto;
  height: initial;
  background: transparent;
  font-weight: 400;
}
.btn.text-link.btn-color-system {
  color: #9C91C5;
}
.btn.text-link.btn-color-system .icon {
  fill: #9C91C5;
}
.btn.text-link.btn-color-system:hover {
  color: #615B7B;
  text-decoration: underline !important;
}
.btn.text-link.btn-color-system:hover .icon {
  fill: #615B7B;
}
.btn.text-link.btn-color-system:active:hover {
  color: #8078A2;
}
.btn.text-link.btn-color-system:active:hover .icon {
  fill: #8078A2;
}
.btn.text-link.btn-color-bv {
  color: #1D769F;
}
.btn.text-link.btn-color-bv .icon {
  fill: #1D769F;
}
.btn.text-link.btn-color-bv:hover {
  color: #134962;
  text-decoration: underline !important;
}
.btn.text-link.btn-color-bv:hover .icon {
  fill: #134962;
}
.btn.text-link.btn-color-bv:active:hover {
  color: #1C6182;
}
.btn.text-link.btn-color-bv:active:hover .icon {
  fill: #1C6182;
}
.btn.text-link.btn-color-dach {
  color: #4DBDC6;
}
.btn.text-link.btn-color-dach .icon {
  fill: #4DBDC6;
}
.btn.text-link.btn-color-dach:hover {
  color: #2F757B;
  text-decoration: underline !important;
}
.btn.text-link.btn-color-dach:hover .icon {
  fill: #2F757B;
}
.btn.text-link.btn-color-dach:active:hover {
  color: #419BA2;
}
.btn.text-link.btn-color-dach:active:hover .icon {
  fill: #419BA2;
}
.btn.text-link.btn-color-success {
  color: #51AF3D;
}
.btn.text-link.btn-color-success .icon {
  fill: #51AF3D;
}
.btn.text-link.btn-color-success:hover {
  color: #306E25;
  text-decoration: underline !important;
}
.btn.text-link.btn-color-success:hover .icon {
  fill: #306E25;
}
.btn.text-link.btn-color-success:active:hover {
  color: #429032;
}
.btn.text-link.btn-color-success:active:hover .icon {
  fill: #429032;
}
.btn.text-link.btn-color-danger {
  color: #9E3F20;
}
.btn.text-link.btn-color-danger .icon {
  fill: #9E3F20;
}
.btn.text-link.btn-color-danger:hover {
  color: #532106;
  text-decoration: underline !important;
}
.btn.text-link.btn-color-danger:hover .icon {
  fill: #532106;
}
.btn.text-link.btn-color-danger:active:hover {
  color: #793115;
}
.btn.text-link.btn-color-danger:active:hover .icon {
  fill: #793115;
}
.btn.text-link.disabled, .btn.text-link:disabled {
  color: #9EA3A9;
  border-color: transparent;
  pointer-events: none;
}
.btn.text-link.disabled .icon, .btn.text-link:disabled .icon {
  fill: #9EA3A9;
}
@charset "UTF-8";
.breadcrumbs-bar-container .breadcrumbs-bar {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs {
  max-width: calc(100% - 50px);
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-left: 8px;
}
.breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs > .breadcrumb {
  padding: 0;
  color: #fff;
  margin-top: 2px;
  margin-right: 20px;
  background: none;
  position: relative;
  height: auto;
  height: initial;
  flex-wrap: nowrap;
  font-size: 12px;
}
.breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs > .breadcrumb:disabled, .breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs > .breadcrumb.disabled {
  color: #9EA3A9;
}
.breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs > .breadcrumb:after {
  font-family: "FacilityScanner_Icons" !important;
  content: "";
  position: absolute;
  right: -18px;
  top: 0;
  pointer-events: none;
}
.breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs > .breadcrumb:last-child:after {
  display: none;
}
@media (max-width: 576px) {
  .breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs > .breadcrumb span {
    max-width: 100px;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
.btn.btn-outlined-rounded-white {
  height: 24px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 16px;
  border-width: 1px;
  border-style: solid;
  background: transparent;
  font-size: 12px;
  vertical-align: center;
}
.btn.btn-outlined-rounded-white.mobile {
  padding-bottom: 4px;
  padding-top: 0;
}
.btn.btn-outlined-rounded-white .icon {
  max-height: 16px;
  max-width: 16px;
}
.btn.btn-outlined-rounded-white.btn-color-system {
  color: #fff;
  border-color: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-system .icon {
  fill: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-system:hover {
  color: #615B7B;
  border-color: #fff;
  background: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-system:hover .icon {
  fill: #615B7B;
}
.btn.btn-outlined-rounded-white.btn-color-system:active:hover {
  color: #8078A2;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.16);
}
.btn.btn-outlined-rounded-white.btn-color-system:active:hover .icon {
  fill: #8078A2;
}
.btn.btn-outlined-rounded-white.btn-color-bv {
  color: #fff;
  border-color: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-bv .icon {
  fill: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-bv:hover {
  color: #134962;
  border-color: #fff;
  background: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-bv:hover .icon {
  fill: #134962;
}
.btn.btn-outlined-rounded-white.btn-color-bv:active:hover {
  color: #1C6182;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.16);
}
.btn.btn-outlined-rounded-white.btn-color-bv:active:hover .icon {
  fill: #1C6182;
}
.btn.btn-outlined-rounded-white.btn-color-dach {
  color: #fff;
  border-color: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-dach .icon {
  fill: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-dach:hover {
  color: #2F757B;
  border-color: #fff;
  background: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-dach:hover .icon {
  fill: #2F757B;
}
.btn.btn-outlined-rounded-white.btn-color-dach:active:hover {
  color: #419BA2;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.16);
}
.btn.btn-outlined-rounded-white.btn-color-dach:active:hover .icon {
  fill: #419BA2;
}
.btn.btn-outlined-rounded-white.btn-color-success {
  color: #fff;
  border-color: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-success .icon {
  fill: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-success:hover {
  color: #306E25;
  border-color: #fff;
  background: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-success:hover .icon {
  fill: #306E25;
}
.btn.btn-outlined-rounded-white.btn-color-success:active:hover {
  color: #429032;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.16);
}
.btn.btn-outlined-rounded-white.btn-color-success:active:hover .icon {
  fill: #429032;
}
.btn.btn-outlined-rounded-white.btn-color-danger {
  color: #fff;
  border-color: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-danger .icon {
  fill: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-danger:hover {
  color: #532106;
  border-color: #fff;
  background: #fff;
}
.btn.btn-outlined-rounded-white.btn-color-danger:hover .icon {
  fill: #532106;
}
.btn.btn-outlined-rounded-white.btn-color-danger:active:hover {
  color: #793115;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.16);
}
.btn.btn-outlined-rounded-white.btn-color-danger:active:hover .icon {
  fill: #793115;
}
.btn.btn-outlined-rounded-white.disabled, .btn.btn-outlined-rounded-white:disabled {
  border: 1px solid #9EA3A9;
  color: #9EA3A9;
  background: transparent;
  pointer-events: none;
}
.btn.btn-outlined-rounded-white.disabled .icon, .btn.btn-outlined-rounded-white:disabled .icon {
  fill: #9EA3A9;
}
.flyout {
  background: none;
  border: none;
  padding: 0;
  position: relative;
}
.flyout > .trigger {
  position: relative;
}
.flyout > .content {
  z-index: 1;
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: -20px;
  padding: 32px;
  border-right: 4px;
  background: #fff;
  box-shadow: 4px 4px 16px -8px rgba(43, 49, 56, 0.8);
}
.flyout > .content .btn {
  margin-bottom: 16px;
}
.flyout > .content .btn:last-child {
  margin-bottom: 0;
}
.flyout > .content:after {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: 20px;
  height: 10px;
  width: 10px;
  border-left: 5px solid transparent;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}
.flyout:focus, .flyout:active, .flyout:active:hover {
  box-shadow: none;
  outline: 0;
  border: none;
}
.flyout:focus > .content, .flyout[focus-within] > .content {
  display: block;
}
.flyout:focus > .content, .flyout:focus-within > .content {
  display: block;
}
.dashboard-page-container .info-text {
  margin-top: 30px;
}
.btn.btn-outlined-rounded {
  height: 24px;
  padding: 0;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 16px;
  border-width: 1px;
  border-style: solid;
  background: transparent;
}
.btn.btn-outlined-rounded .icon {
  max-height: 16px;
  max-width: 16px;
}
.btn.btn-outlined-rounded.btn-color-system {
  color: #9C91C5;
  border-color: #9C91C5;
}
.btn.btn-outlined-rounded.btn-color-system .icon {
  fill: #9C91C5;
}
.btn.btn-outlined-rounded.btn-color-system:hover {
  color: #fff;
  border-color: #615B7B;
  background: #615B7B;
}
.btn.btn-outlined-rounded.btn-color-system:hover .icon {
  fill: #fff;
}
.btn.btn-outlined-rounded.btn-color-system:active:hover {
  color: #8078A2;
  border-color: #8078A2;
  background: rgba(128, 20, 162, 0.16);
}
.btn.btn-outlined-rounded.btn-color-system:active:hover .icon {
  fill: #8078A2;
}
.btn.btn-outlined-rounded.btn-color-bv {
  color: #1D769F;
  border-color: #1D769F;
}
.btn.btn-outlined-rounded.btn-color-bv .icon {
  fill: #1D769F;
}
.btn.btn-outlined-rounded.btn-color-bv:hover {
  color: #fff;
  border-color: #134962;
  background: #134962;
}
.btn.btn-outlined-rounded.btn-color-bv:hover .icon {
  fill: #fff;
}
.btn.btn-outlined-rounded.btn-color-bv:active:hover {
  color: #1C6182;
  border-color: #1C6182;
  background: rgba(29, 118, 159, 0.16);
}
.btn.btn-outlined-rounded.btn-color-bv:active:hover .icon {
  fill: #1C6182;
}
.btn.btn-outlined-rounded.btn-color-dach {
  color: #4DBDC6;
  border-color: #4DBDC6;
}
.btn.btn-outlined-rounded.btn-color-dach .icon {
  fill: #4DBDC6;
}
.btn.btn-outlined-rounded.btn-color-dach:hover {
  color: #fff;
  border-color: #2F757B;
  background: #2F757B;
}
.btn.btn-outlined-rounded.btn-color-dach:hover .icon {
  fill: #fff;
}
.btn.btn-outlined-rounded.btn-color-dach:active:hover {
  color: #419BA2;
  border-color: #419BA2;
  background: rgba(77, 189, 198, 0.16);
}
.btn.btn-outlined-rounded.btn-color-dach:active:hover .icon {
  fill: #419BA2;
}
.btn.btn-outlined-rounded.btn-color-success {
  color: #51AF3D;
  border-color: #51AF3D;
}
.btn.btn-outlined-rounded.btn-color-success .icon {
  fill: #51AF3D;
}
.btn.btn-outlined-rounded.btn-color-success:hover {
  color: #fff;
  border-color: #306E25;
  background: #306E25;
}
.btn.btn-outlined-rounded.btn-color-success:hover .icon {
  fill: #fff;
}
.btn.btn-outlined-rounded.btn-color-success:active:hover {
  color: #429032;
  border-color: #429032;
  background: rgba(81, 175, 61, 0.16);
}
.btn.btn-outlined-rounded.btn-color-success:active:hover .icon {
  fill: #429032;
}
.btn.btn-outlined-rounded.btn-color-danger {
  color: #9E3F20;
  border-color: #9E3F20;
}
.btn.btn-outlined-rounded.btn-color-danger .icon {
  fill: #9E3F20;
}
.btn.btn-outlined-rounded.btn-color-danger:hover {
  color: #fff;
  border-color: #532106;
  background: #532106;
}
.btn.btn-outlined-rounded.btn-color-danger:hover .icon {
  fill: #fff;
}
.btn.btn-outlined-rounded.btn-color-danger:active:hover {
  color: #793115;
  border-color: #793115;
  background: rgba(158, 63, 32, 0.16);
}
.btn.btn-outlined-rounded.btn-color-danger:active:hover .icon {
  fill: #793115;
}
.btn.btn-outlined-rounded.pure-icon-btn {
  width: 24px;
  padding: 0;
}
.btn.btn-outlined-rounded.pure-icon-btn .icon {
  margin-right: 0;
}
.btn.btn-outlined-rounded.disabled, .btn.btn-outlined-rounded:disabled {
  border: 1px solid #E7E8EA;
  color: #9EA3A9;
  background: transparent;
  pointer-events: none;
}
.btn.btn-outlined-rounded.disabled .icon, .btn.btn-outlined-rounded:disabled .icon {
  fill: #9EA3A9;
}
.styleguide-page {
  background: whitesmoke;
  padding: 8px;
}
.tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.tabs .tabs-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: auto;
}
.tabs .tabs-container button.tab {
  background: none;
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  border: none;
  border-bottom: 4px solid transparent;
  padding-left: 8px;
  margin-left: 8px;
  padding-right: 8px;
  margin-right: 8px;
  height: 96px;
  white-space: nowrap;
  color: #9C91C5;
}
.tabs .tabs-container button.tab.bv {
  color: #1D769F;
}
.tabs .tabs-container button.tab.dach {
  color: #4DBDC6;
}
.tabs .tabs-container button.tab:hover {
  color: #615B7B;
  border-bottom: 4px solid #615B7B;
}
.tabs .tabs-container button.tab:hover.bv {
  color: #134962;
  border-bottom: 4px solid #134962;
}
.tabs .tabs-container button.tab:hover.dach {
  color: #2F757B;
  border-bottom: 4px solid #2F757B;
}
.tabs .tabs-container button.tab:focus {
  outline: 0;
}
.tabs .tabs-container button.tab.selected {
  color: #9EA3A9;
  border-bottom: 4px solid #9C91C5;
}
.tabs .tabs-container button.tab.selected.bv {
  border-bottom: 4px solid #1D769F;
}
.tabs .tabs-container button.tab.selected.dach {
  border-bottom: 4px solid #4DBDC6;
}
@charset "UTF-8";
.checkbox-wrapper {
  white-space: nowrap;
  align-items: center;
  color: #2B3138;
  display: flex;
  cursor: pointer;
}
.checkbox-wrapper span {
  max-width: calc(100% - 36px);
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkbox-wrapper::before {
  content: "";
  text-align: center;
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid #9C91C5;
  background-color: #fff;
  border-radius: 3px;
  margin-right: 16px;
}
.checkbox-wrapper.checked::before {
  font-family: "FacilityScanner_Icons";
  content: "";
  color: #fff;
  background-color: #9C91C5;
}
.checkbox-wrapper.error {
  color: #9E3F20;
}
.checkbox-wrapper.error::before {
  border: 1px solid #9E3F20;
  background-color: rgba(158, 63, 32, 0.16);
}
.checkbox-wrapper.error.checked::before {
  color: #9E3F20;
  background-color: rgba(158, 63, 32, 0.16);
}
.checkbox-wrapper:hover {
  color: #615B7B;
}
.checkbox-wrapper:hover::before, .checkbox-wrapper:hover.checked::before {
  font-family: "FacilityScanner_Icons";
  content: "";
  color: #fff;
  background-color: #615B7B;
  border: 1px solid #615B7B;
  color: #fff;
}
.checkbox-wrapper.disabled {
  pointer-events: none;
  color: #9EA3A9;
}
.checkbox-wrapper.disabled::before {
  border: 1px solid #9EA3A9 !important;
  background-color: #E7E8EA;
}
.checkbox-wrapper.disabled.checked::before {
  color: #9EA3A9;
  background-color: #E7E8EA;
}
.checkbox-wrapper.dach:hover {
  color: #2F757B;
}
.checkbox-wrapper.dach:hover::before, .checkbox-wrapper.dach:hover.checked::before {
  background-color: #2F757B;
  border: 1px solid #2F757B;
}
.checkbox-wrapper.dach::before {
  border: 1px solid #4DBDC6;
}
.checkbox-wrapper.dach.checked::before {
  background-color: #4DBDC6;
}
.checkbox-wrapper.bv:hover {
  color: #134962;
}
.checkbox-wrapper.bv:hover::before, .checkbox-wrapper.bv:hover.checked::before {
  background-color: #134962;
  border: 1px solid #134962;
}
.checkbox-wrapper.bv::before {
  border: 1px solid #1D769F;
}
.checkbox-wrapper.bv.checked::before {
  background-color: #1D769F;
}
.checkboxes-container .checkboxes .checkbox-wrapper {
  margin-bottom: 8px;
}
.checkboxes-container .checkboxes .checkbox-wrapper:last-child {
  margin-bottom: 0;
}
.top-label {
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  color: #2B3138;
  margin-bottom: 4px;
}

.message-label {
  margin-top: 4px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  color: #9EA3A9;
}

.disabled .top-label, .locked .top-label {
  color: #9EA3A9;
}

.error .message-label, .error .top-label {
  color: #9E3F20;
}
@charset "UTF-8";
.text-input-container .text-input {
  position: relative;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #E7E8EA;
  padding: 0;
}
.text-input-container .text-input input {
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  padding-right: 32px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #9EA3A9;
  font-width: 400;
}
.text-input-container .text-input input::-moz-placeholder {
  color: #9EA3A9;
}
.text-input-container .text-input input:-ms-input-placeholder {
  color: #9EA3A9;
}
.text-input-container .text-input input::-ms-input-placeholder {
  color: #9EA3A9;
}
.text-input-container .text-input input::placeholder {
  color: #9EA3A9;
}
.text-input-container .text-input input:only-child {
  padding-right: 16px;
}
.text-input-container .text-input .addon {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-input-container .text-input .addon svg {
  width: 12px;
  height: 12px;
}
.text-input-container .text-input .addon.active {
  cursor: pointer;
}
.text-input-container .text-input:hover input, .text-input-container .text-input:focus input, .text-input-container .text-input[focus-within] input {
  color: #1B2734;
}
.text-input-container .text-input:hover input, .text-input-container .text-input:focus input, .text-input-container .text-input:focus-within input {
  color: #1B2734;
}
.text-input-container.disabled, .text-input-container.locked {
  pointer-events: none;
}
.text-input-container.locked .text-input input {
  visibility: hidden;
}
.text-input-container.locked .text-input:after {
  font-family: "FacilityScanner_Icons";
  content: "";
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  font-size: 24px;
  color: #9EA3A9;
  padding-top: 12px;
}
.text-input-container.disabled .text-input {
  color: #9EA3A9;
}
.text-input-container.color-system .text-input:hover {
  border: 1px solid;
}
.text-input-container.color-system .text-input:focus, .text-input-container.color-system .text-input[focus-within] {
  border: 1px solid;
}
.text-input-container.color-system .text-input:focus, .text-input-container.color-system .text-input:focus-within {
  border: 1px solid;
}
.text-input-container.color-bv .text-input:hover {
  border: 1px solid;
}
.text-input-container.color-bv .text-input:focus, .text-input-container.color-bv .text-input[focus-within] {
  border: 1px solid;
}
.text-input-container.color-bv .text-input:focus, .text-input-container.color-bv .text-input:focus-within {
  border: 1px solid;
}
.text-input-container.color-dach .text-input:hover {
  border: 1px solid;
}
.text-input-container.color-dach .text-input:focus, .text-input-container.color-dach .text-input[focus-within] {
  border: 1px solid;
}
.text-input-container.color-dach .text-input:focus, .text-input-container.color-dach .text-input:focus-within {
  border: 1px solid;
}
.text-input-container.color-success .text-input:hover {
  border: 1px solid;
}
.text-input-container.color-success .text-input:focus, .text-input-container.color-success .text-input[focus-within] {
  border: 1px solid;
}
.text-input-container.color-success .text-input:focus, .text-input-container.color-success .text-input:focus-within {
  border: 1px solid;
}
.text-input-container.color-danger .text-input:hover {
  border: 1px solid;
}
.text-input-container.color-danger .text-input:focus, .text-input-container.color-danger .text-input[focus-within] {
  border: 1px solid;
}
.text-input-container.color-danger .text-input:focus, .text-input-container.color-danger .text-input:focus-within {
  border: 1px solid;
}
.text-input-container.error .text-input {
  background-color: rgba(158, 63, 32, 0.16);
  border: 1px solid #9E3F20;
}
.text-input-container.error input::-moz-placeholder {
  color: #9E3F20;
}
.text-input-container.error input:-ms-input-placeholder {
  color: #9E3F20;
}
.text-input-container.error input::-ms-input-placeholder {
  color: #9E3F20;
}
.text-input-container.error input::placeholder {
  color: #9E3F20;
}
@charset "UTF-8";
.dropdown-wrapper .dropdown {
  width: 100%;
  position: relative;
  padding: 0;
  border: 0;
}
.dropdown-wrapper .dropdown:focus {
  outline: none;
}
.dropdown-wrapper .dropdown > .value {
  padding: 8px 16px;
  border: 1px solid #E7E8EA;
  height: 44px;
  line-height: 28px;
  background: #fff;
  text-align: left;
  color: #9EA3A9;
  border-radius: 2px;
  position: relative;
}
.dropdown-wrapper .dropdown > .value .trigger {
  display: block;
  color: #1D769F;
  position: absolute;
  padding: 8px 16px;
  top: 0;
  right: 0;
  height: 100%;
  pointer-events: none;
}
.dropdown-wrapper .dropdown > .value .trigger::after {
  font-family: "FacilityScanner_Icons";
  content: "";
}
.dropdown-wrapper .dropdown > .value.filled {
  color: #1B2734;
}
.dropdown-wrapper .dropdown .options {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 1;
  background: #fff;
  border: 1px solid #E7E8EA;
  padding: 16px;
}
.dropdown-wrapper .dropdown .options .checkbox-options {
  max-height: 350px;
  overflow: auto;
}
.dropdown-wrapper .dropdown .options .checkboxes-container .checkboxes {
  width: 100%;
}
.dropdown-wrapper .dropdown .options .btn {
  width: 100%;
  margin-top: 16px;
}
.dropdown-wrapper:hover.color-system > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper:hover.color-bv > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper:hover.color-dach > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper:hover.color-success > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper:hover.color-danger > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper[focus-within] > .dropdown > .value > .trigger {
  pointer-events: initial;
}
.dropdown-wrapper:focus-within > .dropdown > .value > .trigger {
  pointer-events: initial;
}
.dropdown-wrapper[focus-within] > .dropdown > .value > .trigger::after {
  content: "";
}
.dropdown-wrapper:focus-within > .dropdown > .value > .trigger::after {
  content: "";
}
.dropdown-wrapper[focus-within].color-system > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper:focus-within.color-system > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper[focus-within].color-bv > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper:focus-within.color-bv > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper[focus-within].color-dach > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper:focus-within.color-dach > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper[focus-within].color-success > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper:focus-within.color-success > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper[focus-within].color-danger > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper:focus-within.color-danger > .dropdown > .value {
  border: 1px solid;
}
.dropdown-wrapper[focus-within] .options {
  display: block;
}
.dropdown-wrapper:focus-within .options {
  display: block;
}
.dropdown-wrapper.error > .dropdown > .value {
  border: 1px solid #9E3F20;
  background: rgba(158, 63, 32, 0.16);
  color: #9E3F20;
}
.dropdown-wrapper.error > .dropdown > .value > .trigger {
  color: #9E3F20;
}
@charset "UTF-8";
.search-input-container .search-input {
  position: relative;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #E7E8EA;
  padding: 0;
}
.search-input-container .search-input input {
  border: none;
  box-shadow: none;
  padding: 8px 16px;
  padding-right: 64px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #9EA3A9;
  font-width: 400;
}
.search-input-container .search-input input::-moz-placeholder {
  color: #9EA3A9;
}
.search-input-container .search-input input:-ms-input-placeholder {
  color: #9EA3A9;
}
.search-input-container .search-input input::-ms-input-placeholder {
  color: #9EA3A9;
}
.search-input-container .search-input input::placeholder {
  color: #9EA3A9;
}
.search-input-container .search-input .suggestions {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  padding: 8px 16px;
  background: #fff;
  border: 1px solid #E7E8EA;
  z-index: 1;
}
.search-input-container .search-input .suggestions .suggestion {
  width: 100%;
  background: transparent;
  outline: none;
  border: none;
  text-align: left;
  white-space: nowrap;
  margin-top: 4px;
  padding: 8px;
  cursor: pointer;
}
.search-input-container .search-input .suggestions .suggestion .underline {
  text-decoration: underline;
}
.search-input-container .search-input .suggestions .suggestion:hover {
  background: #F5F6F7;
}
.search-input-container .search-input .search-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  cursor: pointer;
  padding: 16px;
  padding-top: 12px;
  padding-left: 8px;
}
.search-input-container .search-input .search-trigger::after {
  margin-top: 16px;
  font-family: "FacilityScanner_Icons";
  content: "";
}
.search-input-container .search-input .clear-trigger {
  position: absolute;
  right: 24px;
  top: 0;
  height: 100%;
  cursor: pointer;
  padding: 16px;
  padding-top: 12px;
  padding-left: 8px;
  color: #E7E8EA;
}
.search-input-container .search-input .clear-trigger::after {
  margin-top: 16px;
  font-family: "FacilityScanner_Icons";
  content: "";
}
.search-input-container .search-input:hover input, .search-input-container .search-input[focus-within] input {
  color: #1B2734;
}
.search-input-container .search-input:hover input, .search-input-container .search-input:focus-within input {
  color: #1B2734;
}
.search-input-container .search-input:hover[focus-within] .suggestions, .search-input-container .search-input[focus-within]:focus-within .suggestions {
  display: block;
}
.search-input-container .search-input:hover:focus-within .suggestions, .search-input-container .search-input:focus-within:focus-within .suggestions {
  display: block;
}
.search-input-container .search-input:hover[focus-within] .suggestions:empty, .search-input-container .search-input[focus-within]:focus-within .suggestions:empty {
  display: none;
}
.search-input-container .search-input:hover:focus-within .suggestions:empty, .search-input-container .search-input:focus-within:focus-within .suggestions:empty {
  display: none;
}
.search-input-container.disabled, .search-input-container.locked {
  pointer-events: none;
}
.search-input-container.locked .text-input input {
  visibility: hidden;
}
.search-input-container.locked .text-input:after {
  font-family: "FacilityScanner_Icons";
  content: "";
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  font-size: 24px;
  color: #9EA3A9;
  padding-top: 12px;
}
.search-input-container.color-system .search-input:hover {
  border: 1px solid #8078A2;
}
.search-input-container.color-system .search-input:focus, .search-input-container.color-system .search-input[focus-within] {
  border: 1px solid #615B7B;
}
.search-input-container.color-system .search-input:focus, .search-input-container.color-system .search-input:focus-within {
  border: 1px solid #615B7B;
}
.search-input-container.color-system .suggestions .suggestion .underline, .search-input-container.color-system .search-trigger {
  color: #9C91C5;
}
.search-input-container.color-system .search-trigger:hover, .search-input-container.color-system .clear-trigger:hover {
  color: #615B7B;
}
.search-input-container.color-bv .search-input:hover {
  border: 1px solid #1C6182;
}
.search-input-container.color-bv .search-input:focus, .search-input-container.color-bv .search-input[focus-within] {
  border: 1px solid #134962;
}
.search-input-container.color-bv .search-input:focus, .search-input-container.color-bv .search-input:focus-within {
  border: 1px solid #134962;
}
.search-input-container.color-bv .suggestions .suggestion .underline, .search-input-container.color-bv .search-trigger {
  color: #1D769F;
}
.search-input-container.color-bv .search-trigger:hover, .search-input-container.color-bv .clear-trigger:hover {
  color: #134962;
}
.search-input-container.color-dach .search-input:hover {
  border: 1px solid #419BA2;
}
.search-input-container.color-dach .search-input:focus, .search-input-container.color-dach .search-input[focus-within] {
  border: 1px solid #2F757B;
}
.search-input-container.color-dach .search-input:focus, .search-input-container.color-dach .search-input:focus-within {
  border: 1px solid #2F757B;
}
.search-input-container.color-dach .suggestions .suggestion .underline, .search-input-container.color-dach .search-trigger {
  color: #4DBDC6;
}
.search-input-container.color-dach .search-trigger:hover, .search-input-container.color-dach .clear-trigger:hover {
  color: #2F757B;
}
.search-input-container.color-success .search-input:hover {
  border: 1px solid #429032;
}
.search-input-container.color-success .search-input:focus, .search-input-container.color-success .search-input[focus-within] {
  border: 1px solid #306E25;
}
.search-input-container.color-success .search-input:focus, .search-input-container.color-success .search-input:focus-within {
  border: 1px solid #306E25;
}
.search-input-container.color-success .suggestions .suggestion .underline, .search-input-container.color-success .search-trigger {
  color: #51AF3D;
}
.search-input-container.color-success .search-trigger:hover, .search-input-container.color-success .clear-trigger:hover {
  color: #306E25;
}
.search-input-container.color-danger .search-input:hover {
  border: 1px solid #793115;
}
.search-input-container.color-danger .search-input:focus, .search-input-container.color-danger .search-input[focus-within] {
  border: 1px solid #532106;
}
.search-input-container.color-danger .search-input:focus, .search-input-container.color-danger .search-input:focus-within {
  border: 1px solid #532106;
}
.search-input-container.color-danger .suggestions .suggestion .underline, .search-input-container.color-danger .search-trigger {
  color: #9E3F20;
}
.search-input-container.color-danger .search-trigger:hover, .search-input-container.color-danger .clear-trigger:hover {
  color: #532106;
}
.search-input-container.disabled .search-input {
  color: #9EA3A9;
}
.search-input-container.error .search-input {
  background-color: rgba(158, 63, 32, 0.16);
  border: 1px solid #9E3F20;
}
.search-input-container.error .search-input input {
  color: #9E3F20;
}
.search-input-container.error input::-moz-placeholder {
  color: #9E3F20;
}
.search-input-container.error input:-ms-input-placeholder {
  color: #9E3F20;
}
.search-input-container.error input::-ms-input-placeholder {
  color: #9E3F20;
}
.search-input-container.error input::placeholder {
  color: #9E3F20;
}
@charset "UTF-8";
.pagination-wrapper .pagination {
  display: flex;
  justify-content: center;
}
.pagination-wrapper .pagination.loading {
  pointer-events: none;
}
.pagination-wrapper .pagination .page-item {
  padding: 0;
  outline: none;
  border: none;
  background: transparent;
  margin-right: 8px;
}
.pagination-wrapper .pagination .page-item a {
  border: 1px solid #E7E8EA;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 100px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-wrapper .pagination .page-item a:focus {
  border: none;
  outline: none;
}
.pagination-wrapper .pagination .page-item a:hover {
  color: #fff !important;
  text-decoration: none;
}
.pagination-wrapper .pagination .page-item.prev a::after {
  font-family: "FacilityScanner_Icons";
  content: "";
}
.pagination-wrapper .pagination .page-item.next a::after {
  font-family: "FacilityScanner_Icons";
  content: "";
}
.pagination-wrapper .pagination .page-item.disabled a, .pagination-wrapper .pagination .page-item.selected a, .pagination-wrapper .pagination .page-item.break a {
  color: #9EA3A9 !important;
  pointer-events: none;
  border: none;
}
@media (max-width: 576px) {
  .pagination-wrapper .pagination .page-item.disabled.break, .pagination-wrapper .pagination .page-item.selected.break, .pagination-wrapper .pagination .page-item.break.break {
    display: none;
  }
}
.pagination-wrapper.color-system .pagination .page-item a {
  color: #9C91C5;
}
.pagination-wrapper.color-system .pagination .page-item a:hover {
  border: 1px solid #615B7B !important;
  background: #615B7B;
}
.pagination-wrapper.color-bv .pagination .page-item a {
  color: #1D769F;
}
.pagination-wrapper.color-bv .pagination .page-item a:hover {
  border: 1px solid #134962 !important;
  background: #134962;
}
.pagination-wrapper.color-dach .pagination .page-item a {
  color: #4DBDC6;
}
.pagination-wrapper.color-dach .pagination .page-item a:hover {
  border: 1px solid #2F757B !important;
  background: #2F757B;
}
.pagination-wrapper.color-success .pagination .page-item a {
  color: #51AF3D;
}
.pagination-wrapper.color-success .pagination .page-item a:hover {
  border: 1px solid #306E25 !important;
  background: #306E25;
}
.pagination-wrapper.color-danger .pagination .page-item a {
  color: #9E3F20;
}
.pagination-wrapper.color-danger .pagination .page-item a:hover {
  border: 1px solid #532106 !important;
  background: #532106;
}
.card-container {
  border-radius: 4px;
  background: #fff;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.card-container.info-card {
  border-radius: 8px;
}
.card-container [class*=col-], .card-container .col, .card-container .row {
  margin: 0;
  padding: 0;
}
.card-container .card-inner {
  width: 100%;
}
.card-container .card-inner .card-media {
  overflow: hidden;
  display: flex;
  justify-content: center;
  border-radius: 100px;
}
.card-container .card-inner .card-section {
  width: 100%;
  padding: 16px;
}
.card-container .card-inner .card-section.info-card {
  padding: 32px;
}
.card-container .card-inner .card-section h3 {
  margin-bottom: 0;
}
.card-container .card-inner .card-section .text-blue {
  color: #1D769F;
}
.card-container .card-inner .card-section.background-white {
  background-color: #fff;
}
.card-container .card-inner .card-text {
  width: 100%;
  overflow: hidden;
}
.card-container .card-inner .card-text h3 {
  color: #9EA3A9;
  margin-bottom: 0;
  font-weight: 400;
}
.card-container .card-inner .card-text h3 > button {
  outline: none;
  border: none;
  text-align: left;
  display: inline;
  background: transparent;
  padding: 0;
  cursor: auto;
  cursor: initial;
}
.card-container .card-inner .card-text h3.link > button {
  cursor: pointer;
}
.card-container .card-inner .card-text h3:empty {
  display: none;
}
.card-container .card-inner .card-text > .text-content {
  white-space: pre-wrap;
}
.card-container .card-inner .card-text > .text-content:empty {
  display: none;
}
.card-container .card-inner .card-list {
  overflow: hidden;
  width: 100%;
}
.card-container .card-inner .card-list .card-list-table {
  width: 100%;
}
.card-container .card-inner .card-list .card-list-table tbody {
  width: 100%;
}
.card-container .card-inner .card-list .card-list-table tbody tr {
  width: 100%;
}
.card-container .card-inner .card-list .card-list-table tbody tr .title {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #9EA3A9;
  padding: 0 8px 0 0;
}
.card-container .card-inner .card-list .card-list-table tbody tr .description {
  vertical-align: top;
  color: #2B3138;
  padding: 0;
}
.card-container .card-inner .card-list .card-list-table tbody tr .description.left {
  text-align: left;
}
.card-container .card-inner .card-list .card-list-table tbody tr .description.right {
  text-align: right;
}
.card-container .card-inner .card-attributes .label {
  color: #9EA3A9;
  font-size: 10px;
  margin-bottom: 8px;
  line-height: 10px;
}
.card-container .card-inner .card-attributes .attributes {
  display: flex;
  justify-items: start;
  flex-wrap: wrap;
}
.card-container .card-inner .card-attributes .attributes .attribute {
  line-height: 14px;
  margin-right: 8px;
  margin-bottom: 4px;
  color: black;
  background: #E7E8EA;
  border-radius: 100px;
  padding: 4px 8px;
}
.card-container .card-inner .card-status {
  margin-top: 6px;
  width: 8px;
  height: 8px;
  background: #9EA3A9;
  position: relative;
  border-radius: 100px;
}
.card-container .card-inner .card-status::before {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  left: 10px;
  content: "";
  background: #9EA3A9;
  border-radius: 100px;
}
.card-container .card-inner .card-status.three-states::after {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  left: 20px;
  content: "";
  background: #9EA3A9;
  border-radius: 100px;
}
.card-container .card-inner .card-status.success {
  background: #51AF3D;
}
.card-container .card-inner .card-status.warning::before {
  background: #EBB30C;
}
.card-container .card-inner .card-status.danger.three-states::after {
  background: #9E3F20;
}
.card-container .card-inner .card-status.danger.two-states::before {
  background: #9E3F20;
}
.card-container .card-inner .card-status-header {
  height: 8px;
}
.card-container .card-inner .card-status-header.success {
  background-color: #51AF3D;
}
.card-container .card-inner .card-status-header.warning {
  background-color: #EBB30C;
}
.card-container .card-inner .card-status-header.danger {
  background-color: #9E3F20;
}
.card-container.with-icon {
  cursor: pointer;
}
.card-container.with-icon .card-inner {
  width: calc(100% - 48px);
}
.card-container.with-icon .card-icon-container {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  height: 100%;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-container.with-icon .card-icon-container .card-icon {
  font-family: "FacilityScanner_Icons";
  fill: #fff;
}
.card-container.arrow-icon:hover .card-icon {
  margin-right: -2px;
}
.card-container.color-system {
  box-shadow: 4px 4px 16px -8px rgba(128, 20, 162, 0.16);
}
.card-container.color-system.with-icon .card-icon-container {
  background: #9C91C5;
}
.card-container.color-system.with-icon:hover {
  box-shadow: 0 0 0 1px #615B7B;
}
.card-container.color-system.with-icon:hover .card-icon-container {
  padding-left: 2px;
  background: #615B7B;
}
.card-container.color-system .card-inner .card-text h3.link > button {
  color: #9C91C5;
}
.card-container.color-system .card-inner .card-text h3.link > button:hover {
  color: #615B7B;
}
.card-container.color-bv {
  box-shadow: 4px 4px 16px -8px rgba(29, 118, 159, 0.16);
}
.card-container.color-bv.with-icon .card-icon-container {
  background: #1D769F;
}
.card-container.color-bv.with-icon:hover {
  box-shadow: 0 0 0 1px #134962;
}
.card-container.color-bv.with-icon:hover .card-icon-container {
  padding-left: 2px;
  background: #134962;
}
.card-container.color-bv .card-inner .card-text h3.link > button {
  color: #1D769F;
}
.card-container.color-bv .card-inner .card-text h3.link > button:hover {
  color: #134962;
}
.card-container.color-dach {
  box-shadow: 4px 4px 16px -8px rgba(77, 189, 198, 0.16);
}
.card-container.color-dach.with-icon .card-icon-container {
  background: #4DBDC6;
}
.card-container.color-dach.with-icon:hover {
  box-shadow: 0 0 0 1px #2F757B;
}
.card-container.color-dach.with-icon:hover .card-icon-container {
  padding-left: 2px;
  background: #2F757B;
}
.card-container.color-dach .card-inner .card-text h3.link > button {
  color: #4DBDC6;
}
.card-container.color-dach .card-inner .card-text h3.link > button:hover {
  color: #2F757B;
}
.card-container.color-success {
  box-shadow: 4px 4px 16px -8px rgba(81, 175, 61, 0.16);
}
.card-container.color-success.with-icon .card-icon-container {
  background: #51AF3D;
}
.card-container.color-success.with-icon:hover {
  box-shadow: 0 0 0 1px #306E25;
}
.card-container.color-success.with-icon:hover .card-icon-container {
  padding-left: 2px;
  background: #306E25;
}
.card-container.color-success .card-inner .card-text h3.link > button {
  color: #51AF3D;
}
.card-container.color-success .card-inner .card-text h3.link > button:hover {
  color: #306E25;
}
.card-container.color-danger {
  box-shadow: 4px 4px 16px -8px rgba(158, 63, 32, 0.16);
}
.card-container.color-danger.with-icon .card-icon-container {
  background: #9E3F20;
}
.card-container.color-danger.with-icon:hover {
  box-shadow: 0 0 0 1px #532106;
}
.card-container.color-danger.with-icon:hover .card-icon-container {
  padding-left: 2px;
  background: #532106;
}
.card-container.color-danger .card-inner .card-text h3.link > button {
  color: #9E3F20;
}
.card-container.color-danger .card-inner .card-text h3.link > button:hover {
  color: #532106;
}
.multiline-container .multiline-part {
  display: flex;
}

.loading-prop-container {
  background-color: #2B3138;
  opacity: 0.8;
  border-radius: 4px;
  margin: 2px;
  height: 100%;
}
.loading-prop-container.text-small {
  width: 80px;
}
.loading-prop-container.text-middle {
  width: 120px;
}
.loading-prop-container.text-long {
  width: 160px;
}
.loading-prop-container.card {
  width: 100%;
  height: 50px;
}
.loading-prop-container .loading-prop-sub-container {
  background-color: #fff;
  opacity: 0.2;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  -webkit-animation-name: loading-prop;
          animation-name: loading-prop;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes loading-prop {
  from {
    transform-origin: top left;
    transform: scaleX(0);
  }
  to {
    transform-origin: top left;
    transform: scaleX(1);
  }
}

@keyframes loading-prop {
  from {
    transform-origin: top left;
    transform: scaleX(0);
  }
  to {
    transform-origin: top left;
    transform: scaleX(1);
  }
}
.table-list-container {
  overflow: hidden;
  width: 100%;
}
.table-list-container .table-list {
  width: 100%;
}
.table-list-container .table-list tbody {
  width: 100%;
}
.table-list-container .table-list tbody tr {
  width: 100%;
}
.table-list-container .table-list tbody tr .title {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #9EA3A9;
  padding: 0 8px 0 0;
}
.table-list-container .table-list tbody tr .description {
  vertical-align: top;
  color: #2B3138;
  padding: 0;
}
.table-list-container .table-list tbody tr .description.left {
  text-align: left;
}
.table-list-container .table-list tbody tr .description.right {
  text-align: right;
}
.b {
  border: 1px solid black !important;
}

.full {
  width: 100%;
}

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

.list-table tbody {
  width: 100%;
}
.list-table tbody tr {
  width: 100%;
}
.list-table tbody tr .title {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #9EA3A9;
  padding: 0 8px 0 0;
}
.list-table tbody tr .description {
  vertical-align: top;
  color: #2B3138;
  padding: 0;
}
.list-table tbody tr .description.left {
  text-align: left;
}
.list-table tbody tr .description.right {
  text-align: right;
}

.timeline-container {
  position: relative;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding-top: 16px;
}
.timeline-container .timeline-link {
  text-decoration: none;
}
.timeline-container .timeline-element {
  display: flex;
  justify-content: space-between;
}
.timeline-container .timeline-element .icon {
  z-index: 1;
  width: 32px;
  height: 32px;
  margin-top: 8px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F5F6F7;
}
.timeline-container .timeline-element .icon svg {
  max-width: 16px;
  max-height: 16px;
}
.timeline-container .timeline-element .element-card {
  width: calc(100% - 64px);
  position: relative;
  overflow: visible;
  padding-left: 0;
  cursor: pointer;
}
.timeline-container .timeline-element .element-card:after {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  left: -16px;
  border-left: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 8px solid #fff;
  border-bottom: 8px solid transparent;
}
.timeline-container .timeline-element .element-card .content {
  font-size: 14px;
  font-weight: 700;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 16px;
  margin-right: 48px;
  background: #fff;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
  display: flex;
  overflow: hidden;
}
.timeline-container .timeline-element .element-card .content .date {
  width: 100px;
}
.timeline-container .timeline-element .element-card .content .text {
  width: calc(100% - 100px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-container .timeline-element .element-card .content:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 16px);
  width: 48px;
  background-image: url(/resources/fd814ec1fcb0fe337de55d5877453252.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0 4px 4px 0;
}
.timeline-container:before {
  width: 2px;
  left: 30px;
  top: 0;
  z-index: 0;
  height: calc(100% - 32px);
  content: "";
  position: absolute;
}
.timeline-container .arrow {
  width: 2px;
  height: calc(100% - 32px);
  left: 24px;
  top: 0;
  z-index: 0;
  content: "";
  position: absolute;
}
.timeline-container .arrow:before {
  content: "";
  width: 2px;
  height: 16px;
  left: -3px;
  transform: rotate(25deg);
  position: absolute;
}
.timeline-container .arrow:after {
  content: "";
  width: 2px;
  height: 16px;
  left: 3px;
  transform: rotate(-25deg);
  position: absolute;
}
.timeline-container.color-system .arrow, .timeline-container.color-system .arrow:before, .timeline-container.color-system .arrow:after {
  background: #9EA3A9;
}
.timeline-container.color-system .timeline-element .icon {
  border: 1px solid #9C91C5 !important;
}
.timeline-container.color-system .timeline-element .icon svg {
  fill: #9C91C5;
}
.timeline-container.color-system .timeline-element .element-card .content {
  color: #8078A2;
}
.timeline-container.color-system .timeline-element .element-card .content:after {
  background-color: #8078A2;
}
.timeline-container.color-system .timeline-element .element-card:hover .content {
  color: #615B7B;
}
.timeline-container.color-system .timeline-element .element-card:hover .content:after {
  background-color: #615B7B;
  background-position: 60% 50%;
}
.timeline-container.color-bv .arrow, .timeline-container.color-bv .arrow:before, .timeline-container.color-bv .arrow:after {
  background: #9EA3A9;
}
.timeline-container.color-bv .timeline-element .icon {
  border: 1px solid #1D769F !important;
}
.timeline-container.color-bv .timeline-element .icon svg {
  fill: #1D769F;
}
.timeline-container.color-bv .timeline-element .element-card .content {
  color: #1C6182;
}
.timeline-container.color-bv .timeline-element .element-card .content:after {
  background-color: #1C6182;
}
.timeline-container.color-bv .timeline-element .element-card:hover .content {
  color: #134962;
}
.timeline-container.color-bv .timeline-element .element-card:hover .content:after {
  background-color: #134962;
  background-position: 60% 50%;
}
.timeline-container.color-dach .arrow, .timeline-container.color-dach .arrow:before, .timeline-container.color-dach .arrow:after {
  background: #9EA3A9;
}
.timeline-container.color-dach .timeline-element .icon {
  border: 1px solid #4DBDC6 !important;
}
.timeline-container.color-dach .timeline-element .icon svg {
  fill: #4DBDC6;
}
.timeline-container.color-dach .timeline-element .element-card .content {
  color: #419BA2;
}
.timeline-container.color-dach .timeline-element .element-card .content:after {
  background-color: #419BA2;
}
.timeline-container.color-dach .timeline-element .element-card:hover .content {
  color: #2F757B;
}
.timeline-container.color-dach .timeline-element .element-card:hover .content:after {
  background-color: #2F757B;
  background-position: 60% 50%;
}
.timeline-container.color-success .arrow, .timeline-container.color-success .arrow:before, .timeline-container.color-success .arrow:after {
  background: #9EA3A9;
}
.timeline-container.color-success .timeline-element .icon {
  border: 1px solid #51AF3D !important;
}
.timeline-container.color-success .timeline-element .icon svg {
  fill: #51AF3D;
}
.timeline-container.color-success .timeline-element .element-card .content {
  color: #429032;
}
.timeline-container.color-success .timeline-element .element-card .content:after {
  background-color: #429032;
}
.timeline-container.color-success .timeline-element .element-card:hover .content {
  color: #306E25;
}
.timeline-container.color-success .timeline-element .element-card:hover .content:after {
  background-color: #306E25;
  background-position: 60% 50%;
}
.timeline-container.color-danger .arrow, .timeline-container.color-danger .arrow:before, .timeline-container.color-danger .arrow:after {
  background: #9EA3A9;
}
.timeline-container.color-danger .timeline-element .icon {
  border: 1px solid #9E3F20 !important;
}
.timeline-container.color-danger .timeline-element .icon svg {
  fill: #9E3F20;
}
.timeline-container.color-danger .timeline-element .element-card .content {
  color: #793115;
}
.timeline-container.color-danger .timeline-element .element-card .content:after {
  background-color: #793115;
}
.timeline-container.color-danger .timeline-element .element-card:hover .content {
  color: #532106;
}
.timeline-container.color-danger .timeline-element .element-card:hover .content:after {
  background-color: #532106;
  background-position: 60% 50%;
}
.layout.profile {
  background: #F5F6F7;
}
.layout.profile .profile-page-container {
  width: 50%;
  margin-left: 25%;
}
.layout.profile .profile-page-container .btn-container {
  width: 100%;
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
  padding-right: 32px;
  padding-left: 32px;
  padding-top: 0;
  height: 44px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1200px) and (max-width: 768px) {
  .layout.profile .profile-page-container {
    width: calc(100% - 32px);
    margin-left: 16px;
  }
}
.project-page-container .action-bar .projects-action-bar-container .project-action-bar-button {
  width: 100%;
}
.project-page-container .project-page-card {
  height: 100%;
}
.project-page-container .registrator-notice-cards-headings .table-heading {
  font-weight: bold;
  color: #9EA3A9;
}
.project-page-container .registrator-notice-cards-headings .show-all {
  float: right;
}
.project-page-container .registrator-notice-card {
  background-color: rgba(29, 118, 159, 0.16);
}
.list-filters-container .filter-pills-container {
  padding-top: 8px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}
.list-filters-container .show-additional-filters-label-container {
  padding-top: 16px;
  display: flex;
  justify-content: center;
}
@charset "UTF-8";
.list-bottom-bar {
  border: 1px solid black !important;
  height: 100%;
}
.list-bottom-bar .overlay-heading {
  margin-top: 16px;
  text-align: center;
}
.list-bottom-bar .search-input-container .top-label {
  display: none;
}
.list-bottom-bar .filter-group-button {
  border-radius: 4px;
  background: #fff;
  height: 64px;
  width: 100%;
  margin-bottom: 4px;
  position: relative;
  cursor: pointer;
}
.list-bottom-bar .filter-group-button .filter-group-item {
  display: inline-block;
  white-space: nowrap;
  margin-top: 24px;
  margin-left: 16px;
  font-weight: 600;
}
.list-bottom-bar .filter-group-button .filter-group-item.color-system {
  color: #9C91C5;
}
.list-bottom-bar .filter-group-button .filter-group-item.color-bv {
  color: #1D769F;
}
.list-bottom-bar .filter-group-button .filter-group-item.color-dach {
  color: #4DBDC6;
}
.list-bottom-bar .filter-group-button .filter-group-item.color-success {
  color: #51AF3D;
}
.list-bottom-bar .filter-group-button .filter-group-item.color-danger {
  color: #9E3F20;
}
.list-bottom-bar .filter-group-button .filter-group-item.color-system::after {
  position: absolute;
  right: 16px;
  top: 24px;
  color: #9C91C5;
  font-family: "FacilityScanner_Icons";
  content: "";
}
.list-bottom-bar .filter-group-button .filter-group-item.color-bv::after {
  position: absolute;
  right: 16px;
  top: 24px;
  color: #1D769F;
  font-family: "FacilityScanner_Icons";
  content: "";
}
.list-bottom-bar .filter-group-button .filter-group-item.color-dach::after {
  position: absolute;
  right: 16px;
  top: 24px;
  color: #4DBDC6;
  font-family: "FacilityScanner_Icons";
  content: "";
}
.list-bottom-bar .filter-group-button .filter-group-item.color-success::after {
  position: absolute;
  right: 16px;
  top: 24px;
  color: #51AF3D;
  font-family: "FacilityScanner_Icons";
  content: "";
}
.list-bottom-bar .filter-group-button .filter-group-item.color-danger::after {
  position: absolute;
  right: 16px;
  top: 24px;
  color: #9E3F20;
  font-family: "FacilityScanner_Icons";
  content: "";
}
.lds-spinner {
  color: black;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-spinner div {
  transform-origin: 40px 40px;
  -webkit-animation: lds-spinner 1.2s linear infinite;
          animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #134962;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.cards-table-list-container {
  width: 100%;
}
.cards-table-list-container [class*=col-], .cards-table-list-container .col, .cards-table-list-container .row {
  margin: 0;
  padding: 0;
}
.cards-table-list-container .card-list-link {
  text-decoration: none;
}
.cards-table-list-container .headings-container {
  color: #9EA3A9;
  font-size: 11px;
  padding-bottom: 10px;
}
.cards-table-list-container .headings-container.with-arrow {
  width: calc(100% - 48px);
}
.cards-table-list-container .headings-container .heading-content-container {
  padding-left: 16px;
  padding-right: 16px;
}
.cards-table-list-container .background-grey {
  background-color: #F5F6F7;
  border: solid 2px #fff;
}
.cards-table-list-container .info-text.yellow, .cards-table-list-container .info-text.warning {
  color: #EBB30C;
}
.cards-table-list-container .info-text.green, .cards-table-list-container .info-text.success {
  color: #51AF3D;
}
.cards-table-list-container .info-text.red, .cards-table-list-container .info-text.danger {
  color: #9E3F20;
}
.cards-tile-list-container .cards-container {
  display: flex;
  flex-wrap: wrap;
}
.cards-tile-list-container .background-grey {
  background-color: #F5F6F7;
  border: solid 1px #fff;
}
.cards-tile-list-container .card-list-link {
  text-decoration: none;
}
.cards-tile-list-container .tile-card-container {
  padding: 5px;
}
.cards-tile-list-container .tile-card {
  height: 100%;
}
.cards-tile-list-container .info-text.yellow, .cards-tile-list-container .info-text.warning {
  color: #EBB30C;
}
.cards-tile-list-container .info-text.green, .cards-tile-list-container .info-text.success {
  color: #51AF3D;
}
.cards-tile-list-container .info-text.red, .cards-tile-list-container .info-text.danger {
  color: #9E3F20;
}
.cards-list-container.mode-table {
  padding-top: 28px;
}
.cards-list-container .list-switch-container {
  text-align: right;
  padding-right: 6px;
}
.cards-list-container .list-switch-container.mode-table {
  margin-bottom: -28px;
}
.cards-list-container .list-switch-container .switch-icon {
  margin-left: 10px;
  cursor: pointer;
  fill: #9C91C5;
}
.cards-list-container .list-switch-container .switch-icon:hover {
  fill: #615B7B;
}
.cards-list-container .list-switch-container .switch-icon.bv {
  fill: #1D769F;
}
.cards-list-container .list-switch-container .switch-icon.bv:hover {
  fill: #134962;
}
.cards-list-container .list-switch-container .switch-icon.dach {
  fill: #4DBDC6;
}
.cards-list-container .list-switch-container .switch-icon.dach:hover {
  fill: #2F757B;
}
.cards-list-container .list-switch-container .switch-icon.active {
  fill: #9EA3A9;
}
.cards-list-container .list-switch-container .switch-icon.active:hover {
  fill: #9EA3A9;
}
.cards-list-container .card-table-container {
  padding-bottom: 20px;
}

.cards-list-loading-spinner-container {
  display: flex;
  justify-content: center;
}
.facilities-subpage-allgemein-container .card-container {
  height: 100%;
}
.facilities-subpage-allgemein-container .hints-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.facilities-subpage-allgemein-container .text-link-button {
  float: right;
  justify-content: flex-end;
}
.facilities-subpage-allgemein-container .status-container {
  display: flex;
  flex-wrap: nowrap;
}
.facilities-subpage-allgemein-container .status-container .status-text-container {
  margin-left: 30px;
  font-weight: bold;
}
.facilities-subpage-allgemein-container .status-container .status-text-container.success {
  color: #51AF3D;
}
.facilities-subpage-allgemein-container .status-container .status-text-container.warning {
  color: #EBB30C;
}
.facilities-subpage-allgemein-container .status-container .status-text-container.danger {
  color: #9E3F20;
}
.facilities-subpage-allgemein-container .title-icon-container {
  display: flex;
  justify-content: flex-start;
}
.facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator {
  width: 8px;
  min-width: 8px;
  height: 8px;
  margin-top: 6px;
  margin-right: 5px;
  border-radius: 100%;
}
.facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator.danger {
  background-color: #9E3F20;
}
.facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator.warning {
  background-color: #EBB30C;
}
.facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator.success {
  background-color: #51AF3D;
}
.facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator.grey {
  background-color: #E7E8EA;
}
.change-password-page {
  margin-top: 30px;
}
.change-password-page .card {
  box-shadow: 2px 2px 8px 2px rgba(43, 49, 56, 0.16);
}
.change-password-page .card.change-password {
  width: 100%;
  padding: 30px;
  margin-bottom: 10px;
}
.change-password-page .card.change-password.center {
  margin: 0 auto;
}
.change-password-page .card.change-password .current-pw-input {
  padding-bottom: 30px;
}
.change-password-page .card.change-password .button-row {
  display: flex;
  justify-content: flex-start;
  padding-top: 30px;
}
.change-password-page .card.change-password .button-container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-right: 16px;
}
.change-password-page .password-hints-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.password-hints {
  width: 100%;
  padding: 16px;
  border-radius: 5px;
  border: 1px solid #9C91C5;
  background-color: rgba(128, 20, 162, 0.16);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 11px;
}
.password-hints .hints-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.password-hints .hint-container {
  display: flex;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.password-hints .hint-container .hint-icon-container {
  display: flex;
  margin-top: 2px;
  flex-direction: column;
  height: 100%;
  padding-right: 5px;
}
.password-hints .hint-container.success {
  color: #51AF3D;
  fill: #51AF3D;
}
.documents-construction-permits .section-documents-without-permits .hint-text {
  text-align: center;
  color: #9EA3A9;
}
.documents-construction-permits .section-documents-without-permits .documents-without-permits-button {
  margin: 0 auto;
}
.requirements-page-container .info-text {
  color: #9EA3A9;
  width: 75%;
  text-align: center;
  margin: 0 auto;
}
.construction-permit-page-container .card-status-header {
  height: 8px;
}
.construction-permit-page-container .card-status-header.success {
  background-color: #51AF3D;
}
.construction-permit-page-container .card-status-header.warning {
  background-color: #EBB30C;
}
.construction-permit-page-container .card-status-header.danger {
  background-color: #9E3F20;
}
.construction-permit-page-container .status-container {
  display: flex;
  flex-wrap: nowrap;
}
.construction-permit-page-container .status-container .status-text-container {
  margin-left: 30px;
  font-weight: bold;
}
.construction-permit-page-container .status-container .status-text-container.success {
  color: #51AF3D;
}
.construction-permit-page-container .status-container .status-text-container.warning {
  color: #EBB30C;
}
.construction-permit-page-container .status-container .status-text-container.danger {
  color: #9E3F20;
}
.b {
  border: 1px solid black !important;
}

.full {
  width: 100%;
}

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

.list-table tbody {
  width: 100%;
}
.list-table tbody tr {
  width: 100%;
}
.list-table tbody tr .title {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #9EA3A9;
  padding: 0 8px 0 0;
}
.list-table tbody tr .description {
  vertical-align: top;
  color: #2B3138;
  padding: 0;
}
.list-table tbody tr .description.left {
  text-align: left;
}
.list-table tbody tr .description.right {
  text-align: right;
}

.roof-page {
  padding-bottom: 64px;
}
.roof-page .subpage-map .map-container {
  border-radius: 4px;
}
.roof-subpage-overview-container .success {
  color: #51AF3D;
}
.roof-subpage-overview-container .warning {
  color: #EBB30C;
}
.roof-subpage-overview-container .danger {
  color: #9E3F20;
}
.b {
  border: 1px solid black !important;
}

.full {
  width: 100%;
}

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

.list-table tbody {
  width: 100%;
}
.list-table tbody tr {
  width: 100%;
}
.list-table tbody tr .title {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #9EA3A9;
  padding: 0 8px 0 0;
}
.list-table tbody tr .description {
  vertical-align: top;
  color: #2B3138;
  padding: 0;
}
.list-table tbody tr .description.left {
  text-align: left;
}
.list-table tbody tr .description.right {
  text-align: right;
}

.abnormality-preview-container {
  text-align: left;
  width: 100%;
  height: 100%;
}
.abnormality-preview-container h3 {
  text-align: left;
}
.abnormality-preview-container .abnormality-card-section {
  padding: 12px !important;
  background-color: transparent;
}
.abnormality-preview-container .abnormality-preview-card {
  background-color: transparent;
  box-shadow: none;
}
.abnormality-preview-container .avatar-icon {
  border-radius: 0 !important;
  cursor: pointer;
}
.abnormality-preview-container .avatar-icon:hover.color-system {
  border: 1px solid #9C91C5;
}
.abnormality-preview-container .avatar-icon:hover.color-bv {
  border: 1px solid #1D769F;
}
.abnormality-preview-container .avatar-icon:hover.color-dach {
  border: 1px solid #4DBDC6;
}
.abnormality-preview-container .avatar-icon:hover.color-success {
  border: 1px solid #51AF3D;
}
.abnormality-preview-container .avatar-icon:hover.color-danger {
  border: 1px solid #9E3F20;
}
.abnormality-preview-container .small-font {
  font-size: 11px;
}
.b {
  border: 1px solid black !important;
}

.full {
  width: 100%;
}

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

.list-table tbody {
  width: 100%;
}
.list-table tbody tr {
  width: 100%;
}
.list-table tbody tr .title {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #9EA3A9;
  padding: 0 8px 0 0;
}
.list-table tbody tr .description {
  vertical-align: top;
  color: #2B3138;
  padding: 0;
}
.list-table tbody tr .description.left {
  text-align: left;
}
.list-table tbody tr .description.right {
  text-align: right;
}

.image-gallery-modal-container .color-system .custom-header {
  border-top: 5px inset #9C91C5;
}
.image-gallery-modal-container .color-system .image-display > .image-container .btn {
  background: #9C91C5;
}
.image-gallery-modal-container .color-system .image-display > .image-container .btn:hover {
  box-shadow: 0 0 0 1px #615B7B;
}
.image-gallery-modal-container .color-system .image-sidebar > .images > .image-container:hover {
  box-shadow: 0 0 0 1px #615B7B;
}
.image-gallery-modal-container .color-system .image-sidebar > .images > .image-container.selected {
  box-shadow: 0 0 0 2px #615B7B;
}
.image-gallery-modal-container .color-bv .custom-header {
  border-top: 5px inset #1D769F;
}
.image-gallery-modal-container .color-bv .image-display > .image-container .btn {
  background: #1D769F;
}
.image-gallery-modal-container .color-bv .image-display > .image-container .btn:hover {
  box-shadow: 0 0 0 1px #134962;
}
.image-gallery-modal-container .color-bv .image-sidebar > .images > .image-container:hover {
  box-shadow: 0 0 0 1px #134962;
}
.image-gallery-modal-container .color-bv .image-sidebar > .images > .image-container.selected {
  box-shadow: 0 0 0 2px #134962;
}
.image-gallery-modal-container .color-dach .custom-header {
  border-top: 5px inset #4DBDC6;
}
.image-gallery-modal-container .color-dach .image-display > .image-container .btn {
  background: #4DBDC6;
}
.image-gallery-modal-container .color-dach .image-display > .image-container .btn:hover {
  box-shadow: 0 0 0 1px #2F757B;
}
.image-gallery-modal-container .color-dach .image-sidebar > .images > .image-container:hover {
  box-shadow: 0 0 0 1px #2F757B;
}
.image-gallery-modal-container .color-dach .image-sidebar > .images > .image-container.selected {
  box-shadow: 0 0 0 2px #2F757B;
}
.image-gallery-modal-container .color-success .custom-header {
  border-top: 5px inset #51AF3D;
}
.image-gallery-modal-container .color-success .image-display > .image-container .btn {
  background: #51AF3D;
}
.image-gallery-modal-container .color-success .image-display > .image-container .btn:hover {
  box-shadow: 0 0 0 1px #306E25;
}
.image-gallery-modal-container .color-success .image-sidebar > .images > .image-container:hover {
  box-shadow: 0 0 0 1px #306E25;
}
.image-gallery-modal-container .color-success .image-sidebar > .images > .image-container.selected {
  box-shadow: 0 0 0 2px #306E25;
}
.image-gallery-modal-container .color-danger .custom-header {
  border-top: 5px inset #9E3F20;
}
.image-gallery-modal-container .color-danger .image-display > .image-container .btn {
  background: #9E3F20;
}
.image-gallery-modal-container .color-danger .image-display > .image-container .btn:hover {
  box-shadow: 0 0 0 1px #532106;
}
.image-gallery-modal-container .color-danger .image-sidebar > .images > .image-container:hover {
  box-shadow: 0 0 0 1px #532106;
}
.image-gallery-modal-container .color-danger .image-sidebar > .images > .image-container.selected {
  box-shadow: 0 0 0 2px #532106;
}
.image-gallery-modal-container .custom-modal {
  height: calc(100% - 128px);
  border-radius: 5px 5px 0 0 !important;
  overflow: hidden;
}
.image-gallery-modal-container .custom-modal .custom-header {
  z-index: 1;
}
.image-gallery-modal-container .custom-modal .custom-body, .image-gallery-modal-container .bottom-bar-inner {
  height: 100%;
  max-height: none;
  max-height: initial;
  margin-bottom: 0;
  padding: 0;
}

.image-gallery-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.image-gallery-container .image-gallery-grid {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: 25% 75%;
}
.image-gallery-container .image-gallery-grid .grid-item {
  height: 100%;
  overflow: hidden;
}
.image-gallery-container .image-gallery-grid .grid-item.left {
  grid-column: 1;
}
.image-gallery-container .image-gallery-grid .grid-item.right {
  grid-column: 2;
}
.image-gallery-container .image-sidebar {
  width: 100%;
  height: 100%;
  padding: 32px 16px;
  overflow: auto;
}
.image-gallery-container .image-sidebar .images {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.b {
  border: 1px solid black !important;
}

.full {
  width: 100%;
}

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

.list-table tbody {
  width: 100%;
}
.list-table tbody tr {
  width: 100%;
}
.list-table tbody tr .title {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #9EA3A9;
  padding: 0 8px 0 0;
}
.list-table tbody tr .description {
  vertical-align: top;
  color: #2B3138;
  padding: 0;
}
.list-table tbody tr .description.left {
  text-align: left;
}
.list-table tbody tr .description.right {
  text-align: right;
}

.image-link-container {
  margin-top: 8px;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 64px;
  width: 64px;
}
.image-link-container.tablet {
  height: 48px;
  width: 48px;
}
.image-link-container.smartphone {
  height: 32px;
  width: 32px;
}
.image-link-container img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.image-link-container.color-system.selected {
  border: 2px solid #615B7B;
}
.image-link-container.color-bv.selected {
  border: 2px solid #134962;
}
.image-link-container.color-dach.selected {
  border: 2px solid #2F757B;
}
.image-link-container.color-success.selected {
  border: 2px solid #306E25;
}
.image-link-container.color-danger.selected {
  border: 2px solid #532106;
}
.b {
  border: 1px solid black !important;
}

.full {
  width: 100%;
}

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

.list-table tbody {
  width: 100%;
}
.list-table tbody tr {
  width: 100%;
}
.list-table tbody tr .title {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #9EA3A9;
  padding: 0 8px 0 0;
}
.list-table tbody tr .description {
  vertical-align: top;
  color: #2B3138;
  padding: 0;
}
.list-table tbody tr .description.left {
  text-align: left;
}
.list-table tbody tr .description.right {
  text-align: right;
}

.image-gallery-main-photo-container {
  border-left: 1px solid #E7E8EA;
  width: 100%;
  padding: 32px;
}
.image-gallery-main-photo-container .image-container {
  background-color: #E7E8EA;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 430px;
}
.image-gallery-main-photo-container .image-container.smartphone {
  height: 320px;
}
.image-gallery-main-photo-container .image-container img {
  max-width: 100%;
  max-height: 100%;
}
.image-gallery-main-photo-container .image-container .btn {
  height: 32px;
  width: 32px;
  border-radius: 100px;
  position: absolute;
  top: calc(50% - 8px);
}
.image-gallery-main-photo-container .image-container .btn.btn-color-system {
  background: #9C91C5;
}
.image-gallery-main-photo-container .image-container .btn.btn-color-bv {
  background: #1D769F;
}
.image-gallery-main-photo-container .image-container .btn.btn-color-dach {
  background: #4DBDC6;
}
.image-gallery-main-photo-container .image-container .btn.btn-color-success {
  background: #51AF3D;
}
.image-gallery-main-photo-container .image-container .btn.btn-color-danger {
  background: #9E3F20;
}
.image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-system {
  box-shadow: 0 0 0 1px #615B7B;
  background: #615B7B;
}
.image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-system .icon {
  margin-right: 2px;
  fill: #fff;
}
.image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-bv {
  box-shadow: 0 0 0 1px #134962;
  background: #134962;
}
.image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-bv .icon {
  margin-right: 2px;
  fill: #fff;
}
.image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-dach {
  box-shadow: 0 0 0 1px #2F757B;
  background: #2F757B;
}
.image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-dach .icon {
  margin-right: 2px;
  fill: #fff;
}
.image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-success {
  box-shadow: 0 0 0 1px #306E25;
  background: #306E25;
}
.image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-success .icon {
  margin-right: 2px;
  fill: #fff;
}
.image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-danger {
  box-shadow: 0 0 0 1px #532106;
  background: #532106;
}
.image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-danger .icon {
  margin-right: 2px;
  fill: #fff;
}
.image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-system {
  box-shadow: 0 0 0 1px #615B7B;
  background: #615B7B;
}
.image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-system .icon {
  margin-left: 2px;
  fill: #fff;
}
.image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-bv {
  box-shadow: 0 0 0 1px #134962;
  background: #134962;
}
.image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-bv .icon {
  margin-left: 2px;
  fill: #fff;
}
.image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-dach {
  box-shadow: 0 0 0 1px #2F757B;
  background: #2F757B;
}
.image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-dach .icon {
  margin-left: 2px;
  fill: #fff;
}
.image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-success {
  box-shadow: 0 0 0 1px #306E25;
  background: #306E25;
}
.image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-success .icon {
  margin-left: 2px;
  fill: #fff;
}
.image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-danger {
  box-shadow: 0 0 0 1px #532106;
  background: #532106;
}
.image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-danger .icon {
  margin-left: 2px;
  fill: #fff;
}
.image-gallery-main-photo-container .image-container .btn .icon {
  width: 16px;
  height: 16px;
  fill: #fff;
}
.image-gallery-main-photo-container .image-container .btn:first-child {
  left: 16px;
}
.image-gallery-main-photo-container .image-container .btn:last-child {
  right: 16px;
}
.abnormality-comparison-view-container {
  text-align: left;
  padding: 12px;
  width: 100%;
  height: 100%;
}
.abnormality-comparison-view-container .grid-container {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 10px calc(100% - 10px);
  height: 100%;
}
.abnormality-comparison-view-container .grid-container .grid-item.upper {
  padding-left: 8px;
  grid-row: 1;
  font-size: 9px;
  color: #9EA3A9;
  height: 10px;
}
.abnormality-comparison-view-container .grid-container .grid-item.lower {
  padding: 8px;
  width: 100%;
  height: calc(100% - 10px);
  grid-row: 2;
}
.abnormality-comparison-view-container .grid-container .grid-item.lower .image-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.abnormality-comparison-view-container .grid-container .grid-item.lower .image-container .abnormality-image {
  max-width: 100%;
  max-height: 100%;
}
.abnormality-comparison-view-container .grid-container .grid-item.lower .image-container .abnormality-image:hover {
  border: 1px solid #4DBDC6;
}
.abnormality-comparison-view-container .grid-container .grid-item.left {
  grid-column: 1;
  border-right: 1px solid #9EA3A9;
}
.abnormality-comparison-view-container .grid-container .grid-item.right {
  grid-column: 2;
}
.abnormality-comparison-view-container .switch-container {
  padding-top: 8px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.b {
  border: 1px solid black !important;
}

.full {
  width: 100%;
}

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

.list-table tbody {
  width: 100%;
}
.list-table tbody tr {
  width: 100%;
}
.list-table tbody tr .title {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #9EA3A9;
  padding: 0 8px 0 0;
}
.list-table tbody tr .description {
  vertical-align: top;
  color: #2B3138;
  padding: 0;
}
.list-table tbody tr .description.left {
  text-align: left;
}
.list-table tbody tr .description.right {
  text-align: right;
}

.image-gallery-comparison-modal-container .color-system .custom-header {
  border-top: 5px inset #9C91C5;
}
.image-gallery-comparison-modal-container .color-system .image-display > .image-container .btn {
  background: #9C91C5;
}
.image-gallery-comparison-modal-container .color-system .image-display > .image-container .btn:hover {
  box-shadow: 0 0 0 1px #615B7B;
}
.image-gallery-comparison-modal-container .color-system .image-sidebar > .images > .image-container:hover {
  box-shadow: 0 0 0 1px #615B7B;
}
.image-gallery-comparison-modal-container .color-system .image-sidebar > .images > .image-container.selected {
  box-shadow: 0 0 0 2px #615B7B;
}
.image-gallery-comparison-modal-container .color-bv .custom-header {
  border-top: 5px inset #1D769F;
}
.image-gallery-comparison-modal-container .color-bv .image-display > .image-container .btn {
  background: #1D769F;
}
.image-gallery-comparison-modal-container .color-bv .image-display > .image-container .btn:hover {
  box-shadow: 0 0 0 1px #134962;
}
.image-gallery-comparison-modal-container .color-bv .image-sidebar > .images > .image-container:hover {
  box-shadow: 0 0 0 1px #134962;
}
.image-gallery-comparison-modal-container .color-bv .image-sidebar > .images > .image-container.selected {
  box-shadow: 0 0 0 2px #134962;
}
.image-gallery-comparison-modal-container .color-dach .custom-header {
  border-top: 5px inset #4DBDC6;
}
.image-gallery-comparison-modal-container .color-dach .image-display > .image-container .btn {
  background: #4DBDC6;
}
.image-gallery-comparison-modal-container .color-dach .image-display > .image-container .btn:hover {
  box-shadow: 0 0 0 1px #2F757B;
}
.image-gallery-comparison-modal-container .color-dach .image-sidebar > .images > .image-container:hover {
  box-shadow: 0 0 0 1px #2F757B;
}
.image-gallery-comparison-modal-container .color-dach .image-sidebar > .images > .image-container.selected {
  box-shadow: 0 0 0 2px #2F757B;
}
.image-gallery-comparison-modal-container .color-success .custom-header {
  border-top: 5px inset #51AF3D;
}
.image-gallery-comparison-modal-container .color-success .image-display > .image-container .btn {
  background: #51AF3D;
}
.image-gallery-comparison-modal-container .color-success .image-display > .image-container .btn:hover {
  box-shadow: 0 0 0 1px #306E25;
}
.image-gallery-comparison-modal-container .color-success .image-sidebar > .images > .image-container:hover {
  box-shadow: 0 0 0 1px #306E25;
}
.image-gallery-comparison-modal-container .color-success .image-sidebar > .images > .image-container.selected {
  box-shadow: 0 0 0 2px #306E25;
}
.image-gallery-comparison-modal-container .color-danger .custom-header {
  border-top: 5px inset #9E3F20;
}
.image-gallery-comparison-modal-container .color-danger .image-display > .image-container .btn {
  background: #9E3F20;
}
.image-gallery-comparison-modal-container .color-danger .image-display > .image-container .btn:hover {
  box-shadow: 0 0 0 1px #532106;
}
.image-gallery-comparison-modal-container .color-danger .image-sidebar > .images > .image-container:hover {
  box-shadow: 0 0 0 1px #532106;
}
.image-gallery-comparison-modal-container .color-danger .image-sidebar > .images > .image-container.selected {
  box-shadow: 0 0 0 2px #532106;
}
.image-gallery-comparison-modal-container .custom-modal {
  border-radius: 5px 5px 0 0 !important;
}
.image-gallery-comparison-modal-container .custom-modal .custom-header {
  z-index: 1;
}
.image-gallery-comparison-modal-container .custom-modal .custom-body, .image-gallery-comparison-modal-container .bottom-bar-inner {
  height: calc(100% - 60px);
  max-height: none;
  max-height: initial;
  margin-bottom: 0;
  padding: 0;
}

.image-gallery-comparison-container {
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding-top: 32px;
  padding-bottom: 32px;
}
.image-gallery-comparison-container .switch-button-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.image-gallery-comparison-container .switch-button-container .switch-button {
  display: grid;
  width: 150px;
  grid-template-columns: 50% 50%;
  cursor: default;
}
.image-gallery-comparison-container .switch-button-container .switch-button .part {
  text-align: center;
  font-size: 11px;
}
.image-gallery-comparison-container .switch-button-container .switch-button .part.inactive {
  cursor: pointer;
  border: 1px solid #4DBDC6;
  color: #4DBDC6;
}
.image-gallery-comparison-container .switch-button-container .switch-button .part.inactive:hover {
  color: #fff;
  background: #2F757B;
  border: 1px solid #2F757B;
}
.image-gallery-comparison-container .switch-button-container .switch-button .part.inactive:active:hover {
  color: #fff;
  background: #419BA2;
  border: 1px solid #419BA2;
}
.image-gallery-comparison-container .switch-button-container .switch-button .part.active {
  border: 1px solid #9EA3A9;
  color: #9EA3A9;
}
.image-gallery-comparison-container .switch-button-container .switch-button .part.active.left {
  border-right: 0;
}
.image-gallery-comparison-container .switch-button-container .switch-button .part.active.right {
  border-left: 0;
}
.image-gallery-comparison-container .switch-button-container .switch-button .part.left {
  grid-column: 1;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.image-gallery-comparison-container .switch-button-container .switch-button .part.right {
  grid-column: 2;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.image-gallery-comparison-container .image-gallery-comparison-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
}
.image-gallery-comparison-container .image-gallery-comparison-grid .grid-item .gallery-heading {
  color: #9EA3A9;
  margin-bottom: 8px;
  font-weight: bold;
}
.image-gallery-comparison-container .image-gallery-comparison-grid .grid-item.left {
  grid-column: 1;
}
.image-gallery-comparison-container .image-gallery-comparison-grid .grid-item.right {
  grid-column: 2;
}
.image-gallery-comparison-container .comparison-card {
  border-radius: 10px;
}
.image-gallery-comparison-container .comparison-card .main-photo-container {
  padding: 0;
  border-left: 0;
}
.image-gallery-comparison-container .comparison-card .image-links-container {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.image-gallery-comparison-container .comparison-card .image-links-container .image-links {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: flex-start;
}
.google-map-filters-mapmarker-icon.red {
  fill: #9E3F20;
}
.google-map-filters-mapmarker-icon.grey {
  fill: #9EA3A9;
}
.google-map-filters-mapmarker-icon.green {
  fill: #51AF3D;
}
.google-map-filters-mapmarker-icon.yellow {
  fill: #EBB30C;
}
.google-map-filters-mapmarker-icon.dach {
  fill: #4DBDC6;
}
.mapmarker-container {
  cursor: pointer;
}
.mapmarker-container .mapmarker-icon.red {
  fill: #9E3F20;
}
.mapmarker-container .mapmarker-icon.grey {
  fill: #9EA3A9;
}
.mapmarker-container .mapmarker-icon.green {
  fill: #51AF3D;
}
.mapmarker-container .mapmarker-icon.yellow {
  fill: #EBB30C;
}
.mapmarker-container .mapmarker-icon.dach {
  fill: #4DBDC6;
}
.map-popup-container {
  position: relative;
  cursor: default;
}
.map-popup-container .map-popup-box {
  position: absolute;
  width: 270px;
  height: 154px;
  top: -189px;
  left: -135px;
  z-index: 2;
  background-color: #E7E8EA;
  border-radius: 4px;
}
.map-popup-container .map-popup-box .content-container {
  width: 100%;
  height: calc(100% - 24px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-popup-container .map-popup-box .top-bar {
  border-radius: 4px 4px 0 0;
  height: 24px;
  padding: 6px 12px 6px 12px;
  text-align: center;
  background-color: #fff;
  color: #9EA3A9;
  box-shadow: 0px 2px 8px 0px rgba(43, 49, 56, 0.16);
  font-size: 11px;
}
.map-popup-container .map-popup-box .top-bar .cancel-icon {
  cursor: pointer;
  width: 10px;
  height: 10px;
  float: right;
  fill: #4DBDC6;
}
.map-popup-container .map-popup-box::after {
  content: " ";
  position: absolute;
  right: 120px;
  bottom: -15px;
  border-top: 15px solid #E7E8EA;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: none;
}
.google-map-wrapper-container {
  width: 100%;
  height: 500px;
}
.google-map-wrapper-container.smartphone {
  height: 300px;
}
.roof-subpage-timeline-container {
  position: relative;
}
.roof-subpage-timeline-container .maps-row {
  position: relative;
}
.roof-subpage-timeline-container .maps-row .maps-container {
  position: -webkit-sticky;
  position: sticky;
  top: 75px;
}
.emergencyrepair-page-container .status-string.success {
  color: #51AF3D;
}
.emergencyrepair-page-container .marker-icon {
  fill: #4DBDC6;
}
.emergencyrepair-page-container .subcard-map-icon-container {
  color: #4DBDC6;
}
.emergencyrepair-page-container .subcard-map-icon-container .subcard-map-icon {
  fill: #4DBDC6;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}
.b {
  border: 1px solid black !important;
}

.full {
  width: 100%;
}

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

.list-table tbody {
  width: 100%;
}
.list-table tbody tr {
  width: 100%;
}
.list-table tbody tr .title {
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #9EA3A9;
  padding: 0 8px 0 0;
}
.list-table tbody tr .description {
  vertical-align: top;
  color: #2B3138;
  padding: 0;
}
.list-table tbody tr .description.left {
  text-align: left;
}
.list-table tbody tr .description.right {
  text-align: right;
}

.image-gallery-preview-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.image-gallery-preview-container .gallery-image-container {
  width: 64px;
  height: 64px;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-gallery-preview-container .gallery-image-container.clickable {
  cursor: pointer;
}
.image-gallery-preview-container .gallery-image-container.more-btn {
  border-radius: 4px;
  border: 1px solid #9C91C5;
  color: #9C91C5;
}
.image-gallery-preview-container .gallery-image-container.more-btn:hover {
  color: #fff;
  border-color: #615B7B;
  background: #615B7B;
}
.image-gallery-preview-container .gallery-image-container.more-btn:active:hover {
  color: #8078A2;
  border-color: #8078A2;
  background: rgba(128, 20, 162, 0.16);
}
.image-gallery-preview-container .gallery-image-container.more-btn.dach {
  border: 1px solid #4DBDC6;
  color: #4DBDC6;
}
.image-gallery-preview-container .gallery-image-container.more-btn.dach:hover {
  color: #fff;
  border-color: #2F757B;
  background: #2F757B;
}
.image-gallery-preview-container .gallery-image-container.more-btn.dach:active:hover {
  color: #419BA2;
  border-color: #419BA2;
  background: rgba(77, 189, 198, 0.16);
}
.image-gallery-preview-container .gallery-image-container.more-btn.bv {
  border: 1px solid #1D769F;
  color: #1D769F;
}
.image-gallery-preview-container .gallery-image-container.more-btn.bv:hover {
  color: #fff;
  border-color: #134962;
  background: #134962;
}
.image-gallery-preview-container .gallery-image-container.more-btn.bv:active:hover {
  color: #1C6182;
  border-color: #1C6182;
  background: rgba(29, 118, 159, 0.16);
}
.image-gallery-preview-container .gallery-image-container .gallery-image {
  max-width: 100%;
  max-height: 100%;
}
.documents-table-mobile .table-item {
  padding: 15px;
}
.documents-table-mobile .table-item.even {
  background-color: #F5F6F7;
}

.documents-table {
  width: 100%;
  overflow: hidden;
  table-layout: fixed;
}
.documents-table .documents-table-body {
  width: 100%;
}
.documents-table .documents-table-body tr:nth-child(odd) {
  background-color: #F5F6F7;
}
.documents-table .documents-table-body .documents-table-row {
  width: 100%;
  height: 40px;
  padding-left: 16px !important;
}
.documents-table .documents-table-body .documents-table-row .documents-table-cell {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.documents-table .documents-table-body .documents-table-row .documents-table-cell.start {
  width: 35%;
  padding-left: 16px;
  padding-right: 8px;
}
.documents-table .documents-table-body .documents-table-row .documents-table-cell.mid {
  width: 20%;
  padding-left: 8px;
  padding-right: 8px;
}
.documents-table .documents-table-body .documents-table-row .documents-table-cell.end {
  width: 45%;
  padding-left: 8px;
  padding-right: 16px;
}
.documents-table .documents-table-body .documents-table-row .documents-table-cell .cell-content {
  width: 100%;
  overflow: hidden;
}
.sub-card-container {
  border: 1px solid #E7E8EA;
  border-radius: 4px;
}
.sub-card-container .sub-card-header {
  width: 100%;
  padding: 10px;
  color: #9EA3A9;
}
.sub-card-container .sub-card-header .header-icon-container {
  top: 0;
  float: right;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  cursor: pointer;
}
.sub-card-container .sub-card-header .header-icon-container .header-icon {
  fill: #4DBDC6;
}
.sub-card-container .sub-card-footer {
  border-top: 1px solid #E7E8EA;
  width: 100%;
  padding: 10px;
  color: #9EA3A9;
}
.sub-card-container .sub-card-footer .footer-icon-container {
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.sub-card-container .sub-card-footer .footer-icon-container .footer-icon {
  fill: #4DBDC6;
}
.sub-card-container .sub-card-card-body {
  width: 100%;
  background-color: #F5F6F7;
}
.repair-page-container {
  position: relative;
}
.repair-page-container .status-string.success {
  color: #51AF3D;
}
.repair-page-container .status-string.danger {
  color: #9E3F20;
}
.repair-page-container .status-string.warning {
  color: #EBB30C;
}
.repair-page-container .marker-icon {
  fill: #4DBDC6;
}
.repair-page-container .maps-row {
  position: relative;
}
.repair-page-container .maps-row .maps-container {
  position: -webkit-sticky;
  position: sticky;
  top: 75px;
}
.repair-page-container .subcard-map-icon-container {
  color: #4DBDC6;
}
.repair-page-container .subcard-map-icon-container .subcard-map-icon {
  fill: #4DBDC6;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}
.manualrepair-page-container .status-string.success {
  color: #51AF3D;
}
.manualrepair-page-container .marker-icon {
  fill: #4DBDC6;
}
.maintenance-page-container .status-string.success {
  color: #51AF3D;
}
.maintenance-page-container .maps-container {
  position: -webkit-sticky;
  position: sticky;
  top: 75px;
}
.maintenance-page-container .marker-icon {
  fill: #4DBDC6;
}
.maintenance-page-container .abnormalities-link {
  color: #4DBDC6;
}
.maintenance-page-container .subcard-map-icon-container {
  color: #4DBDC6;
}
.maintenance-page-container .subcard-map-icon-container .subcard-map-icon {
  fill: #4DBDC6;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}
.roofwork-page-container .status-string.success {
  color: #51AF3D;
}
.roofwork-page-container .marker-icon {
  fill: #4DBDC6;
}
.ladderinspection-page-container .status-string.success {
  color: #51AF3D;
}
.ladderinspection-page-container .marker-icon {
  fill: #4DBDC6;
}
.fallprotectioninspection-page-container .status-string.success {
  color: #51AF3D;
}
.fallprotectioninspection-page-container .marker-icon {
  fill: #4DBDC6;
}
.initialroofcapture-page-container .status-string.success {
  color: #51AF3D;
}
.initialroofcapture-page-container .marker-icon {
  fill: #4DBDC6;
}
.panorama-point-viewer-container {
  width: 100%;
  height: 100%;
}
.panorama-point-viewer-container .viewer-container {
  width: 100%;
  height: 100%;
}
.panorama-view-page-container {
  width: 100%;
  height: 100vh;
  display: grid;
  grid-auto-rows: 56px auto;
}
.panorama-view-page-container .top-bar {
  grid-row: 1;
  display: flex;
  align-items: center;
}
.panorama-view-page-container .top-bar .info-text {
  font-size: 11px;
  color: #9EA3A9;
  width: 100%;
  float: right;
  text-align: right;
}
.panorama-view-page-container .viewer-container {
  width: 100%;
  grid-row: 2;
  position: relative;
}
.panorama-view-page-container .viewer-container .mini-map-container {
  position: absolute;
  width: 240px;
  height: 240px;
  right: 32px;
  bottom: 32px;
}
.panorama-view-page-container .viewer-container .mini-map-container .mini-map {
  position: relative;
  width: 100%;
  height: 100%;
}
.terms-and-conditions-page-container .subheading {
  font-weight: bold;
}
.imprint-page-container .subheading {
  font-weight: bold;
}
.privacy-page-container .subheading {
  font-weight: bold;
}
.facilities-subpage-massfacilities-container [class*=col-], .facilities-subpage-massfacilities-container .col, .facilities-subpage-massfacilities-container .row {
  margin: 0;
  padding: 0;
}
.facilities-subpage-massfacilities-container .headings-container {
  color: #9EA3A9;
  font-size: 11px;
  padding-bottom: 10px;
}
.facilities-subpage-massfacilities-container .headings-container.with-arrow {
  width: calc(100% - 48px);
}
.facilities-subpage-massfacilities-container .headings-container .heading-content-container {
  padding-left: 16px;
  padding-right: 16px;
}
.layout.login-layout {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.layout.login-layout .stage-special {
  background-image: url(/resources/19047d347b3e8ddef0af923301be8340.jpg);
  background-position: center;
  background-size: cover;
  position: relative;
  top: 0;
  left: 0;
  width: 50%;
  min-height: calc(100% - 80px);
  overflow: hidden;
}
.layout.login-layout .stage-special:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #9c91c5 0%, #615b7b 50%);
  opacity: 0.9;
  top: 0;
  left: 0;
}
.layout.login-layout .quote {
  color: #fff;
  z-index: 1;
  position: absolute;
  bottom: 128px;
  left: 128px;
  width: calc(50% - 192px);
}
.layout.login-layout .quote a {
  color: #E7E8EA;
}
.layout.login-layout .quote h3 {
  color: #fff;
}
.layout.login-layout .quote:before {
  content: "";
  width: 50px;
  height: 54px;
  position: absolute;
  left: -64px;
  background: url(/resources/636d9403cfd570167e9c88c0162564c7.svg);
}
.layout.login-layout > .content {
  background: #fff;
  width: 50%;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  min-height: calc(100% - 80px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 128px;
  z-index: 1;
  color: #000;
  color: initial;
}
.layout.login-layout > .content p {
  color: #9EA3A9;
}
.layout.login-layout > .content .form-group {
  margin-bottom: 0;
  margin-top: 8px;
}
.layout.login-layout .footer {
  z-index: 1;
  background-color: #F5F6F7;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 64px;
  padding-right: 64px;
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: space-between;
  color: darkgrey;
}
.layout.login-layout .footer a {
  margin-right: 32px;
}
@media (max-width: 1200px) {
  .layout.login-layout > .content {
    padding: 64px;
  }
}
@media (max-width: 1200px) and (max-width: 768px) {
  .layout.login-layout {
    align-content: space-between;
  }
  .layout.login-layout .stage-special {
    position: fixed;
    width: 100%;
    min-height: 100%;
  }
  .layout.login-layout > .content {
    border-radius: 5px;
    width: 66.6%;
    margin-left: 16.6%;
    min-height: 0;
    min-height: initial;
    margin-top: 128px;
    margin-bottom: 64px;
    padding: 64px;
  }
  .layout.login-layout .quote {
    position: relative;
    width: calc(100% - 320px);
    margin-left: 188px;
    left: auto;
    left: initial;
    bottom: auto;
    bottom: initial;
    margin-bottom: 32px;
  }
}
@media (max-width: 1200px) and (max-width: 768px) and (max-width: 576px) {
  .layout.login-layout > .content {
    width: 92%;
    margin-left: 4%;
    margin-top: 32px;
    padding: 32px;
  }
  .layout.login-layout .quote {
    width: calc(100% - 90px);
    margin-left: 74px;
    margin-bottom: 100px;
  }
  .layout.login-layout .footer {
    height: 100px;
    padding-left: 32px;
    padding-right: 32px;
    display: block;
    justify-content: initial;
  }
  .layout.login-layout .footer a {
    margin-right: 16px;
    margin-left: 16px;
  }
  .layout.login-layout .footer .links, .layout.login-layout .footer .imprint {
    width: 100%;
    text-align: center;
  }
  .layout.login-layout .footer .imprint {
    margin-top: 16px;
  }
}
.login-page-container .heading-label {
  margin-bottom: 32px;
}
.login-page-container .heading-label.light {
  color: #e8e6e3;
}
.logout-page-container .logout-heading {
  display: flex;
  justify-content: flex-start;
  fill: #51AF3D;
}
.logout-page-container .logout-heading h1 {
  color: #51AF3D;
}
.logout-page-container .logout-heading .heading-label {
  margin-bottom: 32px;
}
.logout-page-container .logout-heading .heading-label.light {
  color: #e8e6e3;
}
.forgot-password-page-container .heading-label {
  margin-bottom: 32px;
}
.forgot-password-page-container .forgot-password-heading-success {
  display: flex;
  justify-content: flex-start;
  fill: #51AF3D;
}
.forgot-password-page-container .forgot-password-heading-success h1 {
  color: #51AF3D;
}
.forgot-password-page-container .forgot-password-heading-error {
  display: flex;
  justify-content: flex-start;
  fill: #9E3F20;
}
.forgot-password-page-container .forgot-password-heading-error h1 {
  color: #9E3F20;
}
.dark-mode {
  /* Invert Style */
  /* Variables Style */
  /* Modified CSS */
  /* Override Style */
}
.dark-mode html {
  background-color: #181a1b !important;
}
.dark-mode html, .dark-mode body, .dark-mode input, .dark-mode textarea, .dark-mode select, .dark-mode button {
  background-color: #181a1b;
}
.dark-mode html, .dark-mode body, .dark-mode input, .dark-mode textarea, .dark-mode select, .dark-mode button {
  border-color: #736b5e;
  color: #e8e6e3;
}
.dark-mode a {
  color: #3391ff;
}
.dark-mode table {
  border-color: #545b5e;
}
.dark-mode ::-moz-placeholder {
  color: #b2aba1;
}
.dark-mode :-ms-input-placeholder {
  color: #b2aba1;
}
.dark-mode ::-ms-input-placeholder {
  color: #b2aba1;
}
.dark-mode ::placeholder {
  color: #b2aba1;
}
.dark-mode input:-webkit-autofill,
.dark-mode textarea:-webkit-autofill,
.dark-mode select:-webkit-autofill {
  background-color: #555b00 !important;
  color: #e8e6e3 !important;
}
.dark-mode ::-webkit-scrollbar {
  background-color: #202324;
  color: #aba499;
}
.dark-mode ::-webkit-scrollbar-thumb {
  background-color: #454a4d;
}
.dark-mode ::-webkit-scrollbar-thumb:hover {
  background-color: #575e62;
}
.dark-mode ::-webkit-scrollbar-thumb:active {
  background-color: #484e51;
}
.dark-mode ::-webkit-scrollbar-corner {
  background-color: #181a1b;
}
.dark-mode ::-moz-selection {
  background-color: #004daa !important;
  color: #e8e6e3 !important;
}
.dark-mode ::selection {
  background-color: #004daa !important;
  color: #e8e6e3 !important;
}
.dark-mode ::-moz-selection {
  background-color: #004daa !important;
  color: #e8e6e3 !important;
}
.dark-mode .jfk-bubble.gtx-bubble, .dark-mode .captcheck_answer_label > input + img, .dark-mode span#closed_text > img[src^="https://www.gstatic.com/images/branding/googlelogo"], .dark-mode span[data-href^="https://www.hcaptcha.com/"] > #icon, .dark-mode embed[type="application/pdf"] {
  filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;
}
.dark-mode :root {
  --darkreader-neutral-background: #131516;
  --darkreader-neutral-text: #d8d4cf;
  --darkreader-selection-background: #004daa;
  --darkreader-selection-text: #e8e6e3;
}
.dark-mode .signal {
  border-color: #19538a;
}
.dark-mode .ie-overlay {
  background-color: #181a1b;
}
.dark-mode .info-box {
  border-color: #756d60;
}
.dark-mode html {
  -webkit-tap-highlight-color: transparent;
}
.dark-mode body {
  color: #d1cdc7;
  background-color: #181a1b;
}
.dark-mode [tabindex="-1"]:focus:not(.focus-visible) {
  outline-color: invert !important;
  outline-color: initial !important;
}
.dark-mode [tabindex="-1"]:focus:not(.focus-visible) {
  outline-color: invert !important;
  outline-color: initial !important;
}
.dark-mode [tabindex="-1"]:focus:not(:focus-visible) {
  outline-color: invert !important;
  outline-color: initial !important;
}
.dark-mode abbr[data-original-title],
.dark-mode abbr[title] {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
  border-bottom-color: currentColor;
  border-bottom-color: initial;
}
.dark-mode a {
  color: #33a2ff;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
  background-color: transparent;
}
.dark-mode a:hover {
  color: #61b7ff;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode a:not([href]):not([class]) {
  color: inherit;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode a:not([href]):not([class]):hover {
  color: inherit;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode caption {
  color: #9e9689;
}
.dark-mode button:focus {
  outline-color: #ba7b00;
}
.dark-mode fieldset {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode legend {
  color: inherit;
}
.dark-mode hr {
  border-right-color: currentColor;
  border-right-color: initial;
  border-bottom-color: currentColor;
  border-bottom-color: initial;
  border-left-color: currentColor;
  border-left-color: initial;
  border-top-color: rgba(140, 130, 115, 0.1);
}
.dark-mode .mark,
.dark-mode mark {
  background-color: #3f3607;
}
.dark-mode .list-unstyled {
  list-style-image: none;
  list-style-image: initial;
}
.dark-mode .list-inline {
  list-style-image: none;
  list-style-image: initial;
}
.dark-mode .blockquote-footer {
  color: #9e9689;
}
.dark-mode .img-thumbnail {
  background-color: #181a1b;
  border-color: #383d3f;
}
.dark-mode .figure-caption {
  color: #9e9689;
}
.dark-mode code {
  color: #e94a93;
}
.dark-mode a > code {
  color: inherit;
}
.dark-mode kbd {
  color: #e8e6e3;
  background-color: #1c1e1f;
}
.dark-mode pre {
  color: #d1cdc7;
}
.dark-mode pre code {
  color: inherit;
}
.dark-mode .table {
  color: #d1cdc7;
}
.dark-mode .table td,
.dark-mode .table th {
  border-top-color: #383d3f;
}
.dark-mode .table thead th {
  border-bottom-color: #383d3f;
}
.dark-mode .table tbody + tbody {
  border-top-color: #383d3f;
}
.dark-mode .table-bordered {
  border-color: #383d3f;
}
.dark-mode .table-bordered td,
.dark-mode .table-bordered th {
  border-color: #383d3f;
}
.dark-mode .table-borderless tbody + tbody,
.dark-mode .table-borderless td,
.dark-mode .table-borderless th,
.dark-mode .table-borderless thead th {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .table-striped tbody tr:nth-of-type(2n+1) {
  background-color: rgba(0, 0, 0, 0.05);
}
.dark-mode .table-hover tbody tr:hover {
  color: #d1cdc7;
  background-color: rgba(0, 0, 0, 0.07);
}
.dark-mode .table-primary,
.dark-mode .table-primary > td,
.dark-mode .table-primary > th {
  background-color: #2c3032;
}
.dark-mode .table-primary tbody + tbody,
.dark-mode .table-primary td,
.dark-mode .table-primary th,
.dark-mode .table-primary thead th {
  border-color: #00448e;
}
.dark-mode .table-hover .table-primary:hover {
  background-color: #333739;
}
.dark-mode .table-hover .table-primary:hover > td,
.dark-mode .table-hover .table-primary:hover > th {
  background-color: #333739;
}
.dark-mode .table-secondary,
.dark-mode .table-secondary > td,
.dark-mode .table-secondary > th {
  background-color: #2e3233;
}
.dark-mode .table-secondary tbody + tbody,
.dark-mode .table-secondary td,
.dark-mode .table-secondary th,
.dark-mode .table-secondary thead th {
  border-color: #444a4d;
}
.dark-mode .table-hover .table-secondary:hover {
  background-color: #353a3c;
}
.dark-mode .table-hover .table-secondary:hover > td,
.dark-mode .table-hover .table-secondary:hover > th {
  background-color: #353a3c;
}
.dark-mode .table-success,
.dark-mode .table-success > td,
.dark-mode .table-success > th {
  background-color: #1e4830;
}
.dark-mode .table-success tbody + tbody,
.dark-mode .table-success td,
.dark-mode .table-success th,
.dark-mode .table-success thead th {
  border-color: #2b6a3a;
}
.dark-mode .table-hover .table-success:hover {
  background-color: #225336;
}
.dark-mode .table-hover .table-success:hover > td,
.dark-mode .table-hover .table-success:hover > th {
  background-color: #225336;
}
.dark-mode .table-info,
.dark-mode .table-info > td,
.dark-mode .table-info > th {
  background-color: #18474e;
}
.dark-mode .table-info tbody + tbody,
.dark-mode .table-info td,
.dark-mode .table-info th,
.dark-mode .table-info thead th {
  border-color: #236872;
}
.dark-mode .table-hover .table-info:hover {
  background-color: #1c5159;
}
.dark-mode .table-hover .table-info:hover > td,
.dark-mode .table-hover .table-info:hover > th {
  background-color: #1c5159;
}
.dark-mode .table-warning,
.dark-mode .table-warning > td,
.dark-mode .table-warning > th {
  background-color: #5c4600;
}
.dark-mode .table-warning tbody + tbody,
.dark-mode .table-warning td,
.dark-mode .table-warning th,
.dark-mode .table-warning thead th {
  border-color: #8d6a00;
}
.dark-mode .table-hover .table-warning:hover {
  background-color: #6b5100;
}
.dark-mode .table-hover .table-warning:hover > td,
.dark-mode .table-hover .table-warning:hover > th {
  background-color: #6b5100;
}
.dark-mode .table-danger,
.dark-mode .table-danger > td,
.dark-mode .table-danger > th {
  background-color: #4e0e14;
}
.dark-mode .table-danger tbody + tbody,
.dark-mode .table-danger td,
.dark-mode .table-danger th,
.dark-mode .table-danger thead th {
  border-color: #77141d;
}
.dark-mode .table-hover .table-danger:hover {
  background-color: #5b1018;
}
.dark-mode .table-hover .table-danger:hover > td,
.dark-mode .table-hover .table-danger:hover > th {
  background-color: #5b1018;
}
.dark-mode .table-light,
.dark-mode .table-light > td,
.dark-mode .table-light > th {
  background-color: #191b1c;
}
.dark-mode .table-light tbody + tbody,
.dark-mode .table-light td,
.dark-mode .table-light th,
.dark-mode .table-light thead th {
  border-color: #313537;
}
.dark-mode .table-hover .table-light:hover {
  background-color: #202324;
}
.dark-mode .table-hover .table-light:hover > td,
.dark-mode .table-hover .table-light:hover > th {
  background-color: #202324;
}
.dark-mode .table-dark,
.dark-mode .table-dark > td,
.dark-mode .table-dark > th {
  background-color: #373c3e;
}
.dark-mode .table-dark tbody + tbody,
.dark-mode .table-dark td,
.dark-mode .table-dark th,
.dark-mode .table-dark thead th {
  border-color: #4d5357;
}
.dark-mode .table-hover .table-dark:hover {
  background-color: #3e4346;
}
.dark-mode .table-hover .table-dark:hover > td,
.dark-mode .table-hover .table-dark:hover > th {
  background-color: #3e4346;
}
.dark-mode .table-active,
.dark-mode .table-active > td,
.dark-mode .table-active > th {
  background-color: rgba(0, 0, 0, 0.07);
}
.dark-mode .table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.dark-mode .table-hover .table-active:hover > td,
.dark-mode .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.07);
}
.dark-mode .table .thead-dark th {
  color: #e8e6e3;
  background-color: #2c2f31;
  border-color: #736a5e;
}
.dark-mode .table .thead-light th {
  color: #b5afa6;
  background-color: #232627;
  border-color: #383d3f;
}
.dark-mode .table-dark {
  color: #e8e6e3;
  background-color: #2c2f31;
}
.dark-mode .table-dark td,
.dark-mode .table-dark th,
.dark-mode .table-dark thead th {
  border-color: #736a5e;
}
.dark-mode .table-dark.table-bordered {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .table-dark.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: rgba(24, 26, 27, 0.05);
}
.dark-mode .table-dark.table-hover tbody tr:hover {
  color: #e8e6e3;
  background-color: rgba(24, 26, 27, 0.07);
}
@media (max-width: 575.98px) {
  .dark-mode .table-responsive-sm > .table-bordered {
    border-color: currentColor;
    border-color: initial;
  }
}
@media (max-width: 767.98px) {
  .dark-mode .table-responsive-md > .table-bordered {
    border-color: currentColor;
    border-color: initial;
  }
}
@media (max-width: 991.98px) {
  .dark-mode .table-responsive-lg > .table-bordered {
    border-color: currentColor;
    border-color: initial;
  }
}
@media (max-width: 1199.98px) {
  .dark-mode .table-responsive-xl > .table-bordered {
    border-color: currentColor;
    border-color: initial;
  }
}
.dark-mode .table-responsive > .table-bordered {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .form-control {
  color: #b5afa6;
  background-color: #181a1b;
  border-color: #3c4144;
}
.dark-mode .form-control:focus {
  color: #b5afa6;
  background-color: #181a1b;
  border-color: #00438c;
  outline-color: invert;
  outline-color: initial;
  box-shadow: rgba(0, 98, 204, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .form-control::-moz-placeholder {
  color: #9e9689;
}
.dark-mode .form-control:-ms-input-placeholder {
  color: #9e9689;
}
.dark-mode .form-control::-ms-input-placeholder {
  color: #9e9689;
}
.dark-mode .form-control::placeholder {
  color: #9e9689;
}
.dark-mode .form-control:disabled,
.dark-mode .form-control[readonly] {
  background-color: #232627;
}
.dark-mode .form-control-plaintext {
  color: #d1cdc7;
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .form-check-input:disabled ~ .form-check-label,
.dark-mode .form-check-input[disabled] ~ .form-check-label {
  color: #9e9689;
}
.dark-mode .valid-feedback {
  color: #61d97c;
}
.dark-mode .valid-tooltip {
  color: #e8e6e3;
  background-color: rgba(32, 134, 55, 0.9);
}
.dark-mode .form-control.is-valid,
.dark-mode .was-validated .form-control:valid {
  border-color: #259c40;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
.dark-mode .form-control.is-valid:focus,
.dark-mode .was-validated .form-control:valid:focus {
  border-color: #259c40;
  box-shadow: rgba(32, 134, 55, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .custom-select.is-valid,
.dark-mode .was-validated .custom-select:valid {
  border-color: #259c40;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNCIgaGVpZ2h0PSI1Ij48ZGVmcz48ZmlsdGVyIGlkPSJkYXJrcmVhZGVyLWltYWdlLWZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMjQ5IC0wLjYxNCAtMC42NzIgMC4wMDAgMS4wMzUgLTAuNjQ2IDAuMjg4IC0wLjY2NCAwLjAwMCAxLjAyMCAtMC42MzYgLTAuNjA5IDAuMjUwIDAuMDAwIDAuOTk0IDAuMDAwIDAuMDAwIDAuMDAwIDEuMDAwIDAuMDAwIiAvPjwvZmlsdGVyPjwvZGVmcz48aW1hZ2Ugd2lkdGg9IjQiIGhlaWdodD0iNSIgZmlsdGVyPSJ1cmwoI2RhcmtyZWFkZXItaW1hZ2UtZmlsdGVyKSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9zdmcreG1sLCUzY3N2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzUnIHZpZXdCb3g9JzAgMCA0IDUnJTNlJTNjcGF0aCBmaWxsPSclMjMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLyUzZSUzYy9zdmclM2UiIC8+PC9zdmc+"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-color: #181a1b;
}
.dark-mode .custom-select.is-valid:focus,
.dark-mode .was-validated .custom-select:valid:focus {
  border-color: #259c40;
  box-shadow: rgba(32, 134, 55, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .form-check-input.is-valid ~ .form-check-label,
.dark-mode .was-validated .form-check-input:valid ~ .form-check-label {
  color: #61d97c;
}
.dark-mode .custom-control-input.is-valid ~ .custom-control-label,
.dark-mode .was-validated .custom-control-input:valid ~ .custom-control-label {
  color: #61d97c;
}
.dark-mode .custom-control-input.is-valid ~ .custom-control-label::before,
.dark-mode .was-validated .custom-control-input:valid ~ .custom-control-label::before {
  border-color: #259c40;
}
.dark-mode .custom-control-input.is-valid:checked ~ .custom-control-label::before,
.dark-mode .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
  border-color: #238f3b;
  background-color: #27a35b;
}
.dark-mode .custom-control-input.is-valid:focus ~ .custom-control-label::before,
.dark-mode .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
  box-shadow: rgba(32, 134, 55, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #259c40;
}
.dark-mode .custom-file-input.is-valid ~ .custom-file-label,
.dark-mode .was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: #259c40;
}
.dark-mode .custom-file-input.is-valid:focus ~ .custom-file-label,
.dark-mode .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
  border-color: #259c40;
  box-shadow: rgba(32, 134, 55, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .invalid-feedback {
  color: #df4655;
}
.dark-mode .invalid-tooltip {
  color: #e8e6e3;
  background-color: rgba(165, 29, 42, 0.9);
}
.dark-mode .form-control.is-invalid,
.dark-mode .was-validated .form-control:invalid {
  border-color: #941a25;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjxkZWZzPjxmaWx0ZXIgaWQ9ImRhcmtyZWFkZXItaW1hZ2UtZmlsdGVyIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yNDkgLTAuNjE0IC0wLjY3MiAwLjAwMCAxLjAzNSAtMC42NDYgMC4yODggLTAuNjY0IDAuMDAwIDEuMDIwIC0wLjYzNiAtMC42MDkgMC4yNTAgMC4wMDAgMC45OTQgMC4wMDAgMC4wMDAgMC4wMDAgMS4wMDAgMC4wMDAiIC8+PC9maWx0ZXI+PC9kZWZzPjxpbWFnZSB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbHRlcj0idXJsKCNkYXJrcmVhZGVyLWltYWdlLWZpbHRlcikiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM2NzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB3aWR0aD0nMTInIGhlaWdodD0nMTInIGZpbGw9J25vbmUnIHN0cm9rZT0nJTIzZGMzNTQ1JyB2aWV3Qm94PScwIDAgMTIgMTInJTNlJTNjY2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8lM2UlM2NwYXRoIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIGQ9J001LjggMy42aC40TDYgNi41eicvJTNlJTNjY2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nJTIzZGMzNTQ1JyBzdHJva2U9J25vbmUnLyUzZSUzYy9zdmclM2UiIC8+PC9zdmc+");
}
.dark-mode .form-control.is-invalid:focus,
.dark-mode .was-validated .form-control:invalid:focus {
  border-color: #941a25;
  box-shadow: rgba(165, 29, 42, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .custom-select.is-invalid,
.dark-mode .was-validated .custom-select:invalid {
  border-color: #941a25;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNCIgaGVpZ2h0PSI1Ij48ZGVmcz48ZmlsdGVyIGlkPSJkYXJrcmVhZGVyLWltYWdlLWZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMjQ5IC0wLjYxNCAtMC42NzIgMC4wMDAgMS4wMzUgLTAuNjQ2IDAuMjg4IC0wLjY2NCAwLjAwMCAxLjAyMCAtMC42MzYgLTAuNjA5IDAuMjUwIDAuMDAwIDAuOTk0IDAuMDAwIDAuMDAwIDAuMDAwIDEuMDAwIDAuMDAwIiAvPjwvZmlsdGVyPjwvZGVmcz48aW1hZ2Ugd2lkdGg9IjQiIGhlaWdodD0iNSIgZmlsdGVyPSJ1cmwoI2RhcmtyZWFkZXItaW1hZ2UtZmlsdGVyKSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9zdmcreG1sLCUzY3N2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzUnIHZpZXdCb3g9JzAgMCA0IDUnJTNlJTNjcGF0aCBmaWxsPSclMjMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLyUzZSUzYy9zdmclM2UiIC8+PC9zdmc+"), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjxkZWZzPjxmaWx0ZXIgaWQ9ImRhcmtyZWFkZXItaW1hZ2UtZmlsdGVyIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yNDkgLTAuNjE0IC0wLjY3MiAwLjAwMCAxLjAzNSAtMC42NDYgMC4yODggLTAuNjY0IDAuMDAwIDEuMDIwIC0wLjYzNiAtMC42MDkgMC4yNTAgMC4wMDAgMC45OTQgMC4wMDAgMC4wMDAgMC4wMDAgMS4wMDAgMC4wMDAiIC8+PC9maWx0ZXI+PC9kZWZzPjxpbWFnZSB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbHRlcj0idXJsKCNkYXJrcmVhZGVyLWltYWdlLWZpbHRlcikiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM2NzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB3aWR0aD0nMTInIGhlaWdodD0nMTInIGZpbGw9J25vbmUnIHN0cm9rZT0nJTIzZGMzNTQ1JyB2aWV3Qm94PScwIDAgMTIgMTInJTNlJTNjY2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8lM2UlM2NwYXRoIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIGQ9J001LjggMy42aC40TDYgNi41eicvJTNlJTNjY2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nJTIzZGMzNTQ1JyBzdHJva2U9J25vbmUnLyUzZSUzYy9zdmclM2UiIC8+PC9zdmc+");
  background-color: #181a1b;
}
.dark-mode .custom-select.is-invalid:focus,
.dark-mode .was-validated .custom-select:invalid:focus {
  border-color: #941a25;
  box-shadow: rgba(165, 29, 42, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .form-check-input.is-invalid ~ .form-check-label,
.dark-mode .was-validated .form-check-input:invalid ~ .form-check-label {
  color: #df4655;
}
.dark-mode .custom-control-input.is-invalid ~ .custom-control-label,
.dark-mode .was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: #df4655;
}
.dark-mode .custom-control-input.is-invalid ~ .custom-control-label::before,
.dark-mode .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
  border-color: #941a25;
}
.dark-mode .custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.dark-mode .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
  border-color: #871722;
  background-color: #8b1823;
}
.dark-mode .custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.dark-mode .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
  box-shadow: rgba(165, 29, 42, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
.dark-mode .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #941a25;
}
.dark-mode .custom-file-input.is-invalid ~ .custom-file-label,
.dark-mode .was-validated .custom-file-input:invalid ~ .custom-file-label {
  border-color: #941a25;
}
.dark-mode .custom-file-input.is-invalid:focus ~ .custom-file-label,
.dark-mode .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
  border-color: #941a25;
  box-shadow: rgba(165, 29, 42, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .btn {
  color: #d1cdc7;
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .btn:hover {
  color: #d1cdc7;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .btn.focus,
.dark-mode .btn:focus {
  outline-color: invert;
  outline-color: initial;
  box-shadow: rgba(0, 98, 204, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-primary {
  color: #e8e6e3;
  background-color: #0062cc;
  border-color: #0056b3;
}
.dark-mode .btn-primary:hover {
  color: #e8e6e3;
  background-color: #0054ae;
  border-color: #005dc2;
}
.dark-mode .btn-primary.focus,
.dark-mode .btn-primary:focus {
  color: #e8e6e3;
  background-color: #0054ae;
  border-color: #005dc2;
  box-shadow: rgba(0, 88, 181, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-primary.disabled,
.dark-mode .btn-primary:disabled {
  color: #e8e6e3;
  background-color: #0062cc;
  border-color: #0056b3;
}
.dark-mode .btn-primary:not(:disabled):not(.disabled).active,
.dark-mode .btn-primary:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-primary.dropdown-toggle {
  color: #e8e6e3;
  background-color: #004ea3;
  border-color: #005fc6;
}
.dark-mode .btn-primary:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-primary:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: rgba(0, 88, 181, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-secondary {
  color: #e8e6e3;
  background-color: #585f63;
  border-color: #665e53;
}
.dark-mode .btn-secondary:hover {
  color: #e8e6e3;
  background-color: #494f52;
  border-color: #6e665a;
}
.dark-mode .btn-secondary.focus,
.dark-mode .btn-secondary:focus {
  color: #e8e6e3;
  background-color: #494f52;
  border-color: #6e665a;
  box-shadow: rgba(90, 98, 102, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-secondary.disabled,
.dark-mode .btn-secondary:disabled {
  color: #e8e6e3;
  background-color: #585f63;
  border-color: #665e53;
}
.dark-mode .btn-secondary:not(:disabled):not(.disabled).active,
.dark-mode .btn-secondary:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-secondary.dropdown-toggle {
  color: #e8e6e3;
  background-color: #454a4d;
  border-color: #70685c;
}
.dark-mode .btn-secondary:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-secondary:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: rgba(90, 98, 102, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-success {
  color: #e8e6e3;
  background-color: #208637;
  border-color: #259c40;
}
.dark-mode .btn-success:hover {
  color: #e8e6e3;
  background-color: #1a6d2d;
  border-color: #28a845;
}
.dark-mode .btn-success.focus,
.dark-mode .btn-success:focus {
  color: #e8e6e3;
  background-color: #1a6d2d;
  border-color: #28a845;
  box-shadow: rgba(58, 144, 78, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-success.disabled,
.dark-mode .btn-success:disabled {
  color: #e8e6e3;
  background-color: #208637;
  border-color: #259c40;
}
.dark-mode .btn-success:not(:disabled):not(.disabled).active,
.dark-mode .btn-success:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-success.dropdown-toggle {
  color: #e8e6e3;
  background-color: #18652a;
  border-color: #29ab47;
}
.dark-mode .btn-success:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-success:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-success.dropdown-toggle:focus {
  box-shadow: rgba(58, 144, 78, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-info {
  color: #e8e6e3;
  background-color: #128293;
  border-color: #1597ab;
}
.dark-mode .btn-info:hover {
  color: #e8e6e3;
  background-color: #0f6a78;
  border-color: #17a3ba;
}
.dark-mode .btn-info.focus,
.dark-mode .btn-info:focus {
  color: #e8e6e3;
  background-color: #0f6a78;
  border-color: #17a3ba;
  box-shadow: rgba(46, 141, 156, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-info.disabled,
.dark-mode .btn-info:disabled {
  color: #e8e6e3;
  background-color: #128293;
  border-color: #1597ab;
}
.dark-mode .btn-info:not(:disabled):not(.disabled).active,
.dark-mode .btn-info:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-info.dropdown-toggle {
  color: #e8e6e3;
  background-color: #0e626f;
  border-color: #18a6bc;
}
.dark-mode .btn-info:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-info:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-info.dropdown-toggle:focus {
  box-shadow: rgba(46, 141, 156, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-warning {
  color: #d1cdc7;
  background-color: #c89600;
  border-color: #b08400;
}
.dark-mode .btn-warning:hover {
  color: #d1cdc7;
  background-color: #b38600;
  border-color: #c09000;
}
.dark-mode .btn-warning.focus,
.dark-mode .btn-warning:focus {
  color: #d1cdc7;
  background-color: #b38600;
  border-color: #c09000;
  box-shadow: rgba(178, 136, 10, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-warning.disabled,
.dark-mode .btn-warning:disabled {
  color: #d1cdc7;
  background-color: #c89600;
  border-color: #b08400;
}
.dark-mode .btn-warning:not(:disabled):not(.disabled).active,
.dark-mode .btn-warning:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-warning.dropdown-toggle {
  color: #d1cdc7;
  background-color: #a97e00;
  border-color: #c49300;
}
.dark-mode .btn-warning:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-warning:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: rgba(178, 136, 10, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-danger {
  color: #e8e6e3;
  background-color: #a51d2a;
  border-color: #941a25;
}
.dark-mode .btn-danger:hover {
  color: #e8e6e3;
  background-color: #a01c29;
  border-color: #a01c29;
}
.dark-mode .btn-danger.focus,
.dark-mode .btn-danger:focus {
  color: #e8e6e3;
  background-color: #a01c29;
  border-color: #a01c29;
  box-shadow: rgba(147, 26, 38, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-danger.disabled,
.dark-mode .btn-danger:disabled {
  color: #e8e6e3;
  background-color: #a51d2a;
  border-color: #941a25;
}
.dark-mode .btn-danger:not(:disabled):not(.disabled).active,
.dark-mode .btn-danger:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-danger.dropdown-toggle {
  color: #e8e6e3;
  background-color: #971a26;
  border-color: #a41d29;
}
.dark-mode .btn-danger:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-danger:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: rgba(147, 26, 38, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-light {
  color: #d1cdc7;
  background-color: #1b1e1f;
  border-color: #323638;
}
.dark-mode .btn-light:hover {
  color: #d1cdc7;
  background-color: #26292b;
  border-color: #393e40;
}
.dark-mode .btn-light.focus,
.dark-mode .btn-light:focus {
  color: #d1cdc7;
  background-color: #26292b;
  border-color: #393e40;
  box-shadow: rgba(45, 49, 51, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-light.disabled,
.dark-mode .btn-light:disabled {
  color: #d1cdc7;
  background-color: #1b1e1f;
  border-color: #323638;
}
.dark-mode .btn-light:not(:disabled):not(.disabled).active,
.dark-mode .btn-light:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-light.dropdown-toggle {
  color: #d1cdc7;
  background-color: #2a2d2f;
  border-color: #3b4042;
}
.dark-mode .btn-light:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-light:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-light.dropdown-toggle:focus {
  box-shadow: rgba(45, 49, 51, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-dark {
  color: #e8e6e3;
  background-color: #2c2f31;
  border-color: #797063;
}
.dark-mode .btn-dark:hover {
  color: #e8e6e3;
  background-color: #1d2021;
  border-color: #81786a;
}
.dark-mode .btn-dark.focus,
.dark-mode .btn-dark:focus {
  color: #e8e6e3;
  background-color: #1d2021;
  border-color: #81786a;
  box-shadow: rgba(66, 71, 74, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-dark.disabled,
.dark-mode .btn-dark:disabled {
  color: #e8e6e3;
  background-color: #2c2f31;
  border-color: #797063;
}
.dark-mode .btn-dark:not(:disabled):not(.disabled).active,
.dark-mode .btn-dark:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-dark.dropdown-toggle {
  color: #e8e6e3;
  background-color: #181b1c;
  border-color: #837a6c;
}
.dark-mode .btn-dark:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-dark:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: rgba(66, 71, 74, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-primary {
  color: #33a2ff;
  border-color: #0056b3;
}
.dark-mode .btn-outline-primary:hover {
  color: #e8e6e3;
  background-color: #0062cc;
  border-color: #0056b3;
}
.dark-mode .btn-outline-primary.focus,
.dark-mode .btn-outline-primary:focus {
  box-shadow: rgba(0, 98, 204, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-primary.disabled,
.dark-mode .btn-outline-primary:disabled {
  color: #33a2ff;
  background-color: transparent;
}
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active,
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-outline-primary.dropdown-toggle {
  color: #e8e6e3;
  background-color: #0062cc;
  border-color: #0056b3;
}
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: rgba(0, 98, 204, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-secondary {
  color: #9e9689;
  border-color: #665e53;
}
.dark-mode .btn-outline-secondary:hover {
  color: #e8e6e3;
  background-color: #585f63;
  border-color: #665e53;
}
.dark-mode .btn-outline-secondary.focus,
.dark-mode .btn-outline-secondary:focus {
  box-shadow: rgba(88, 95, 99, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-secondary.disabled,
.dark-mode .btn-outline-secondary:disabled {
  color: #9e9689;
  background-color: transparent;
}
.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active,
.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-outline-secondary.dropdown-toggle {
  color: #e8e6e3;
  background-color: #585f63;
  border-color: #665e53;
}
.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: rgba(88, 95, 99, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-success {
  color: #61d97c;
  border-color: #259c40;
}
.dark-mode .btn-outline-success:hover {
  color: #e8e6e3;
  background-color: #208637;
  border-color: #259c40;
}
.dark-mode .btn-outline-success.focus,
.dark-mode .btn-outline-success:focus {
  box-shadow: rgba(32, 134, 55, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-success.disabled,
.dark-mode .btn-outline-success:disabled {
  color: #61d97c;
  background-color: transparent;
}
.dark-mode .btn-outline-success:not(:disabled):not(.disabled).active,
.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-outline-success.dropdown-toggle {
  color: #e8e6e3;
  background-color: #208637;
  border-color: #259c40;
}
.dark-mode .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-outline-success:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: rgba(32, 134, 55, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-info {
  color: #51d4e9;
  border-color: #1597ab;
}
.dark-mode .btn-outline-info:hover {
  color: #e8e6e3;
  background-color: #128293;
  border-color: #1597ab;
}
.dark-mode .btn-outline-info.focus,
.dark-mode .btn-outline-info:focus {
  box-shadow: rgba(18, 130, 147, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-info.disabled,
.dark-mode .btn-outline-info:disabled {
  color: #51d4e9;
  background-color: transparent;
}
.dark-mode .btn-outline-info:not(:disabled):not(.disabled).active,
.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-outline-info.dropdown-toggle {
  color: #e8e6e3;
  background-color: #128293;
  border-color: #1597ab;
}
.dark-mode .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-outline-info:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: rgba(18, 130, 147, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-warning {
  color: #ffc71e;
  border-color: #b08400;
}
.dark-mode .btn-outline-warning:hover {
  color: #d1cdc7;
  background-color: #c89600;
  border-color: #b08400;
}
.dark-mode .btn-outline-warning.focus,
.dark-mode .btn-outline-warning:focus {
  box-shadow: rgba(200, 150, 0, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-warning.disabled,
.dark-mode .btn-outline-warning:disabled {
  color: #ffc71e;
  background-color: transparent;
}
.dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active,
.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-outline-warning.dropdown-toggle {
  color: #d1cdc7;
  background-color: #c89600;
  border-color: #b08400;
}
.dark-mode .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: rgba(200, 150, 0, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-danger {
  color: #df4655;
  border-color: #941a25;
}
.dark-mode .btn-outline-danger:hover {
  color: #e8e6e3;
  background-color: #a51d2a;
  border-color: #941a25;
}
.dark-mode .btn-outline-danger.focus,
.dark-mode .btn-outline-danger:focus {
  box-shadow: rgba(165, 29, 42, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-danger.disabled,
.dark-mode .btn-outline-danger:disabled {
  color: #df4655;
  background-color: transparent;
}
.dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active,
.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-outline-danger.dropdown-toggle {
  color: #e8e6e3;
  background-color: #a51d2a;
  border-color: #941a25;
}
.dark-mode .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: rgba(165, 29, 42, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-light {
  color: #e4e2de;
  border-color: #323638;
}
.dark-mode .btn-outline-light:hover {
  color: #d1cdc7;
  background-color: #1b1e1f;
  border-color: #323638;
}
.dark-mode .btn-outline-light.focus,
.dark-mode .btn-outline-light:focus {
  box-shadow: rgba(27, 30, 31, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-light.disabled,
.dark-mode .btn-outline-light:disabled {
  color: #e4e2de;
  background-color: transparent;
}
.dark-mode .btn-outline-light:not(:disabled):not(.disabled).active,
.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-outline-light.dropdown-toggle {
  color: #d1cdc7;
  background-color: #1b1e1f;
  border-color: #323638;
}
.dark-mode .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-outline-light:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: rgba(27, 30, 31, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-dark {
  color: #c3beb6;
  border-color: #797063;
}
.dark-mode .btn-outline-dark:hover {
  color: #e8e6e3;
  background-color: #2c2f31;
  border-color: #797063;
}
.dark-mode .btn-outline-dark.focus,
.dark-mode .btn-outline-dark:focus {
  box-shadow: rgba(44, 47, 49, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-outline-dark.disabled,
.dark-mode .btn-outline-dark:disabled {
  color: #c3beb6;
  background-color: transparent;
}
.dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active,
.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-outline-dark.dropdown-toggle {
  color: #e8e6e3;
  background-color: #2c2f31;
  border-color: #797063;
}
.dark-mode .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.dark-mode .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.dark-mode .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: rgba(44, 47, 49, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-link {
  color: #33a2ff;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .btn-link:hover {
  color: #61b7ff;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .btn-link.focus,
.dark-mode .btn-link:focus {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .btn-link.disabled,
.dark-mode .btn-link:disabled {
  color: #9e9689;
}
.dark-mode .dropdown-toggle::after {
  border-top-color: currentColor;
  border-top-color: initial;
  border-right-color: transparent;
  border-bottom-color: currentColor;
  border-bottom-color: initial;
  border-left-color: transparent;
}
.dark-mode .dropdown-menu {
  color: #d1cdc7;
  list-style-image: none;
  list-style-image: initial;
  background-color: #181a1b;
  border-color: rgba(140, 130, 115, 0.15);
}
.dark-mode .dropup .dropdown-toggle::after {
  border-top-color: currentColor;
  border-top-color: initial;
  border-right-color: transparent;
  border-bottom-color: currentColor;
  border-bottom-color: initial;
  border-left-color: transparent;
}
.dark-mode .dropright .dropdown-toggle::after {
  border-top-color: transparent;
  border-right-color: currentColor;
  border-right-color: initial;
  border-bottom-color: transparent;
  border-left-color: currentColor;
  border-left-color: initial;
}
.dark-mode .dropleft .dropdown-toggle::before {
  border-top-color: transparent;
  border-right-color: currentColor;
  border-right-color: initial;
  border-bottom-color: transparent;
}
.dark-mode .dropdown-divider {
  border-top-color: #353a3c;
}
.dark-mode .dropdown-item {
  color: #d1cdc7;
  background-color: transparent;
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-item:focus,
.dark-mode .dropdown-item:hover {
  color: #d9d5d0;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
  background-color: #1b1e1f;
}
.dark-mode .dropdown-item.active,
.dark-mode .dropdown-item:active {
  color: #e8e6e3;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
  background-color: #0062cc;
}
.dark-mode .dropdown-item.disabled,
.dark-mode .dropdown-item:disabled {
  color: #9e9689;
  background-color: transparent;
}
.dark-mode .dropdown-header {
  color: #9e9689;
}
.dark-mode .dropdown-item-text {
  color: #d1cdc7;
}
.dark-mode .input-group-text {
  color: #b5afa6;
  background-color: #232627;
  border-color: #3c4144;
}
.dark-mode .custom-control-input:checked ~ .custom-control-label::before {
  color: #e8e6e3;
  border-color: #0056b3;
  background-color: #0062cc;
}
.dark-mode .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: rgba(0, 98, 204, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #00438c;
}
.dark-mode .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #e8e6e3;
  background-color: #2d3133;
  border-color: #003b7d;
}
.dark-mode .custom-control-input:disabled ~ .custom-control-label,
.dark-mode .custom-control-input[disabled] ~ .custom-control-label {
  color: #9e9689;
}
.dark-mode .custom-control-input:disabled ~ .custom-control-label::before,
.dark-mode .custom-control-input[disabled] ~ .custom-control-label::before {
  background-color: #232627;
}
.dark-mode .custom-control-label::before {
  background-color: #181a1b;
  border-color: #454b4e;
}
.dark-mode .custom-control-label::after {
  background-image: none;
  background-image: initial;
  background-color: transparent;
  background-color: initial;
}
.dark-mode .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.dark-mode .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #0056b3;
  background-color: #0062cc;
}
.dark-mode .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.dark-mode .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 98, 204, 0.5);
}
.dark-mode .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 98, 204, 0.5);
}
.dark-mode .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.dark-mode .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 98, 204, 0.5);
}
.dark-mode .custom-switch .custom-control-label::after {
  background-color: #42474a;
}
.dark-mode .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #181a1b;
}
.dark-mode .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 98, 204, 0.5);
}
.dark-mode .custom-select {
  color: #b5afa6;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNCIgaGVpZ2h0PSI1Ij48ZGVmcz48ZmlsdGVyIGlkPSJkYXJrcmVhZGVyLWltYWdlLWZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMjQ5IC0wLjYxNCAtMC42NzIgMC4wMDAgMS4wMzUgLTAuNjQ2IDAuMjg4IC0wLjY2NCAwLjAwMCAxLjAyMCAtMC42MzYgLTAuNjA5IDAuMjUwIDAuMDAwIDAuOTk0IDAuMDAwIDAuMDAwIDAuMDAwIDEuMDAwIDAuMDAwIiAvPjwvZmlsdGVyPjwvZGVmcz48aW1hZ2Ugd2lkdGg9IjQiIGhlaWdodD0iNSIgZmlsdGVyPSJ1cmwoI2RhcmtyZWFkZXItaW1hZ2UtZmlsdGVyKSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9zdmcreG1sLCUzY3N2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzUnIHZpZXdCb3g9JzAgMCA0IDUnJTNlJTNjcGF0aCBmaWxsPSclMjMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLyUzZSUzYy9zdmclM2UiIC8+PC9zdmc+");
  background-color: #181a1b;
  border-color: #3c4144;
}
.dark-mode .custom-select:focus {
  border-color: #00438c;
  outline-color: invert;
  outline-color: initial;
  box-shadow: rgba(0, 98, 204, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .custom-select[multiple],
.dark-mode .custom-select[size]:not([size="1"]) {
  background-image: none;
}
.dark-mode .custom-select:disabled {
  color: #9e9689;
  background-color: #232627;
}
.dark-mode .custom-file-input:focus ~ .custom-file-label {
  border-color: #00438c;
  box-shadow: rgba(0, 98, 204, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .custom-file-input:disabled ~ .custom-file-label,
.dark-mode .custom-file-input[disabled] ~ .custom-file-label {
  background-color: #232627;
}
.dark-mode .custom-file-label {
  color: #b5afa6;
  background-color: #181a1b;
  border-color: #3c4144;
}
.dark-mode .custom-file-label::after {
  color: #b5afa6;
  background-color: #232627;
  border-left-color: inherit;
}
.dark-mode .custom-range {
  background-color: transparent;
}
.dark-mode .custom-range:focus {
  outline-color: invert;
  outline-color: initial;
}
.dark-mode .custom-range:focus::-webkit-slider-thumb {
  box-shadow: #181a1b 0px 0px 0px 1px, rgba(0, 98, 204, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .custom-range::-webkit-slider-thumb {
  background-color: #0062cc;
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .custom-range::-webkit-slider-thumb:active {
  background-color: #2d3133;
}
.dark-mode .custom-range::-webkit-slider-runnable-track {
  color: transparent;
  background-color: #282c2d;
  border-color: transparent;
}
.dark-mode .custom-range:disabled::-webkit-slider-thumb {
  background-color: #42474a;
}
.dark-mode .nav {
  list-style-image: none;
  list-style-image: initial;
}
.dark-mode .nav-link:focus,
.dark-mode .nav-link:hover {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .nav-link.disabled {
  color: #9e9689;
}
.dark-mode .nav-tabs {
  border-bottom-color: #383d3f;
}
.dark-mode .nav-tabs .nav-link {
  border-color: transparent;
}
.dark-mode .nav-tabs .nav-link:focus,
.dark-mode .nav-tabs .nav-link:hover {
  border-color: #353a3c #353a3c #383d3f;
}
.dark-mode .nav-tabs .nav-link.disabled {
  color: #9e9689;
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .nav-tabs .nav-item.show .nav-link,
.dark-mode .nav-tabs .nav-link.active {
  color: #b5afa6;
  background-color: #181a1b;
  border-color: #383d3f #383d3f #303436;
}
.dark-mode .nav-pills .nav-link.active,
.dark-mode .nav-pills .show > .nav-link {
  color: #e8e6e3;
  background-color: #0062cc;
}
.dark-mode .navbar-brand:focus,
.dark-mode .navbar-brand:hover {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .navbar-nav {
  list-style-image: none;
  list-style-image: initial;
}
.dark-mode .navbar-toggler {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .navbar-toggler:focus,
.dark-mode .navbar-toggler:hover {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .navbar-toggler-icon {
  background-image: none;
  background-image: initial;
  background-color: transparent;
  background-color: initial;
}
.dark-mode .navbar-light .navbar-brand {
  color: rgba(232, 230, 227, 0.9);
}
.dark-mode .navbar-light .navbar-brand:focus,
.dark-mode .navbar-light .navbar-brand:hover {
  color: rgba(232, 230, 227, 0.9);
}
.dark-mode .navbar-light .navbar-nav .nav-link {
  color: rgba(232, 230, 227, 0.5);
}
.dark-mode .navbar-light .navbar-nav .nav-link:focus,
.dark-mode .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(232, 230, 227, 0.7);
}
.dark-mode .navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(232, 230, 227, 0.3);
}
.dark-mode .navbar-light .navbar-nav .active > .nav-link,
.dark-mode .navbar-light .navbar-nav .nav-link.active,
.dark-mode .navbar-light .navbar-nav .nav-link.show,
.dark-mode .navbar-light .navbar-nav .show > .nav-link {
  color: rgba(232, 230, 227, 0.9);
}
.dark-mode .navbar-light .navbar-toggler {
  color: rgba(232, 230, 227, 0.5);
  border-color: rgba(140, 130, 115, 0.1);
}
.dark-mode .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiPjxkZWZzPjxmaWx0ZXIgaWQ9ImRhcmtyZWFkZXItaW1hZ2UtZmlsdGVyIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yNDkgLTAuNjE0IC0wLjY3MiAwLjAwMCAxLjAzNSAtMC42NDYgMC4yODggLTAuNjY0IDAuMDAwIDEuMDIwIC0wLjYzNiAtMC42MDkgMC4yNTAgMC4wMDAgMC45OTQgMC4wMDAgMC4wMDAgMC4wMDAgMS4wMDAgMC4wMDAiIC8+PC9maWx0ZXI+PC9kZWZzPjxpbWFnZSB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbHRlcj0idXJsKCNkYXJrcmVhZGVyLWltYWdlLWZpbHRlcikiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM2NzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB3aWR0aD0nMzAnIGhlaWdodD0nMzAnIHZpZXdCb3g9JzAgMCAzMCAzMCclM2UlM2NwYXRoIHN0cm9rZT0ncmdiYSUyODAsIDAsIDAsIDAuNSUyOScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIHN0cm9rZS13aWR0aD0nMicgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLyUzZSUzYy9zdmclM2UiIC8+PC9zdmc+");
}
.dark-mode .navbar-light .navbar-text {
  color: rgba(232, 230, 227, 0.5);
}
.dark-mode .navbar-light .navbar-text a {
  color: rgba(232, 230, 227, 0.9);
}
.dark-mode .navbar-light .navbar-text a:focus,
.dark-mode .navbar-light .navbar-text a:hover {
  color: rgba(232, 230, 227, 0.9);
}
.dark-mode .navbar-dark .navbar-brand {
  color: #e8e6e3;
}
.dark-mode .navbar-dark .navbar-brand:focus,
.dark-mode .navbar-dark .navbar-brand:hover {
  color: #e8e6e3;
}
.dark-mode .navbar-dark .navbar-nav .nav-link {
  color: rgba(232, 230, 227, 0.5);
}
.dark-mode .navbar-dark .navbar-nav .nav-link:focus,
.dark-mode .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(232, 230, 227, 0.75);
}
.dark-mode .navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(232, 230, 227, 0.25);
}
.dark-mode .navbar-dark .navbar-nav .active > .nav-link,
.dark-mode .navbar-dark .navbar-nav .nav-link.active,
.dark-mode .navbar-dark .navbar-nav .nav-link.show,
.dark-mode .navbar-dark .navbar-nav .show > .nav-link {
  color: #e8e6e3;
}
.dark-mode .navbar-dark .navbar-toggler {
  color: rgba(232, 230, 227, 0.5);
  border-color: rgba(48, 52, 54, 0.1);
}
.dark-mode .navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dark-mode .navbar-dark .navbar-text {
  color: rgba(232, 230, 227, 0.5);
}
.dark-mode .navbar-dark .navbar-text a {
  color: #e8e6e3;
}
.dark-mode .navbar-dark .navbar-text a:focus,
.dark-mode .navbar-dark .navbar-text a:hover {
  color: #e8e6e3;
}
.dark-mode .card {
  background-color: #181a1b;
  border-color: rgba(140, 130, 115, 0.13);
}
.dark-mode .card > .list-group {
  border-top-color: inherit;
  border-bottom-color: inherit;
}
.dark-mode .card > .card-header + .list-group,
.dark-mode .card > .list-group + .card-footer {
  border-top-color: currentColor;
  border-top-color: initial;
}
.dark-mode .card-link:hover {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .card-header {
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom-color: rgba(140, 130, 115, 0.13);
}
.dark-mode .card-footer {
  background-color: rgba(0, 0, 0, 0.03);
  border-top-color: rgba(140, 130, 115, 0.13);
}
.dark-mode .card-header-tabs {
  border-bottom-color: currentColor;
  border-bottom-color: initial;
}
@media (min-width: 576px) {
  .dark-mode .card-group > .card + .card {
    border-left-color: currentColor;
    border-left-color: initial;
  }
}
.dark-mode .accordion > .card:not(:last-of-type) {
  border-bottom-color: currentColor;
  border-bottom-color: initial;
}
.dark-mode .breadcrumb {
  list-style-image: none;
  list-style-image: initial;
  background-color: #232627;
}
.dark-mode .breadcrumb-item + .breadcrumb-item::before {
  color: #9e9689;
}
.dark-mode .breadcrumb-item + .breadcrumb-item:hover::before {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .breadcrumb-item + .breadcrumb-item:hover::before {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .breadcrumb-item.active {
  color: #9e9689;
}
.dark-mode .pagination {
  list-style-image: none;
  list-style-image: initial;
}
.dark-mode .page-link {
  color: #33a2ff;
  background-color: #181a1b;
  border-color: #383d3f;
}
.dark-mode .page-link:hover {
  color: #61b7ff;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
  background-color: #232627;
  border-color: #383d3f;
}
.dark-mode .page-link:focus {
  outline-color: invert;
  outline-color: initial;
  box-shadow: rgba(0, 98, 204, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .page-item.active .page-link {
  color: #e8e6e3;
  background-color: #0062cc;
  border-color: #0056b3;
}
.dark-mode .page-item.disabled .page-link {
  color: #9e9689;
  background-color: #181a1b;
  border-color: #383d3f;
}
.dark-mode a.badge:focus,
.dark-mode a.badge:hover {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .badge-primary {
  color: #e8e6e3;
  background-color: #0062cc;
}
.dark-mode a.badge-primary:focus,
.dark-mode a.badge-primary:hover {
  color: #e8e6e3;
  background-color: #004ea3;
}
.dark-mode a.badge-primary.focus,
.dark-mode a.badge-primary:focus {
  outline-color: invert;
  outline-color: initial;
  box-shadow: rgba(0, 98, 204, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-secondary {
  color: #e8e6e3;
  background-color: #585f63;
}
.dark-mode a.badge-secondary:focus,
.dark-mode a.badge-secondary:hover {
  color: #e8e6e3;
  background-color: #454a4d;
}
.dark-mode a.badge-secondary.focus,
.dark-mode a.badge-secondary:focus {
  outline-color: invert;
  outline-color: initial;
  box-shadow: rgba(88, 95, 99, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-success {
  color: #e8e6e3;
  background-color: #208637;
}
.dark-mode a.badge-success:focus,
.dark-mode a.badge-success:hover {
  color: #e8e6e3;
  background-color: #18652a;
}
.dark-mode a.badge-success.focus,
.dark-mode a.badge-success:focus {
  outline-color: invert;
  outline-color: initial;
  box-shadow: rgba(32, 134, 55, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-info {
  color: #e8e6e3;
  background-color: #128293;
}
.dark-mode a.badge-info:focus,
.dark-mode a.badge-info:hover {
  color: #e8e6e3;
  background-color: #0e626f;
}
.dark-mode a.badge-info.focus,
.dark-mode a.badge-info:focus {
  outline-color: invert;
  outline-color: initial;
  box-shadow: rgba(18, 130, 147, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-warning {
  color: #d1cdc7;
  background-color: #c89600;
}
.dark-mode a.badge-warning:focus,
.dark-mode a.badge-warning:hover {
  color: #d1cdc7;
  background-color: #a97e00;
}
.dark-mode a.badge-warning.focus,
.dark-mode a.badge-warning:focus {
  outline-color: invert;
  outline-color: initial;
  box-shadow: rgba(200, 150, 0, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-danger {
  color: #e8e6e3;
  background-color: #a51d2a;
}
.dark-mode a.badge-danger:focus,
.dark-mode a.badge-danger:hover {
  color: #e8e6e3;
  background-color: #971a26;
}
.dark-mode a.badge-danger.focus,
.dark-mode a.badge-danger:focus {
  outline-color: invert;
  outline-color: initial;
  box-shadow: rgba(165, 29, 42, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-light {
  color: #d1cdc7;
  background-color: #1b1e1f;
}
.dark-mode a.badge-light:focus,
.dark-mode a.badge-light:hover {
  color: #d1cdc7;
  background-color: #2a2d2f;
}
.dark-mode a.badge-light.focus,
.dark-mode a.badge-light:focus {
  outline-color: invert;
  outline-color: initial;
  box-shadow: rgba(27, 30, 31, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-dark {
  color: #e8e6e3;
  background-color: #2c2f31;
}
.dark-mode a.badge-dark:focus,
.dark-mode a.badge-dark:hover {
  color: #e8e6e3;
  background-color: #181b1c;
}
.dark-mode a.badge-dark.focus,
.dark-mode a.badge-dark:focus {
  outline-color: invert;
  outline-color: initial;
  box-shadow: rgba(44, 47, 49, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .jumbotron {
  background-color: #232627;
}
.dark-mode .alert {
  border-color: transparent;
}
.dark-mode .alert-heading {
  color: inherit;
}
.dark-mode .alert-dismissible .close {
  color: inherit;
}
.dark-mode .alert-primary {
  color: #7cc3ff;
  background-color: #262a2b;
  border-color: #003b7b;
}
.dark-mode .alert-primary hr {
  border-top-color: #003f83;
}
.dark-mode .alert-primary .alert-link {
  color: #cecac3;
}
.dark-mode .alert-secondary {
  color: #c2bcb4;
  background-color: #282b2c;
  border-color: #3b4042;
}
.dark-mode .alert-secondary hr {
  border-top-color: #3f4446;
}
.dark-mode .alert-secondary .alert-link {
  color: #d2cec8;
}
.dark-mode .alert-success {
  color: #99e6ab;
  background-color: #1a3e29;
  border-color: #255a32;
}
.dark-mode .alert-success hr {
  border-top-color: #276034;
}
.dark-mode .alert-success .alert-link {
  color: #d6d2cd;
}
.dark-mode .alert-info {
  color: #8ee3f1;
  background-color: #143b43;
  border-color: #1e5961;
}
.dark-mode .alert-info hr {
  border-top-color: #205d67;
}
.dark-mode .alert-info .alert-link {
  color: #d6d2cd;
}
.dark-mode .alert-warning {
  color: #fbd770;
  background-color: #513e00;
  border-color: #7b5c00;
}
.dark-mode .alert-warning hr {
  border-top-color: #826200;
}
.dark-mode .alert-warning .alert-link {
  color: #cdc8c2;
}
.dark-mode .alert-danger {
  color: #e1868f;
  background-color: #430c11;
  border-color: #68121b;
}
.dark-mode .alert-danger hr {
  border-top-color: #6e141d;
}
.dark-mode .alert-danger .alert-link {
  color: #cbc7c0;
}
.dark-mode .alert-light {
  color: #999083;
  background-color: #191b1c;
  border-color: #222245;
}
.dark-mode .alert-light hr {
  border-top-color: #23234b;
}
.dark-mode .alert-light .alert-link {
  color: #a69f93;
}
.dark-mode .alert-dark {
  color: #d5d1cc;
  background-color: #2e3234;
  border-color: #404547;
}
.dark-mode .alert-dark hr {
  border-top-color: #43494b;
}
.dark-mode .alert-dark .alert-link {
  color: #e5e3e0;
}
.dark-mode .progress {
  background-color: #232627;
}
.dark-mode .progress-bar {
  color: #e8e6e3;
  background-color: #0062cc;
}
.dark-mode .progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(24, 26, 27, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(24, 26, 27, 0.15) 50%, rgba(24, 26, 27, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}
.dark-mode .list-group-item-action {
  color: #b5afa6;
}
.dark-mode .list-group-item-action:focus,
.dark-mode .list-group-item-action:hover {
  color: #b5afa6;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
  background-color: #1b1e1f;
}
.dark-mode .list-group-item-action:active {
  color: #d1cdc7;
  background-color: #232627;
}
.dark-mode .list-group-item {
  background-color: #181a1b;
  border-color: rgba(140, 130, 115, 0.13);
}
.dark-mode .list-group-item.disabled,
.dark-mode .list-group-item:disabled {
  color: #9e9689;
  background-color: #181a1b;
}
.dark-mode .list-group-item.active {
  color: #e8e6e3;
  background-color: #0062cc;
  border-color: #0056b3;
}
.dark-mode .list-group-item-primary {
  color: #7cc3ff;
  background-color: #2c3032;
}
.dark-mode .list-group-item-primary.list-group-item-action:focus,
.dark-mode .list-group-item-primary.list-group-item-action:hover {
  color: #7cc3ff;
  background-color: #333739;
}
.dark-mode .list-group-item-primary.list-group-item-action.active {
  color: #e8e6e3;
  background-color: #00336a;
  border-color: #0068d7;
}
.dark-mode .list-group-item-secondary {
  color: #c2bcb4;
  background-color: #2e3233;
}
.dark-mode .list-group-item-secondary.list-group-item-action:focus,
.dark-mode .list-group-item-secondary.list-group-item-action:hover {
  color: #c2bcb4;
  background-color: #353a3c;
}
.dark-mode .list-group-item-secondary.list-group-item-action.active {
  color: #e8e6e3;
  background-color: #2e3133;
  border-color: #786f63;
}
.dark-mode .list-group-item-success {
  color: #99e6ab;
  background-color: #1e4830;
}
.dark-mode .list-group-item-success.list-group-item-action:focus,
.dark-mode .list-group-item-success.list-group-item-action:hover {
  color: #99e6ab;
  background-color: #225336;
}
.dark-mode .list-group-item-success.list-group-item-action.active {
  color: #e8e6e3;
  background-color: #11461d;
  border-color: #2bb34a;
}
.dark-mode .list-group-item-info {
  color: #8ee3f1;
  background-color: #18474e;
}
.dark-mode .list-group-item-info.list-group-item-action:focus,
.dark-mode .list-group-item-info.list-group-item-action:hover {
  color: #8ee3f1;
  background-color: #1c5159;
}
.dark-mode .list-group-item-info.list-group-item-action.active {
  color: #e8e6e3;
  background-color: #0a434d;
  border-color: #19adc6;
}
.dark-mode .list-group-item-warning {
  color: #fbd770;
  background-color: #5c4600;
}
.dark-mode .list-group-item-warning.list-group-item-action:focus,
.dark-mode .list-group-item-warning.list-group-item-action:hover {
  color: #fbd770;
  background-color: #6b5100;
}
.dark-mode .list-group-item-warning.list-group-item-action.active {
  color: #e8e6e3;
  background-color: #6a5003;
  border-color: #d09c06;
}
.dark-mode .list-group-item-danger {
  color: #e1868f;
  background-color: #4e0e14;
}
.dark-mode .list-group-item-danger.list-group-item-action:focus,
.dark-mode .list-group-item-danger.list-group-item-action:hover {
  color: #e1868f;
  background-color: #5b1018;
}
.dark-mode .list-group-item-danger.list-group-item-action.active {
  color: #e8e6e3;
  background-color: #5b161d;
  border-color: #ab2a36;
}
.dark-mode .list-group-item-light {
  color: #999083;
  background-color: #191b1c;
}
.dark-mode .list-group-item-light.list-group-item-action:focus,
.dark-mode .list-group-item-light.list-group-item-action:hover {
  color: #999083;
  background-color: #202324;
}
.dark-mode .list-group-item-light.list-group-item-action.active {
  color: #e8e6e3;
  background-color: #5f676b;
  border-color: #535a5e;
}
.dark-mode .list-group-item-dark {
  color: #d5d1cc;
  background-color: #373c3e;
}
.dark-mode .list-group-item-dark.list-group-item-action:focus,
.dark-mode .list-group-item-dark.list-group-item-action:hover {
  color: #d5d1cc;
  background-color: #3e4346;
}
.dark-mode .list-group-item-dark.list-group-item-action.active {
  color: #e8e6e3;
  background-color: #171819;
  border-color: #82796b;
}
.dark-mode .close {
  color: #e8e6e3;
  text-shadow: #181a1b 0px 1px 0px;
}
.dark-mode .close:hover {
  color: #e8e6e3;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode button.close {
  background-color: transparent;
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .toast {
  background-color: rgba(24, 26, 27, 0.85);
  border-color: rgba(140, 130, 115, 0.1);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 0.75rem;
}
.dark-mode .toast-header {
  color: #9e9689;
  background-color: rgba(24, 26, 27, 0.85);
  border-bottom-color: rgba(140, 130, 115, 0.05);
}
.dark-mode .modal {
  outline-color: invert;
  outline-color: initial;
}
.dark-mode .modal-content {
  background-color: #181a1b;
  border-color: rgba(140, 130, 115, 0.2);
  outline-color: invert;
  outline-color: initial;
}
.dark-mode .modal-backdrop {
  background-color: black;
}
.dark-mode .modal-header {
  border-bottom-color: #383d3f;
}
.dark-mode .modal-footer {
  border-top-color: #383d3f;
}
.dark-mode .tooltip {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
  text-shadow: none;
}
.dark-mode .tooltip .arrow::before {
  border-color: transparent;
}
.dark-mode .bs-tooltip-auto[x-placement^=top] .arrow::before,
.dark-mode .bs-tooltip-top .arrow::before {
  border-top-color: #8c8273;
}
.dark-mode .bs-tooltip-auto[x-placement^=right] .arrow::before,
.dark-mode .bs-tooltip-right .arrow::before {
  border-right-color: #8c8273;
}
.dark-mode .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.dark-mode .bs-tooltip-bottom .arrow::before {
  border-bottom-color: #8c8273;
}
.dark-mode .bs-tooltip-auto[x-placement^=left] .arrow::before,
.dark-mode .bs-tooltip-left .arrow::before {
  border-left-color: #8c8273;
}
.dark-mode .tooltip-inner {
  color: #e8e6e3;
  background-color: black;
}
.dark-mode .popover {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
  text-shadow: none;
  background-color: #181a1b;
  border-color: rgba(140, 130, 115, 0.2);
}
.dark-mode .popover .arrow::after, .dark-mode .popover .arrow::before {
  border-color: transparent;
}
.dark-mode .bs-popover-auto[x-placement^=top] > .arrow::before,
.dark-mode .bs-popover-top > .arrow::before {
  border-top-color: rgba(140, 130, 115, 0.25);
}
.dark-mode .bs-popover-auto[x-placement^=top] > .arrow::after,
.dark-mode .bs-popover-top > .arrow::after {
  border-top-color: #303436;
}
.dark-mode .bs-popover-auto[x-placement^=right] > .arrow::before,
.dark-mode .bs-popover-right > .arrow::before {
  border-right-color: rgba(140, 130, 115, 0.25);
}
.dark-mode .bs-popover-auto[x-placement^=right] > .arrow::after,
.dark-mode .bs-popover-right > .arrow::after {
  border-right-color: #303436;
}
.dark-mode .bs-popover-auto[x-placement^=bottom] > .arrow::before,
.dark-mode .bs-popover-bottom > .arrow::before {
  border-bottom-color: rgba(140, 130, 115, 0.25);
}
.dark-mode .bs-popover-auto[x-placement^=bottom] > .arrow::after,
.dark-mode .bs-popover-bottom > .arrow::after {
  border-bottom-color: #303436;
}
.dark-mode .bs-popover-auto[x-placement^=bottom] .popover-header::before,
.dark-mode .bs-popover-bottom .popover-header::before {
  border-bottom-color: #323639;
}
.dark-mode .bs-popover-auto[x-placement^=left] > .arrow::before,
.dark-mode .bs-popover-left > .arrow::before {
  border-left-color: rgba(140, 130, 115, 0.25);
}
.dark-mode .bs-popover-auto[x-placement^=left] > .arrow::after,
.dark-mode .bs-popover-left > .arrow::after {
  border-left-color: #303436;
}
.dark-mode .popover-header {
  background-color: #1d1f20;
  border-bottom-color: #363a3c;
}
.dark-mode .popover-body {
  color: #d1cdc7;
}
.dark-mode .carousel-control-next,
.dark-mode .carousel-control-prev {
  color: #e8e6e3;
}
.dark-mode .carousel-control-next:focus,
.dark-mode .carousel-control-next:hover,
.dark-mode .carousel-control-prev:focus,
.dark-mode .carousel-control-prev:hover {
  color: #e8e6e3;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
  outline-color: invert;
  outline-color: initial;
}
.dark-mode .carousel-control-next-icon,
.dark-mode .carousel-control-prev-icon {
  background-image: none;
  background-image: initial;
  background-color: transparent;
  background-color: initial;
}
.dark-mode .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.dark-mode .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.dark-mode .carousel-indicators {
  list-style-image: none;
  list-style-image: initial;
}
.dark-mode .carousel-indicators li {
  background-color: #181a1b;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.dark-mode .carousel-caption {
  color: #e8e6e3;
}
.dark-mode .spinner-border {
  border-color: currentcolor transparent currentcolor currentcolor;
}
.dark-mode .spinner-grow {
  background-color: currentcolor;
}
.dark-mode .bg-primary {
  background-color: #0062cc !important;
}
.dark-mode a.bg-primary:focus,
.dark-mode a.bg-primary:hover,
.dark-mode button.bg-primary:focus,
.dark-mode button.bg-primary:hover {
  background-color: #004ea3 !important;
}
.dark-mode .bg-secondary {
  background-color: #585f63 !important;
}
.dark-mode a.bg-secondary:focus,
.dark-mode a.bg-secondary:hover,
.dark-mode button.bg-secondary:focus,
.dark-mode button.bg-secondary:hover {
  background-color: #454a4d !important;
}
.dark-mode .bg-success {
  background-color: #208637 !important;
}
.dark-mode a.bg-success:focus,
.dark-mode a.bg-success:hover,
.dark-mode button.bg-success:focus,
.dark-mode button.bg-success:hover {
  background-color: #18652a !important;
}
.dark-mode .bg-info {
  background-color: #128293 !important;
}
.dark-mode a.bg-info:focus,
.dark-mode a.bg-info:hover,
.dark-mode button.bg-info:focus,
.dark-mode button.bg-info:hover {
  background-color: #0e626f !important;
}
.dark-mode .bg-warning {
  background-color: #c89600 !important;
}
.dark-mode a.bg-warning:focus,
.dark-mode a.bg-warning:hover,
.dark-mode button.bg-warning:focus,
.dark-mode button.bg-warning:hover {
  background-color: #a97e00 !important;
}
.dark-mode .bg-danger {
  background-color: #a51d2a !important;
}
.dark-mode a.bg-danger:focus,
.dark-mode a.bg-danger:hover,
.dark-mode button.bg-danger:focus,
.dark-mode button.bg-danger:hover {
  background-color: #971a26 !important;
}
.dark-mode .bg-light {
  background-color: #1b1e1f !important;
}
.dark-mode a.bg-light:focus,
.dark-mode a.bg-light:hover,
.dark-mode button.bg-light:focus,
.dark-mode button.bg-light:hover {
  background-color: #2a2d2f !important;
}
.dark-mode .bg-dark {
  background-color: #2c2f31 !important;
}
.dark-mode a.bg-dark:focus,
.dark-mode a.bg-dark:hover,
.dark-mode button.bg-dark:focus,
.dark-mode button.bg-dark:hover {
  background-color: #181b1c !important;
}
.dark-mode .bg-white {
  background-color: #181a1b !important;
}
.dark-mode .bg-transparent {
  background-color: transparent !important;
}
.dark-mode .border {
  border-color: #383d3f !important;
}
.dark-mode .border-top {
  border-top-color: #383d3f !important;
}
.dark-mode .border-right {
  border-right-color: #383d3f !important;
}
.dark-mode .border-bottom {
  border-bottom-color: #383d3f !important;
}
.dark-mode .border-left {
  border-left-color: #383d3f !important;
}
.dark-mode .border-0 {
  border-color: currentColor !important;
  border-color: initial !important;
}
.dark-mode .border-top-0 {
  border-top-color: currentColor !important;
  border-top-color: initial !important;
}
.dark-mode .border-right-0 {
  border-right-color: currentColor !important;
  border-right-color: initial !important;
}
.dark-mode .border-bottom-0 {
  border-bottom-color: currentColor !important;
  border-bottom-color: initial !important;
}
.dark-mode .border-left-0 {
  border-left-color: currentColor !important;
  border-left-color: initial !important;
}
.dark-mode .border-primary {
  border-color: #0056b3 !important;
}
.dark-mode .border-secondary {
  border-color: #665e53 !important;
}
.dark-mode .border-success {
  border-color: #259c40 !important;
}
.dark-mode .border-info {
  border-color: #1597ab !important;
}
.dark-mode .border-warning {
  border-color: #b08400 !important;
}
.dark-mode .border-danger {
  border-color: #941a25 !important;
}
.dark-mode .border-light {
  border-color: #323638 !important;
}
.dark-mode .border-dark {
  border-color: #797063 !important;
}
.dark-mode .border-white {
  border-color: #303436 !important;
}
.dark-mode .embed-responsive .embed-responsive-item,
.dark-mode .embed-responsive embed,
.dark-mode .embed-responsive iframe,
.dark-mode .embed-responsive object,
.dark-mode .embed-responsive video {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .sr-only {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .shadow-sm {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 0.125rem 0.25rem !important;
}
.dark-mode .shadow {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important;
}
.dark-mode .shadow-lg {
  box-shadow: rgba(0, 0, 0, 0.18) 0px 1rem 3rem !important;
}
.dark-mode .shadow-none {
  box-shadow: none !important;
}
.dark-mode .stretched-link::after {
  background-color: rgba(0, 0, 0, 0);
}
.dark-mode .text-white {
  color: #e8e6e3 !important;
}
.dark-mode .text-primary {
  color: #33a2ff !important;
}
.dark-mode a.text-primary:focus,
.dark-mode a.text-primary:hover {
  color: #61b7ff !important;
}
.dark-mode .text-secondary {
  color: #9e9689 !important;
}
.dark-mode a.text-secondary:focus,
.dark-mode a.text-secondary:hover {
  color: #b6b0a7 !important;
}
.dark-mode .text-success {
  color: #61d97c !important;
}
.dark-mode a.text-success:focus,
.dark-mode a.text-success:hover {
  color: #8ce4a1 !important;
}
.dark-mode .text-info {
  color: #51d4e9 !important;
}
.dark-mode a.text-info:focus,
.dark-mode a.text-info:hover {
  color: #81dfef !important;
}
.dark-mode .text-warning {
  color: #ffc71e !important;
}
.dark-mode a.text-warning:focus,
.dark-mode a.text-warning:hover {
  color: #ffd14a !important;
}
.dark-mode .text-danger {
  color: #df4655 !important;
}
.dark-mode a.text-danger:focus,
.dark-mode a.text-danger:hover {
  color: #e35f6b !important;
}
.dark-mode .text-light {
  color: #e4e2de !important;
}
.dark-mode a.text-light:focus,
.dark-mode a.text-light:hover {
  color: #ccc7c1 !important;
}
.dark-mode .text-dark {
  color: #c3beb6 !important;
}
.dark-mode a.text-dark:focus,
.dark-mode a.text-dark:hover {
  color: #dbd8d4 !important;
}
.dark-mode .text-body {
  color: #d1cdc7 !important;
}
.dark-mode .text-muted {
  color: #9e9689 !important;
}
.dark-mode .text-black-50 {
  color: rgba(232, 230, 227, 0.5) !important;
}
.dark-mode .text-white-50 {
  color: rgba(232, 230, 227, 0.5) !important;
}
.dark-mode .text-hide {
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-decoration-none {
  -webkit-text-decoration-color: inherited !important;
          text-decoration-color: inherited !important;
  -webkit-text-decoration-color: initial !important;
          text-decoration-color: initial !important;
}
.dark-mode .text-reset {
  color: inherit !important;
}
.dark-mode .btn.btn-text.btn-color-system {
  background-image: none;
  background-image: initial;
  background-color: transparent;
  color: #9c91c5;
  border-color: transparent;
}
.dark-mode .btn.btn-text.btn-color-system .icon {
  fill: #9c91c5;
}
.dark-mode .btn.btn-text.btn-color-system:hover {
  color: #a49d91;
  border-color: #696156;
}
.dark-mode .btn.btn-text.btn-color-system:hover .icon {
  fill: #a49d91;
}
.dark-mode .btn.btn-text.btn-color-system:active:hover {
  background-image: none;
  background-image: initial;
  background-color: rgba(102, 16, 130, 0.16);
  border-color: rgba(141, 22, 178, 0.16);
  color: #a0988b;
}
.dark-mode .btn.btn-text.btn-color-system:active:hover .icon {
  fill: #a0988b;
}
.dark-mode .btn.btn-text.btn-color-system.btn-action-bar.with-arrow::after {
  background-color: #4e4962;
}
.dark-mode .btn.btn-text.btn-color-bv {
  background-image: none;
  background-image: initial;
  background-color: transparent;
  color: #65bbe3;
  border-color: transparent;
}
.dark-mode .btn.btn-text.btn-color-bv .icon {
  fill: #65bbe3;
}
.dark-mode .btn.btn-text.btn-color-bv:hover {
  color: #90cde9;
  border-color: #2489b8;
}
.dark-mode .btn.btn-text.btn-color-bv:hover .icon {
  fill: #90cde9;
}
.dark-mode .btn.btn-text.btn-color-bv:active:hover {
  background-image: none;
  background-image: initial;
  background-color: rgba(23, 94, 127, 0.16);
  border-color: rgba(31, 125, 168, 0.16);
  color: #7ac1e2;
}
.dark-mode .btn.btn-text.btn-color-bv:active:hover .icon {
  fill: #7ac1e2;
}
.dark-mode .btn.btn-text.btn-color-bv.btn-action-bar.with-arrow::after {
  background-color: #0f3a4e;
}
.dark-mode .btn.btn-text.btn-color-dach {
  background-image: none;
  background-image: initial;
  background-color: transparent;
  color: #5cc2cb;
  border-color: transparent;
}
.dark-mode .btn.btn-text.btn-color-dach .icon {
  fill: #5cc2cb;
}
.dark-mode .btn.btn-text.btn-color-dach:hover {
  color: #84cad0;
  border-color: #388c94;
}
.dark-mode .btn.btn-text.btn-color-dach:hover .icon {
  fill: #84cad0;
}
.dark-mode .btn.btn-text.btn-color-dach:active:hover {
  background-image: none;
  background-image: initial;
  background-color: rgba(47, 138, 145, 0.16);
  border-color: rgba(42, 124, 131, 0.16);
  color: #69bcc3;
}
.dark-mode .btn.btn-text.btn-color-dach:active:hover .icon {
  fill: #69bcc3;
}
.dark-mode .btn.btn-text.btn-color-dach.btn-action-bar.with-arrow::after {
  background-color: #265e62;
}
.dark-mode .btn.btn-text.btn-color-success {
  background-image: none;
  background-image: initial;
  background-color: transparent;
  color: #71c75f;
  border-color: transparent;
}
.dark-mode .btn.btn-text.btn-color-success .icon {
  fill: #71c75f;
}
.dark-mode .btn.btn-text.btn-color-success:hover {
  color: #97d88c;
  border-color: #459e35;
}
.dark-mode .btn.btn-text.btn-color-success:hover .icon {
  fill: #97d88c;
}
.dark-mode .btn.btn-text.btn-color-success:active:hover {
  background-image: none;
  background-image: initial;
  background-color: rgba(65, 140, 49, 0.16);
  border-color: rgba(63, 137, 48, 0.16);
  color: #84cf74;
}
.dark-mode .btn.btn-text.btn-color-success:active:hover .icon {
  fill: #84cf74;
}
.dark-mode .btn.btn-text.btn-color-success.btn-action-bar.with-arrow::after {
  background-color: #26581e;
}
.dark-mode .btn.btn-text.btn-color-danger {
  background-image: none;
  background-image: initial;
  background-color: transparent;
  color: #e08466;
  border-color: transparent;
}
.dark-mode .btn.btn-text.btn-color-danger .icon {
  fill: #e08466;
}
.dark-mode .btn.btn-text.btn-color-danger:hover {
  color: #ccc7c1;
  border-color: #7d7467;
}
.dark-mode .btn.btn-text.btn-color-danger:hover .icon {
  fill: #ccc7c1;
}
.dark-mode .btn.btn-text.btn-color-danger:active:hover {
  background-image: none;
  background-image: initial;
  background-color: rgba(126, 50, 26, 0.16);
  border-color: rgba(165, 66, 33, 0.16);
  color: #e99c7f;
}
.dark-mode .btn.btn-text.btn-color-danger:active:hover .icon {
  fill: #e99c7f;
}
.dark-mode .btn.btn-text.btn-color-danger.btn-action-bar.with-arrow::after {
  background-color: #421a05;
}
.dark-mode .btn.btn-text.disabled,
.dark-mode .btn.btn-text:disabled {
  background-image: none;
  background-image: initial;
  background-color: transparent;
  color: #aea79d;
  border-color: transparent;
}
.dark-mode .btn.btn-text.disabled .icon,
.dark-mode .btn.btn-text:disabled .icon {
  fill: #aea79d;
}
.dark-mode .btn {
  border-color: currentColor;
  border-color: initial;
  box-shadow: none;
}
.dark-mode .btn:focus {
  box-shadow: none;
}
.dark-mode .btn:active:hover {
  box-shadow: none !important;
}
.dark-mode .btn:hover {
  box-shadow: none;
}
.dark-mode .btn.disabled,
.dark-mode .btn:disabled {
  background-image: none;
  background-image: initial;
  background-color: #252829;
  color: #aea79d;
  box-shadow: none;
}
.dark-mode .btn.disabled .icon,
.dark-mode .btn:disabled .icon {
  fill: #aea79d;
}
.dark-mode .btn.disabled.btn-action-bar.with-arrow::after,
.dark-mode .btn:disabled.btn-action-bar.with-arrow::after {
  background-color: #4c5255;
}
.dark-mode .btn.btn-filled .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-filled.btn-color-system {
  background-image: none;
  background-image: initial;
  background-color: #3e3463;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-system:hover {
  background-image: none;
  background-image: initial;
  background-color: #4e4962;
}
.dark-mode .btn.btn-filled.btn-color-system:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #534d6f;
}
.dark-mode .btn.btn-filled.btn-color-bv {
  background-image: none;
  background-image: initial;
  background-color: #175e7f;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-bv:hover {
  background-image: none;
  background-image: initial;
  background-color: #0f3a4e;
}
.dark-mode .btn.btn-filled.btn-color-bv:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #164e68;
}
.dark-mode .btn.btn-filled.btn-color-dach {
  background-image: none;
  background-image: initial;
  background-color: #2f8a91;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-dach:hover {
  background-image: none;
  background-image: initial;
  background-color: #265e62;
}
.dark-mode .btn.btn-filled.btn-color-dach:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #347c82;
}
.dark-mode .btn.btn-filled.btn-color-success {
  background-image: none;
  background-image: initial;
  background-color: #418c31;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-success:hover {
  background-image: none;
  background-image: initial;
  background-color: #26581e;
}
.dark-mode .btn.btn-filled.btn-color-success:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #357328;
}
.dark-mode .btn.btn-filled.btn-color-danger {
  background-image: none;
  background-image: initial;
  background-color: #7e321a;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-danger:hover {
  background-image: none;
  background-image: initial;
  background-color: #421a05;
}
.dark-mode .btn.btn-filled.btn-color-danger:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #612711;
}
.dark-mode .btn.btn-filled.disabled,
.dark-mode .btn.btn-filled:disabled {
  background-image: none;
  background-image: initial;
  background-color: #252829;
  box-shadow: none;
  color: #aea79d;
}
.dark-mode .btn.btn-filled.disabled .icon,
.dark-mode .btn.btn-filled:disabled .icon {
  fill: #aea79d;
}
.dark-mode .btn.btn-outlined {
  background-image: none;
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.btn-outlined:focus {
  box-shadow: none;
}
.dark-mode .btn.btn-outlined.btn-color-system {
  color: #9c91c5;
  border-color: #3f3564;
}
.dark-mode .btn.btn-outlined.btn-color-system .icon {
  fill: #9c91c5;
}
.dark-mode .btn.btn-outlined.btn-color-system:hover {
  color: #e8e6e3;
  border-color: #696156;
  background-image: none;
  background-image: initial;
  background-color: #4e4962;
}
.dark-mode .btn.btn-outlined.btn-color-system:hover .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined.btn-color-system:active:hover {
  color: #a0988b;
  border-color: #50575a;
  background-image: none;
  background-image: initial;
  background-color: rgba(102, 16, 130, 0.16);
}
.dark-mode .btn.btn-outlined.btn-color-system:active:hover .icon {
  fill: #a0988b;
}
.dark-mode .btn.btn-outlined.btn-color-bv {
  color: #65bbe3;
  border-color: #1f7da8;
}
.dark-mode .btn.btn-outlined.btn-color-bv .icon {
  fill: #65bbe3;
}
.dark-mode .btn.btn-outlined.btn-color-bv:hover {
  color: #e8e6e3;
  border-color: #2489b8;
  background-image: none;
  background-image: initial;
  background-color: #0f3a4e;
}
.dark-mode .btn.btn-outlined.btn-color-bv:hover .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined.btn-color-bv:active:hover {
  color: #7ac1e2;
  border-color: #257fab;
  background-image: none;
  background-image: initial;
  background-color: rgba(23, 94, 127, 0.16);
}
.dark-mode .btn.btn-outlined.btn-color-bv:active:hover .icon {
  fill: #7ac1e2;
}
.dark-mode .btn.btn-outlined.btn-color-dach {
  color: #5cc2cb;
  border-color: #2a7c83;
}
.dark-mode .btn.btn-outlined.btn-color-dach .icon {
  fill: #5cc2cb;
}
.dark-mode .btn.btn-outlined.btn-color-dach:hover {
  color: #e8e6e3;
  border-color: #388c94;
  background-image: none;
  background-image: initial;
  background-color: #265e62;
}
.dark-mode .btn.btn-outlined.btn-color-dach:hover .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined.btn-color-dach:active:hover {
  color: #69bcc3;
  border-color: #368085;
  background-image: none;
  background-image: initial;
  background-color: rgba(47, 138, 145, 0.16);
}
.dark-mode .btn.btn-outlined.btn-color-dach:active:hover .icon {
  fill: #69bcc3;
}
.dark-mode .btn.btn-outlined.btn-color-success {
  color: #71c75f;
  border-color: #3f8930;
}
.dark-mode .btn.btn-outlined.btn-color-success .icon {
  fill: #71c75f;
}
.dark-mode .btn.btn-outlined.btn-color-success:hover {
  color: #e8e6e3;
  border-color: #459e35;
  background-image: none;
  background-image: initial;
  background-color: #26581e;
}
.dark-mode .btn.btn-outlined.btn-color-success:hover .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined.btn-color-success:active:hover {
  color: #84cf74;
  border-color: #439233;
  background-image: none;
  background-image: initial;
  background-color: rgba(65, 140, 49, 0.16);
}
.dark-mode .btn.btn-outlined.btn-color-success:active:hover .icon {
  fill: #84cf74;
}
.dark-mode .btn.btn-outlined.btn-color-danger {
  color: #e08466;
  border-color: #a54221;
}
.dark-mode .btn.btn-outlined.btn-color-danger .icon {
  fill: #e08466;
}
.dark-mode .btn.btn-outlined.btn-color-danger:hover {
  color: #e8e6e3;
  border-color: #7d7467;
  background-image: none;
  background-image: initial;
  background-color: #421a05;
}
.dark-mode .btn.btn-outlined.btn-color-danger:hover .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined.btn-color-danger:active:hover {
  color: #e99c7f;
  border-color: #b5491f;
  background-image: none;
  background-image: initial;
  background-color: rgba(126, 50, 26, 0.16);
}
.dark-mode .btn.btn-outlined.btn-color-danger:active:hover .icon {
  fill: #e99c7f;
}
.dark-mode .btn.btn-outlined.disabled,
.dark-mode .btn.btn-outlined:disabled {
  border-color: #363b3d;
  color: #aea79d;
  background-image: none;
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.btn-outlined.disabled .icon,
.dark-mode .btn.btn-outlined:disabled .icon {
  fill: #aea79d;
}
.dark-mode .btn.btn-filled .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-filled.btn-color-system {
  background-image: none;
  background-image: initial;
  background-color: #3e3463;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-system:hover {
  background-image: none;
  background-image: initial;
  background-color: #4e4962;
}
.dark-mode .btn.btn-filled.btn-color-system:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #534d6f;
}
.dark-mode .btn.btn-filled.btn-color-bv {
  background-image: none;
  background-image: initial;
  background-color: #175e7f;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-bv:hover {
  background-image: none;
  background-image: initial;
  background-color: #0f3a4e;
}
.dark-mode .btn.btn-filled.btn-color-bv:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #164e68;
}
.dark-mode .btn.btn-filled.btn-color-dach {
  background-image: none;
  background-image: initial;
  background-color: #2f8a91;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-dach:hover {
  background-image: none;
  background-image: initial;
  background-color: #265e62;
}
.dark-mode .btn.btn-filled.btn-color-dach:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #347c82;
}
.dark-mode .btn.btn-filled.btn-color-success {
  background-image: none;
  background-image: initial;
  background-color: #418c31;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-success:hover {
  background-image: none;
  background-image: initial;
  background-color: #26581e;
}
.dark-mode .btn.btn-filled.btn-color-success:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #357328;
}
.dark-mode .btn.btn-filled.btn-color-danger {
  background-image: none;
  background-image: initial;
  background-color: #7e321a;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-danger:hover {
  background-image: none;
  background-image: initial;
  background-color: #421a05;
}
.dark-mode .btn.btn-filled.btn-color-danger:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #612711;
}
.dark-mode .btn.btn-filled.disabled,
.dark-mode .btn.btn-filled:disabled {
  background-image: none;
  background-image: initial;
  background-color: #252829;
  box-shadow: none;
  color: #aea79d;
}
.dark-mode .btn.btn-filled.disabled .icon,
.dark-mode .btn.btn-filled:disabled .icon {
  fill: #aea79d;
}
.dark-mode .bottom-bar .content-overlay {
  background-image: none;
  background-image: initial;
  background-color: rgba(34, 39, 45, 0.8);
}
.dark-mode .bottom-bar .content-overlay > .content {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
}
.dark-mode .bottom-bar .bottom-bar-inner {
  background-image: none;
  background-image: initial;
  background-color: #1d2021;
}
.dark-mode .bottom-bar .menu {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
  box-shadow: rgba(34, 39, 45, 0.16) 0px -2px 8px 0px;
}
.dark-mode .bottom-bar.secondary .menu .close-btn .icon {
  fill: #e8e6e3;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-system {
  background-image: none;
  background-image: initial;
  background-color: #3e3463;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-system:hover {
  background-image: none;
  background-image: initial;
  background-color: #4e4962;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-system:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #534d6f;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-bv {
  background-image: none;
  background-image: initial;
  background-color: #175e7f;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-bv:hover {
  background-image: none;
  background-image: initial;
  background-color: #0f3a4e;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-bv:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #164e68;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-dach {
  background-image: none;
  background-image: initial;
  background-color: #2f8a91;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-dach:hover {
  background-image: none;
  background-image: initial;
  background-color: #265e62;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-dach:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #347c82;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-success {
  background-image: none;
  background-image: initial;
  background-color: #418c31;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-success:hover {
  background-image: none;
  background-image: initial;
  background-color: #26581e;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-success:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #357328;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-danger {
  background-image: none;
  background-image: initial;
  background-color: #7e321a;
  color: #e8e6e3;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-danger:hover {
  background-image: none;
  background-image: initial;
  background-color: #421a05;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-danger:active:hover {
  background-image: none;
  background-image: initial;
  background-color: #612711;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.disabled,
.dark-mode .bottom-bar.secondary .menu .close-btn:disabled {
  background-image: none;
  background-image: initial;
  background-color: #252829;
  box-shadow: none;
  color: #aea79d;
}
.dark-mode .bottom-bar.secondary .menu .close-btn.disabled .icon,
.dark-mode .bottom-bar.secondary .menu .close-btn:disabled .icon {
  fill: #aea79d;
}
.dark-mode .b {
  border-color: #8c8273 !important;
}
.dark-mode .color-white {
  color: #e8e6e3 !important;
}
.dark-mode .list-table tbody tr .title {
  color: #aea79d;
}
.dark-mode .list-table tbody tr .description {
  color: #c9c4bd;
}
.dark-mode .undefined,
.dark-mode .true,
.dark-mode .false {
  border-color: #b30000 !important;
}
.dark-mode body {
  color: #c9c4bd;
}
.dark-mode body h1 {
  color: #e8e6e3;
}
.dark-mode body h2 {
  color: #c9c4bd;
}
.dark-mode body h3 {
  color: #aea79d;
}
.dark-mode body .small {
  color: #c9c4bd;
}
.dark-mode body a {
  color: #c9c4bd;
}
.dark-mode body a:hover {
  color: #c9c4bd;
}
.dark-mode body a.color-system {
  color: #9c91c5;
}
.dark-mode body a.color-dach {
  color: #5cc2cb;
}
.dark-mode body a.color-bv {
  color: #65bbe3;
}
.dark-mode .layout {
  background-color: #1d2021;
}
.dark-mode .layout .layout-body .stage {
  background-image: linear-gradient(90deg, #3e3463 0%, #4e4962 50%);
  background-color: transparent;
  background-color: initial;
}
.dark-mode .layout .layout-body .stage.dach {
  background-image: linear-gradient(90deg, #2f8a91 0%, #265e62 50%);
  background-color: transparent;
  background-color: initial;
}
.dark-mode .layout .layout-body .stage.bv {
  background-image: linear-gradient(90deg, #175e7f 0%, #0f3a4e 50%);
  background-color: transparent;
  background-color: initial;
}
.dark-mode .layout .layout-body .stage.with-image {
  background-image: url("https://develop.beta.facilityscanner.com/resources/19047d347b3e8ddef0af923301be8340.jpg");
}
.dark-mode .layout .layout-body .stage.with-image .background-overlay {
  background-image: linear-gradient(90deg, #3e3463 0%, #4e4962 50%);
  background-color: transparent;
  background-color: initial;
}
.dark-mode .layout .layout-body .stage .title h1 {
  color: #e8e6e3;
}
.dark-mode .layout .layout-body .action-bar {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
  box-shadow: rgba(34, 39, 45, 0.8) 4px 4px 16px -8px;
}
.dark-mode .layout .layout-body > .content {
  color: #aea79d;
}
.dark-mode .layout .layout-body .white-header {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
}
.dark-mode .layout .layout-body .white-header.grey {
  background-image: none;
  background-image: initial;
  background-color: #1d2021;
}
.dark-mode .custom-modal-container {
  background-color: rgba(34, 39, 45, 0.8);
}
.dark-mode .custom-modal-container .custom-modal {
  background-image: none;
  background-image: initial;
  background-color: #1d2021;
}
.dark-mode .custom-modal-container .custom-modal .custom-header {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
  box-shadow: rgba(34, 39, 45, 0.16) 0px 2px 8px 0px;
}
.dark-mode .custom-modal-container .custom-modal .custom-header .icon-container.color-system:hover {
  border-color: #3f3564;
}
.dark-mode .custom-modal-container .custom-modal .custom-header .icon-container.color-bv:hover {
  border-color: #1f7da8;
}
.dark-mode .custom-modal-container .custom-modal .custom-header .icon-container.color-dach:hover {
  border-color: #2a7c83;
}
.dark-mode .custom-modal-container .custom-modal .custom-header .icon-container.color-success:hover {
  border-color: #3f8930;
}
.dark-mode .custom-modal-container .custom-modal .custom-header .icon-container.color-danger:hover {
  border-color: #a54221;
}
.dark-mode .custom-modal-container .custom-modal .custom-footer {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
  box-shadow: rgba(34, 39, 45, 0.16) -2px 0px 8px 0px;
}
.dark-mode .custom-modal-container .custom-modal.color-system .custom-header svg {
  fill: #9c91c5;
}
.dark-mode .custom-modal-container .custom-modal.color-bv .custom-header svg {
  fill: #65bbe3;
}
.dark-mode .custom-modal-container .custom-modal.color-dach .custom-header svg {
  fill: #5cc2cb;
}
.dark-mode .custom-modal-container .custom-modal.color-success .custom-header svg {
  fill: #71c75f;
}
.dark-mode .custom-modal-container .custom-modal.color-danger .custom-header svg {
  fill: #e08466;
}
.dark-mode .custom-toast-container .custom-toast {
  box-shadow: rgba(34, 39, 45, 0.8) 4px 4px 16px -8px;
  color: #e8e6e3;
}
.dark-mode .custom-toast-container .custom-toast .header h3 {
  color: #e8e6e3;
}
.dark-mode .custom-toast-container .custom-toast .content {
  color: #e8e6e3;
}
.dark-mode .custom-toast-container .custom-toast.color-success {
  background-image: none;
  background-image: initial;
  background-color: #1e3013;
  border-color: #439233;
}
.dark-mode .custom-toast-container .custom-toast.color-success .header {
  background-image: none;
  background-image: initial;
  background-color: #357328;
}
.dark-mode .custom-toast-container .custom-toast.color-success .header .menu {
  background-image: none;
  background-image: initial;
  background-color: #418c31;
}
.dark-mode .custom-toast-container .custom-toast.color-success .header .menu:hover {
  background-image: none;
  background-image: initial;
  background-color: #357328;
}
.dark-mode .custom-toast-container .custom-toast.color-warning {
  background-image: none;
  background-image: initial;
  background-color: #3e2f05;
  border-color: #c39300;
}
.dark-mode .custom-toast-container .custom-toast.color-warning .header {
  background-image: none;
  background-image: initial;
  background-color: #9f7800;
}
.dark-mode .custom-toast-container .custom-toast.color-warning .header .menu {
  background-image: none;
  background-image: initial;
  background-color: #bc8f0a;
}
.dark-mode .custom-toast-container .custom-toast.color-warning .header .menu:hover {
  background-image: none;
  background-image: initial;
  background-color: #9f7800;
}
.dark-mode .custom-toast-container .custom-toast.color-danger {
  background-image: none;
  background-image: initial;
  background-color: #311c15;
  border-color: #b5491f;
}
.dark-mode .custom-toast-container .custom-toast.color-danger .header {
  background-image: none;
  background-image: initial;
  background-color: #612711;
}
.dark-mode .custom-toast-container .custom-toast.color-danger .header .menu {
  background-image: none;
  background-image: initial;
  background-color: #7e321a;
}
.dark-mode .custom-toast-container .custom-toast.color-danger .header .menu:hover {
  background-image: none;
  background-image: initial;
  background-color: #612711;
}
.dark-mode .footer {
  border-top-color: #363b3d;
  background-color: #1d2021;
  color: #aea79d;
}
.dark-mode .footer .container .links .textlink {
  color: #aea79d;
}
.dark-mode .btn.btn-action-bar {
  color: #e8e6e3;
}
.dark-mode .btn.btn-action-bar .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-action-bar.btn-color-system {
  background-color: #4e4962;
}
.dark-mode .btn.btn-action-bar.btn-color-system.with-arrow::after {
  background-color: #3e3463;
}
.dark-mode .btn.btn-action-bar.btn-color-system:hover.with-arrow::after {
  background-color: #4e4962;
}
.dark-mode .btn.btn-action-bar.btn-color-bv {
  background-color: #0f3a4e;
}
.dark-mode .btn.btn-action-bar.btn-color-bv.with-arrow::after {
  background-color: #175e7f;
}
.dark-mode .btn.btn-action-bar.btn-color-bv:hover.with-arrow::after {
  background-color: #0f3a4e;
}
.dark-mode .btn.btn-action-bar.btn-color-dach {
  background-color: #265e62;
}
.dark-mode .btn.btn-action-bar.btn-color-dach.with-arrow::after {
  background-color: #2f8a91;
}
.dark-mode .btn.btn-action-bar.btn-color-dach:hover.with-arrow::after {
  background-color: #265e62;
}
.dark-mode .btn.btn-action-bar.btn-color-success {
  background-color: #26581e;
}
.dark-mode .btn.btn-action-bar.btn-color-success.with-arrow::after {
  background-color: #418c31;
}
.dark-mode .btn.btn-action-bar.btn-color-success:hover.with-arrow::after {
  background-color: #26581e;
}
.dark-mode .btn.btn-action-bar.btn-color-danger {
  background-color: #421a05;
}
.dark-mode .btn.btn-action-bar.btn-color-danger.with-arrow::after {
  background-color: #7e321a;
}
.dark-mode .btn.btn-action-bar.btn-color-danger:hover.with-arrow::after {
  background-color: #421a05;
}
.dark-mode .btn.btn-action-bar.with-arrow::after {
  background-image: url("https://develop.beta.facilityscanner.com/resources/fd814ec1fcb0fe337de55d5877453252.svg");
}
.dark-mode .btn.btn-action-bar.disabled,
.dark-mode .btn.btn-action-bar:disabled {
  background-image: none;
  background-image: initial;
  background-color: #252829;
  box-shadow: none;
  color: #aea79d;
}
.dark-mode .btn.btn-action-bar.disabled .icon,
.dark-mode .btn.btn-action-bar:disabled .icon {
  fill: #aea79d;
}
.dark-mode .btn.btn-action-bar.disabled.with-arrow::after,
.dark-mode .btn.btn-action-bar:disabled.with-arrow::after {
  background-color: #4c5255;
}
.dark-mode .navigation {
  background-image: linear-gradient(90deg, #3e3463 0%, #4e4962 50%);
  background-color: transparent;
  background-color: initial;
}
.dark-mode .navigation.bv {
  background-image: linear-gradient(90deg, #175e7f 0%, #0f3a4e 50%);
  background-color: transparent;
  background-color: initial;
}
.dark-mode .navigation.dach {
  background-image: linear-gradient(90deg, #2f8a91 0%, #265e62 50%);
  background-color: transparent;
  background-color: initial;
}
.dark-mode .navigation .btn {
  color: #e8e6e3;
}
.dark-mode .navigation .btn.back {
  color: #aea79d;
}
.dark-mode .navigation .btn.back:hover {
  color: #e8e6e3;
}
.dark-mode .navigation .btn.profile-link .icon {
  fill: #e8e6e3 !important;
}
.dark-mode .navigation .btn.profile-link:hover .icon {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
  fill: #9c91c5 !important;
}
.dark-mode .navigation .btn.profile-link:hover .icon.bv {
  fill: #65bbe3 !important;
}
.dark-mode .navigation .btn.profile-link:hover .icon.dach {
  fill: #5cc2cb !important;
}
.dark-mode .btn.text-link {
  background-image: none;
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.text-link.btn-color-system {
  color: #9c91c5;
}
.dark-mode .btn.text-link.btn-color-system .icon {
  fill: #9c91c5;
}
.dark-mode .btn.text-link.btn-color-system:hover {
  color: #a49d91;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .btn.text-link.btn-color-system:hover .icon {
  fill: #a49d91;
}
.dark-mode .btn.text-link.btn-color-system:active:hover {
  color: #a0988b;
}
.dark-mode .btn.text-link.btn-color-system:active:hover .icon {
  fill: #a0988b;
}
.dark-mode .btn.text-link.btn-color-bv {
  color: #65bbe3;
}
.dark-mode .btn.text-link.btn-color-bv .icon {
  fill: #65bbe3;
}
.dark-mode .btn.text-link.btn-color-bv:hover {
  color: #90cde9;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .btn.text-link.btn-color-bv:hover .icon {
  fill: #90cde9;
}
.dark-mode .btn.text-link.btn-color-bv:active:hover {
  color: #7ac1e2;
}
.dark-mode .btn.text-link.btn-color-bv:active:hover .icon {
  fill: #7ac1e2;
}
.dark-mode .btn.text-link.btn-color-dach {
  color: #5cc2cb;
}
.dark-mode .btn.text-link.btn-color-dach .icon {
  fill: #5cc2cb;
}
.dark-mode .btn.text-link.btn-color-dach:hover {
  color: #84cad0;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .btn.text-link.btn-color-dach:hover .icon {
  fill: #84cad0;
}
.dark-mode .btn.text-link.btn-color-dach:active:hover {
  color: #69bcc3;
}
.dark-mode .btn.text-link.btn-color-dach:active:hover .icon {
  fill: #69bcc3;
}
.dark-mode .btn.text-link.btn-color-success {
  color: #71c75f;
}
.dark-mode .btn.text-link.btn-color-success .icon {
  fill: #71c75f;
}
.dark-mode .btn.text-link.btn-color-success:hover {
  color: #97d88c;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .btn.text-link.btn-color-success:hover .icon {
  fill: #97d88c;
}
.dark-mode .btn.text-link.btn-color-success:active:hover {
  color: #84cf74;
}
.dark-mode .btn.text-link.btn-color-success:active:hover .icon {
  fill: #84cf74;
}
.dark-mode .btn.text-link.btn-color-danger {
  color: #e08466;
}
.dark-mode .btn.text-link.btn-color-danger .icon {
  fill: #e08466;
}
.dark-mode .btn.text-link.btn-color-danger:hover {
  color: #ccc7c1;
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .btn.text-link.btn-color-danger:hover .icon {
  fill: #ccc7c1;
}
.dark-mode .btn.text-link.btn-color-danger:active:hover {
  color: #e99c7f;
}
.dark-mode .btn.text-link.btn-color-danger:active:hover .icon {
  fill: #e99c7f;
}
.dark-mode .btn.text-link.disabled,
.dark-mode .btn.text-link:disabled {
  color: #aea79d;
  border-color: transparent;
}
.dark-mode .btn.text-link.disabled .icon,
.dark-mode .btn.text-link:disabled .icon {
  fill: #aea79d;
}
.dark-mode .breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs > .breadcrumb {
  color: #e8e6e3;
  background-image: none;
  background-color: transparent;
  background-color: initial;
}
.dark-mode .breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs > .breadcrumb:disabled,
.dark-mode .breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs > .breadcrumb.disabled {
  color: #aea79d;
}
.dark-mode .btn.btn-outlined-rounded-white {
  background-image: none;
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-system {
  color: #e8e6e3;
  border-color: #303436;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-system .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-system:hover {
  color: #a49d91;
  border-color: #303436;
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-system:hover .icon {
  fill: #a49d91;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-system:active:hover {
  color: #a0988b;
  border-color: #303436;
  background-image: none;
  background-image: initial;
  background-color: rgba(24, 26, 27, 0.16);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-system:active:hover .icon {
  fill: #a0988b;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-bv {
  color: #e8e6e3;
  border-color: #303436;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-bv .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-bv:hover {
  color: #90cde9;
  border-color: #303436;
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-bv:hover .icon {
  fill: #90cde9;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-bv:active:hover {
  color: #7ac1e2;
  border-color: #303436;
  background-image: none;
  background-image: initial;
  background-color: rgba(24, 26, 27, 0.16);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-bv:active:hover .icon {
  fill: #7ac1e2;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-dach {
  color: #e8e6e3;
  border-color: #303436;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-dach .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-dach:hover {
  color: #84cad0;
  border-color: #303436;
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-dach:hover .icon {
  fill: #84cad0;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-dach:active:hover {
  color: #69bcc3;
  border-color: #303436;
  background-image: none;
  background-image: initial;
  background-color: rgba(24, 26, 27, 0.16);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-dach:active:hover .icon {
  fill: #69bcc3;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-success {
  color: #e8e6e3;
  border-color: #303436;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-success .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-success:hover {
  color: #97d88c;
  border-color: #303436;
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-success:hover .icon {
  fill: #97d88c;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-success:active:hover {
  color: #84cf74;
  border-color: #303436;
  background-image: none;
  background-image: initial;
  background-color: rgba(24, 26, 27, 0.16);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-success:active:hover .icon {
  fill: #84cf74;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-danger {
  color: #e8e6e3;
  border-color: #303436;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-danger .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-danger:hover {
  color: #ccc7c1;
  border-color: #303436;
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-danger:hover .icon {
  fill: #ccc7c1;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-danger:active:hover {
  color: #e99c7f;
  border-color: #303436;
  background-image: none;
  background-image: initial;
  background-color: rgba(24, 26, 27, 0.16);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-danger:active:hover .icon {
  fill: #e99c7f;
}
.dark-mode .btn.btn-outlined-rounded-white.disabled,
.dark-mode .btn.btn-outlined-rounded-white:disabled {
  border-color: #4a5053;
  color: #aea79d;
  background-image: none;
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.btn-outlined-rounded-white.disabled .icon,
.dark-mode .btn.btn-outlined-rounded-white:disabled .icon {
  fill: #aea79d;
}
.dark-mode .flyout {
  background-image: none;
  background-color: transparent;
  background-color: initial;
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .flyout > .content {
  border-right-color: currentColor;
  border-right-color: initial;
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
  box-shadow: rgba(34, 39, 45, 0.8) 4px 4px 16px -8px;
}
.dark-mode .flyout > .content::after {
  border-color: transparent transparent #303436;
}
.dark-mode .flyout:focus,
.dark-mode .flyout:active,
.dark-mode .flyout:active:hover {
  box-shadow: none;
  outline-color: invert;
  outline-color: initial;
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .btn.btn-outlined-rounded {
  background-image: none;
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-system {
  color: #9c91c5;
  border-color: #3f3564;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-system .icon {
  fill: #9c91c5;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-system:hover {
  color: #e8e6e3;
  border-color: #696156;
  background-image: none;
  background-image: initial;
  background-color: #4e4962;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-system:hover .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-system:active:hover {
  color: #a0988b;
  border-color: #50575a;
  background-image: none;
  background-image: initial;
  background-color: rgba(102, 16, 130, 0.16);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-system:active:hover .icon {
  fill: #a0988b;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-bv {
  color: #65bbe3;
  border-color: #1f7da8;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-bv .icon {
  fill: #65bbe3;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-bv:hover {
  color: #e8e6e3;
  border-color: #2489b8;
  background-image: none;
  background-image: initial;
  background-color: #0f3a4e;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-bv:hover .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-bv:active:hover {
  color: #7ac1e2;
  border-color: #257fab;
  background-image: none;
  background-image: initial;
  background-color: rgba(23, 94, 127, 0.16);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-bv:active:hover .icon {
  fill: #7ac1e2;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-dach {
  color: #5cc2cb;
  border-color: #2a7c83;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-dach .icon {
  fill: #5cc2cb;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-dach:hover {
  color: #e8e6e3;
  border-color: #388c94;
  background-image: none;
  background-image: initial;
  background-color: #265e62;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-dach:hover .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-dach:active:hover {
  color: #69bcc3;
  border-color: #368085;
  background-image: none;
  background-image: initial;
  background-color: rgba(47, 138, 145, 0.16);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-dach:active:hover .icon {
  fill: #69bcc3;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-success {
  color: #71c75f;
  border-color: #3f8930;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-success .icon {
  fill: #71c75f;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-success:hover {
  color: #e8e6e3;
  border-color: #459e35;
  background-image: none;
  background-image: initial;
  background-color: #26581e;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-success:hover .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-success:active:hover {
  color: #84cf74;
  border-color: #439233;
  background-image: none;
  background-image: initial;
  background-color: rgba(65, 140, 49, 0.16);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-success:active:hover .icon {
  fill: #84cf74;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-danger {
  color: #e08466;
  border-color: #a54221;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-danger .icon {
  fill: #e08466;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-danger:hover {
  color: #e8e6e3;
  border-color: #7d7467;
  background-image: none;
  background-image: initial;
  background-color: #421a05;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-danger:hover .icon {
  fill: #e8e6e3;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-danger:active:hover {
  color: #e99c7f;
  border-color: #b5491f;
  background-image: none;
  background-image: initial;
  background-color: rgba(126, 50, 26, 0.16);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-danger:active:hover .icon {
  fill: #e99c7f;
}
.dark-mode .btn.btn-outlined-rounded.disabled,
.dark-mode .btn.btn-outlined-rounded:disabled {
  border-color: #363b3d;
  color: #aea79d;
  background-image: none;
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.btn-outlined-rounded.disabled .icon,
.dark-mode .btn.btn-outlined-rounded:disabled .icon {
  fill: #aea79d;
}
.dark-mode .styleguide-page {
  background-image: none;
  background-image: initial;
  background-color: #1e2021;
}
.dark-mode .tabs .tabs-container button.tab {
  background-image: none;
  background-color: transparent;
  background-color: initial;
  border-top-color: currentColor;
  border-top-color: initial;
  border-right-color: currentColor;
  border-right-color: initial;
  border-left-color: currentColor;
  border-left-color: initial;
  border-bottom-color: transparent;
  color: #9c91c5;
}
.dark-mode .tabs .tabs-container button.tab.bv {
  color: #65bbe3;
}
.dark-mode .tabs .tabs-container button.tab.dach {
  color: #5cc2cb;
}
.dark-mode .tabs .tabs-container button.tab:hover {
  color: #a49d91;
  border-bottom-color: #696156;
}
.dark-mode .tabs .tabs-container button.tab:hover.bv {
  color: #90cde9;
  border-bottom-color: #2489b8;
}
.dark-mode .tabs .tabs-container button.tab:hover.dach {
  color: #84cad0;
  border-bottom-color: #388c94;
}
.dark-mode .tabs .tabs-container button.tab:focus {
  outline-color: invert;
  outline-color: initial;
}
.dark-mode .tabs .tabs-container button.tab.selected {
  color: #aea79d;
  border-bottom-color: #3f3564;
}
.dark-mode .tabs .tabs-container button.tab.selected.bv {
  border-bottom-color: #1f7da8;
}
.dark-mode .tabs .tabs-container button.tab.selected.dach {
  border-bottom-color: #2a7c83;
}
.dark-mode .checkbox-wrapper {
  color: #c9c4bd;
}
.dark-mode .checkbox-wrapper::before {
  border-color: #3f3564;
  background-color: #181a1b;
}
.dark-mode .checkbox-wrapper.checked::before {
  color: #e8e6e3;
  background-color: #3e3463;
}
.dark-mode .checkbox-wrapper.error {
  color: #e08466;
}
.dark-mode .checkbox-wrapper.error::before {
  border-color: #a54221;
  background-color: rgba(126, 50, 26, 0.16);
}
.dark-mode .checkbox-wrapper.error.checked::before {
  color: #e08466;
  background-color: rgba(126, 50, 26, 0.16);
}
.dark-mode .checkbox-wrapper:hover {
  color: #a49d91;
}
.dark-mode .checkbox-wrapper:hover::before,
.dark-mode .checkbox-wrapper:hover.checked::before {
  background-color: #4e4962;
  border-color: #696156;
  color: #e8e6e3;
}
.dark-mode .checkbox-wrapper.disabled {
  color: #aea79d;
}
.dark-mode .checkbox-wrapper.disabled::before {
  background-color: #252829;
  border-color: #4a5053 !important;
}
.dark-mode .checkbox-wrapper.disabled.checked::before {
  color: #aea79d;
  background-color: #252829;
}
.dark-mode .checkbox-wrapper.dach:hover {
  color: #84cad0;
}
.dark-mode .checkbox-wrapper.dach:hover::before,
.dark-mode .checkbox-wrapper.dach:hover.checked::before {
  background-color: #265e62;
  border-color: #388c94;
}
.dark-mode .checkbox-wrapper.dach::before {
  border-color: #2a7c83;
}
.dark-mode .checkbox-wrapper.dach.checked::before {
  background-color: #2f8a91;
}
.dark-mode .checkbox-wrapper.bv:hover {
  color: #90cde9;
}
.dark-mode .checkbox-wrapper.bv:hover::before,
.dark-mode .checkbox-wrapper.bv:hover.checked::before {
  background-color: #0f3a4e;
  border-color: #2489b8;
}
.dark-mode .checkbox-wrapper.bv::before {
  border-color: #1f7da8;
}
.dark-mode .checkbox-wrapper.bv.checked::before {
  background-color: #175e7f;
}
.dark-mode .top-label {
  color: #c9c4bd;
}
.dark-mode .message-label {
  color: #aea79d;
}
.dark-mode .disabled .top-label,
.dark-mode .locked .top-label {
  color: #aea79d;
}
.dark-mode .error .message-label,
.dark-mode .error .top-label {
  color: #e08466;
}
.dark-mode .text-input-container .text-input {
  background-color: #181a1b;
  border-color: #363b3d;
}
.dark-mode .text-input-container .text-input input {
  border-color: currentColor;
  border-color: initial;
  box-shadow: none;
  color: #aea79d;
}
.dark-mode .text-input-container .text-input input::-moz-placeholder {
  color: #aea79d;
}
.dark-mode .text-input-container .text-input input:-ms-input-placeholder {
  color: #aea79d;
}
.dark-mode .text-input-container .text-input input::-ms-input-placeholder {
  color: #aea79d;
}
.dark-mode .text-input-container .text-input input::placeholder {
  color: #aea79d;
}
.dark-mode .text-input-container .text-input:hover input,
.dark-mode .text-input-container .text-input:focus input,
.dark-mode .text-input-container .text-input[focus-within] input {
  color: #cfcbc5;
}
.dark-mode .text-input-container .text-input:hover input,
.dark-mode .text-input-container .text-input:focus input,
.dark-mode .text-input-container .text-input[focus-within] input {
  color: #cfcbc5;
}
.dark-mode .text-input-container .text-input:hover input,
.dark-mode .text-input-container .text-input:focus input,
.dark-mode .text-input-container .text-input:focus-within input {
  color: #cfcbc5;
}
.dark-mode .text-input-container.locked .text-input::after {
  color: #aea79d;
}
.dark-mode .text-input-container.disabled .text-input {
  color: #aea79d;
}
.dark-mode .text-input-container.color-system .text-input:hover {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-system .text-input:focus,
.dark-mode .text-input-container.color-system .text-input[focus-within] {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-system .text-input:focus,
.dark-mode .text-input-container.color-system .text-input[focus-within] {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-system .text-input:focus,
.dark-mode .text-input-container.color-system .text-input:focus-within {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-bv .text-input:hover {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-bv .text-input:focus,
.dark-mode .text-input-container.color-bv .text-input[focus-within] {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-bv .text-input:focus,
.dark-mode .text-input-container.color-bv .text-input[focus-within] {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-bv .text-input:focus,
.dark-mode .text-input-container.color-bv .text-input:focus-within {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-dach .text-input:hover {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-dach .text-input:focus,
.dark-mode .text-input-container.color-dach .text-input[focus-within] {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-dach .text-input:focus,
.dark-mode .text-input-container.color-dach .text-input[focus-within] {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-dach .text-input:focus,
.dark-mode .text-input-container.color-dach .text-input:focus-within {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-success .text-input:hover {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-success .text-input:focus,
.dark-mode .text-input-container.color-success .text-input[focus-within] {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-success .text-input:focus,
.dark-mode .text-input-container.color-success .text-input[focus-within] {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-success .text-input:focus,
.dark-mode .text-input-container.color-success .text-input:focus-within {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-danger .text-input:hover {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-danger .text-input:focus,
.dark-mode .text-input-container.color-danger .text-input[focus-within] {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-danger .text-input:focus,
.dark-mode .text-input-container.color-danger .text-input[focus-within] {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.color-danger .text-input:focus,
.dark-mode .text-input-container.color-danger .text-input:focus-within {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .text-input-container.error .text-input {
  background-color: rgba(126, 50, 26, 0.16);
  border-color: #a54221;
}
.dark-mode .text-input-container.error input::-moz-placeholder {
  color: #e08466;
}
.dark-mode .text-input-container.error input:-ms-input-placeholder {
  color: #e08466;
}
.dark-mode .text-input-container.error input::-ms-input-placeholder {
  color: #e08466;
}
.dark-mode .text-input-container.error input::placeholder {
  color: #e08466;
}
.dark-mode .dropdown-wrapper .dropdown {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper .dropdown:focus {
  outline-color: invert;
  outline-color: initial;
}
.dark-mode .dropdown-wrapper .dropdown > .value {
  border-color: #363b3d;
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
  color: #aea79d;
}
.dark-mode .dropdown-wrapper .dropdown > .value .trigger {
  color: #65bbe3;
}
.dark-mode .dropdown-wrapper .dropdown > .value.filled {
  color: #cfcbc5;
}
.dark-mode .dropdown-wrapper .dropdown .options {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
  border-color: #363b3d;
}
.dark-mode .dropdown-wrapper:hover.color-system > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper:hover.color-bv > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper:hover.color-dach > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper:hover.color-success > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper:hover.color-danger > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-system > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-system > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper:focus-within.color-system > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-bv > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-bv > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper:focus-within.color-bv > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-dach > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-dach > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper:focus-within.color-dach > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-success > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-success > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper:focus-within.color-success > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-danger > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-danger > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper:focus-within.color-danger > .dropdown > .value {
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .dropdown-wrapper.error > .dropdown > .value {
  border-color: #a54221;
  background-image: none;
  background-image: initial;
  background-color: rgba(126, 50, 26, 0.16);
  color: #e08466;
}
.dark-mode .dropdown-wrapper.error > .dropdown > .value > .trigger {
  color: #e08466;
}
.dark-mode .search-input-container .search-input {
  background-color: #181a1b;
  border-color: #363b3d;
}
.dark-mode .search-input-container .search-input input {
  border-color: currentColor;
  border-color: initial;
  box-shadow: none;
  color: #aea79d;
}
.dark-mode .search-input-container .search-input input::-moz-placeholder {
  color: #aea79d;
}
.dark-mode .search-input-container .search-input input:-ms-input-placeholder {
  color: #aea79d;
}
.dark-mode .search-input-container .search-input input::-ms-input-placeholder {
  color: #aea79d;
}
.dark-mode .search-input-container .search-input input::placeholder {
  color: #aea79d;
}
.dark-mode .search-input-container .search-input .suggestions {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
  border-color: #363b3d;
}
.dark-mode .search-input-container .search-input .suggestions .suggestion {
  background-image: none;
  background-image: initial;
  background-color: transparent;
  outline-color: invert;
  outline-color: initial;
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .search-input-container .search-input .suggestions .suggestion .underline {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .search-input-container .search-input .suggestions .suggestion:hover {
  background-image: none;
  background-image: initial;
  background-color: #1d2021;
}
.dark-mode .search-input-container .search-input .clear-trigger {
  color: #dad7d2;
}
.dark-mode .search-input-container .search-input:hover input,
.dark-mode .search-input-container .search-input[focus-within] input {
  color: #cfcbc5;
}
.dark-mode .search-input-container .search-input:hover input,
.dark-mode .search-input-container .search-input[focus-within] input {
  color: #cfcbc5;
}
.dark-mode .search-input-container .search-input:hover input,
.dark-mode .search-input-container .search-input:focus-within input {
  color: #cfcbc5;
}
.dark-mode .search-input-container.locked .text-input::after {
  color: #aea79d;
}
.dark-mode .search-input-container.color-system .search-input:hover {
  border-color: #50575a;
}
.dark-mode .search-input-container.color-system .search-input:focus,
.dark-mode .search-input-container.color-system .search-input[focus-within] {
  border-color: #696156;
}
.dark-mode .search-input-container.color-system .search-input:focus,
.dark-mode .search-input-container.color-system .search-input[focus-within] {
  border-color: #696156;
}
.dark-mode .search-input-container.color-system .search-input:focus,
.dark-mode .search-input-container.color-system .search-input:focus-within {
  border-color: #696156;
}
.dark-mode .search-input-container.color-system .suggestions .suggestion .underline,
.dark-mode .search-input-container.color-system .search-trigger {
  color: #9c91c5;
}
.dark-mode .search-input-container.color-system .search-trigger:hover,
.dark-mode .search-input-container.color-system .clear-trigger:hover {
  color: #a49d91;
}
.dark-mode .search-input-container.color-bv .search-input:hover {
  border-color: #257fab;
}
.dark-mode .search-input-container.color-bv .search-input:focus,
.dark-mode .search-input-container.color-bv .search-input[focus-within] {
  border-color: #2489b8;
}
.dark-mode .search-input-container.color-bv .search-input:focus,
.dark-mode .search-input-container.color-bv .search-input[focus-within] {
  border-color: #2489b8;
}
.dark-mode .search-input-container.color-bv .search-input:focus,
.dark-mode .search-input-container.color-bv .search-input:focus-within {
  border-color: #2489b8;
}
.dark-mode .search-input-container.color-bv .suggestions .suggestion .underline,
.dark-mode .search-input-container.color-bv .search-trigger {
  color: #65bbe3;
}
.dark-mode .search-input-container.color-bv .search-trigger:hover,
.dark-mode .search-input-container.color-bv .clear-trigger:hover {
  color: #90cde9;
}
.dark-mode .search-input-container.color-dach .search-input:hover {
  border-color: #368085;
}
.dark-mode .search-input-container.color-dach .search-input:focus,
.dark-mode .search-input-container.color-dach .search-input[focus-within] {
  border-color: #388c94;
}
.dark-mode .search-input-container.color-dach .search-input:focus,
.dark-mode .search-input-container.color-dach .search-input[focus-within] {
  border-color: #388c94;
}
.dark-mode .search-input-container.color-dach .search-input:focus,
.dark-mode .search-input-container.color-dach .search-input:focus-within {
  border-color: #388c94;
}
.dark-mode .search-input-container.color-dach .suggestions .suggestion .underline,
.dark-mode .search-input-container.color-dach .search-trigger {
  color: #5cc2cb;
}
.dark-mode .search-input-container.color-dach .search-trigger:hover,
.dark-mode .search-input-container.color-dach .clear-trigger:hover {
  color: #84cad0;
}
.dark-mode .search-input-container.color-success .search-input:hover {
  border-color: #439233;
}
.dark-mode .search-input-container.color-success .search-input:focus,
.dark-mode .search-input-container.color-success .search-input[focus-within] {
  border-color: #459e35;
}
.dark-mode .search-input-container.color-success .search-input:focus,
.dark-mode .search-input-container.color-success .search-input[focus-within] {
  border-color: #459e35;
}
.dark-mode .search-input-container.color-success .search-input:focus,
.dark-mode .search-input-container.color-success .search-input:focus-within {
  border-color: #459e35;
}
.dark-mode .search-input-container.color-success .suggestions .suggestion .underline,
.dark-mode .search-input-container.color-success .search-trigger {
  color: #71c75f;
}
.dark-mode .search-input-container.color-success .search-trigger:hover,
.dark-mode .search-input-container.color-success .clear-trigger:hover {
  color: #97d88c;
}
.dark-mode .search-input-container.color-danger .search-input:hover {
  border-color: #b5491f;
}
.dark-mode .search-input-container.color-danger .search-input:focus,
.dark-mode .search-input-container.color-danger .search-input[focus-within] {
  border-color: #7d7467;
}
.dark-mode .search-input-container.color-danger .search-input:focus,
.dark-mode .search-input-container.color-danger .search-input[focus-within] {
  border-color: #7d7467;
}
.dark-mode .search-input-container.color-danger .search-input:focus,
.dark-mode .search-input-container.color-danger .search-input:focus-within {
  border-color: #7d7467;
}
.dark-mode .search-input-container.color-danger .suggestions .suggestion .underline,
.dark-mode .search-input-container.color-danger .search-trigger {
  color: #e08466;
}
.dark-mode .search-input-container.color-danger .search-trigger:hover,
.dark-mode .search-input-container.color-danger .clear-trigger:hover {
  color: #ccc7c1;
}
.dark-mode .search-input-container.disabled .search-input {
  color: #aea79d;
}
.dark-mode .search-input-container.error .search-input {
  background-color: rgba(126, 50, 26, 0.16);
  border-color: #a54221;
}
.dark-mode .search-input-container.error .search-input input {
  color: #e08466;
}
.dark-mode .search-input-container.error input::-moz-placeholder {
  color: #e08466;
}
.dark-mode .search-input-container.error input:-ms-input-placeholder {
  color: #e08466;
}
.dark-mode .search-input-container.error input::-ms-input-placeholder {
  color: #e08466;
}
.dark-mode .search-input-container.error input::placeholder {
  color: #e08466;
}
.dark-mode .pagination-wrapper .pagination .page-item {
  outline-color: invert;
  outline-color: initial;
  border-color: currentColor;
  border-color: initial;
  background-image: none;
  background-image: initial;
  background-color: transparent;
}
.dark-mode .pagination-wrapper .pagination .page-item a {
  border-color: #363b3d;
}
.dark-mode .pagination-wrapper .pagination .page-item a:focus {
  border-color: currentColor;
  border-color: initial;
  outline-color: invert;
  outline-color: initial;
}
.dark-mode .pagination-wrapper .pagination .page-item a:hover {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
  color: #e8e6e3 !important;
}
.dark-mode .pagination-wrapper .pagination .page-item.disabled a,
.dark-mode .pagination-wrapper .pagination .page-item.selected a,
.dark-mode .pagination-wrapper .pagination .page-item.break a {
  color: #aea79d;
  border-color: currentColor;
  border-color: initial;
}
.dark-mode .pagination-wrapper.color-system .pagination .page-item a {
  color: #9c91c5;
}
.dark-mode .pagination-wrapper.color-system .pagination .page-item a:hover {
  background-image: none;
  background-image: initial;
  background-color: #4e4962;
  border-color: #696156 !important;
}
.dark-mode .pagination-wrapper.color-bv .pagination .page-item a {
  color: #65bbe3;
}
.dark-mode .pagination-wrapper.color-bv .pagination .page-item a:hover {
  background-image: none;
  background-image: initial;
  background-color: #0f3a4e;
  border-color: #2489b8 !important;
}
.dark-mode .pagination-wrapper.color-dach .pagination .page-item a {
  color: #5cc2cb;
}
.dark-mode .pagination-wrapper.color-dach .pagination .page-item a:hover {
  background-image: none;
  background-image: initial;
  background-color: #265e62;
  border-color: #388c94 !important;
}
.dark-mode .pagination-wrapper.color-success .pagination .page-item a {
  color: #71c75f;
}
.dark-mode .pagination-wrapper.color-success .pagination .page-item a:hover {
  background-image: none;
  background-image: initial;
  background-color: #26581e;
  border-color: #459e35 !important;
}
.dark-mode .pagination-wrapper.color-danger .pagination .page-item a {
  color: #e08466;
}
.dark-mode .pagination-wrapper.color-danger .pagination .page-item a:hover {
  background-image: none;
  background-image: initial;
  background-color: #421a05;
  border-color: #7d7467 !important;
}
.dark-mode .card-container {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
}
.dark-mode .card-container .card-inner .card-section .text-blue {
  color: #65bbe3;
}
.dark-mode .card-container .card-inner .card-section.background-white {
  background-color: #181a1b;
}
.dark-mode .card-container .card-inner .card-text h3 {
  color: #aea79d;
}
.dark-mode .card-container .card-inner .card-text h3 > button {
  outline-color: invert;
  outline-color: initial;
  border-color: currentColor;
  border-color: initial;
  background-image: none;
  background-image: initial;
  background-color: transparent;
}
.dark-mode .card-container .card-inner .card-list .card-list-table tbody tr .title {
  color: #aea79d;
}
.dark-mode .card-container .card-inner .card-list .card-list-table tbody tr .description {
  color: #c9c4bd;
}
.dark-mode .card-container .card-inner .card-attributes .label {
  color: #aea79d;
}
.dark-mode .card-container .card-inner .card-attributes .attributes .attribute {
  color: #e8e6e3;
  background-image: none;
  background-image: initial;
  background-color: #252829;
}
.dark-mode .card-container .card-inner .card-status {
  background-image: none;
  background-image: initial;
  background-color: #4c5255;
}
.dark-mode .card-container .card-inner .card-status::before {
  background-image: none;
  background-image: initial;
  background-color: #4c5255;
}
.dark-mode .card-container .card-inner .card-status.three-states::after {
  background-image: none;
  background-image: initial;
  background-color: #4c5255;
}
.dark-mode .card-container .card-inner .card-status.success {
  background-image: none;
  background-image: initial;
  background-color: #418c31;
}
.dark-mode .card-container .card-inner .card-status.warning::before {
  background-image: none;
  background-image: initial;
  background-color: #bc8f0a;
}
.dark-mode .card-container .card-inner .card-status.danger.three-states::after {
  background-image: none;
  background-image: initial;
  background-color: #7e321a;
}
.dark-mode .card-container .card-inner .card-status.danger.two-states::before {
  background-image: none;
  background-image: initial;
  background-color: #7e321a;
}
.dark-mode .card-container .card-inner .card-status-header.success {
  background-color: #418c31;
}
.dark-mode .card-container .card-inner .card-status-header.warning {
  background-color: #bc8f0a;
}
.dark-mode .card-container .card-inner .card-status-header.danger {
  background-color: #7e321a;
}
.dark-mode .card-container.with-icon .card-icon-container {
  color: #e8e6e3;
}
.dark-mode .card-container.with-icon .card-icon-container .card-icon {
  fill: #e8e6e3;
}
.dark-mode .card-container.color-system {
  box-shadow: rgba(102, 16, 130, 0.16) 4px 4px 16px -8px;
}
.dark-mode .card-container.color-system.with-icon .card-icon-container {
  background-image: none;
  background-image: initial;
  background-color: #3e3463;
}
.dark-mode .card-container.color-system.with-icon:hover {
  box-shadow: #4e4962 0px 0px 0px 1px;
}
.dark-mode .card-container.color-system.with-icon:hover .card-icon-container {
  background-image: none;
  background-image: initial;
  background-color: #4e4962;
}
.dark-mode .card-container.color-system .card-inner .card-text h3.link > button {
  color: #9c91c5;
}
.dark-mode .card-container.color-system .card-inner .card-text h3.link > button:hover {
  color: #a49d91;
}
.dark-mode .card-container.color-bv {
  box-shadow: rgba(23, 94, 127, 0.16) 4px 4px 16px -8px;
}
.dark-mode .card-container.color-bv.with-icon .card-icon-container {
  background-image: none;
  background-image: initial;
  background-color: #175e7f;
}
.dark-mode .card-container.color-bv.with-icon:hover {
  box-shadow: #0f3a4e 0px 0px 0px 1px;
}
.dark-mode .card-container.color-bv.with-icon:hover .card-icon-container {
  background-image: none;
  background-image: initial;
  background-color: #0f3a4e;
}
.dark-mode .card-container.color-bv .card-inner .card-text h3.link > button {
  color: #65bbe3;
}
.dark-mode .card-container.color-bv .card-inner .card-text h3.link > button:hover {
  color: #90cde9;
}
.dark-mode .card-container.color-dach {
  box-shadow: rgba(47, 138, 145, 0.16) 4px 4px 16px -8px;
}
.dark-mode .card-container.color-dach.with-icon .card-icon-container {
  background-image: none;
  background-image: initial;
  background-color: #2f8a91;
}
.dark-mode .card-container.color-dach.with-icon:hover {
  box-shadow: #265e62 0px 0px 0px 1px;
}
.dark-mode .card-container.color-dach.with-icon:hover .card-icon-container {
  background-image: none;
  background-image: initial;
  background-color: #265e62;
}
.dark-mode .card-container.color-dach .card-inner .card-text h3.link > button {
  color: #5cc2cb;
}
.dark-mode .card-container.color-dach .card-inner .card-text h3.link > button:hover {
  color: #84cad0;
}
.dark-mode .card-container.color-success {
  box-shadow: rgba(65, 140, 49, 0.16) 4px 4px 16px -8px;
}
.dark-mode .card-container.color-success.with-icon .card-icon-container {
  background-image: none;
  background-image: initial;
  background-color: #418c31;
}
.dark-mode .card-container.color-success.with-icon:hover {
  box-shadow: #26581e 0px 0px 0px 1px;
}
.dark-mode .card-container.color-success.with-icon:hover .card-icon-container {
  background-image: none;
  background-image: initial;
  background-color: #26581e;
}
.dark-mode .card-container.color-success .card-inner .card-text h3.link > button {
  color: #71c75f;
}
.dark-mode .card-container.color-success .card-inner .card-text h3.link > button:hover {
  color: #97d88c;
}
.dark-mode .card-container.color-danger {
  box-shadow: rgba(126, 50, 26, 0.16) 4px 4px 16px -8px;
}
.dark-mode .card-container.color-danger.with-icon .card-icon-container {
  background-image: none;
  background-image: initial;
  background-color: #7e321a;
}
.dark-mode .card-container.color-danger.with-icon:hover {
  box-shadow: #421a05 0px 0px 0px 1px;
}
.dark-mode .card-container.color-danger.with-icon:hover .card-icon-container {
  background-image: none;
  background-image: initial;
  background-color: #421a05;
}
.dark-mode .card-container.color-danger .card-inner .card-text h3.link > button {
  color: #e08466;
}
.dark-mode .card-container.color-danger .card-inner .card-text h3.link > button:hover {
  color: #ccc7c1;
}
.dark-mode .loading-prop-container {
  background-color: #22272d;
}
.dark-mode .loading-prop-container .loading-prop-sub-container {
  background-color: #181a1b;
}
.dark-mode .table-list-container .table-list tbody tr .title {
  color: #aea79d;
}
.dark-mode .table-list-container .table-list tbody tr .description {
  color: #c9c4bd;
}
.dark-mode .b {
  border-color: #8c8273 !important;
}
.dark-mode .color-white {
  color: #e8e6e3 !important;
}
.dark-mode .list-table tbody tr .title {
  color: #aea79d;
}
.dark-mode .list-table tbody tr .description {
  color: #c9c4bd;
}
.dark-mode .timeline-container .timeline-link {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .timeline-container .timeline-element .icon {
  background-image: none;
  background-image: initial;
  background-color: #1d2021;
}
.dark-mode .timeline-container .timeline-element .element-card::after {
  border-color: transparent #303436 transparent transparent;
}
.dark-mode .timeline-container .timeline-element .element-card .content {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .timeline-container .timeline-element .element-card .content::after {
  background-image: url("https://develop.beta.facilityscanner.com/resources/fd814ec1fcb0fe337de55d5877453252.svg");
}
.dark-mode .timeline-container.color-system .arrow,
.dark-mode .timeline-container.color-system .arrow::before,
.dark-mode .timeline-container.color-system .arrow::after {
  background-image: none;
  background-image: initial;
  background-color: #4c5255;
}
.dark-mode .timeline-container.color-system .timeline-element .icon {
  border-color: #3f3564 !important;
}
.dark-mode .timeline-container.color-system .timeline-element .icon svg {
  fill: #9c91c5;
}
.dark-mode .timeline-container.color-system .timeline-element .element-card .content {
  color: #a0988b;
}
.dark-mode .timeline-container.color-system .timeline-element .element-card .content::after {
  background-color: #534d6f;
}
.dark-mode .timeline-container.color-system .timeline-element .element-card:hover .content {
  color: #a49d91;
}
.dark-mode .timeline-container.color-system .timeline-element .element-card:hover .content::after {
  background-color: #4e4962;
}
.dark-mode .timeline-container.color-bv .arrow,
.dark-mode .timeline-container.color-bv .arrow::before,
.dark-mode .timeline-container.color-bv .arrow::after {
  background-image: none;
  background-image: initial;
  background-color: #4c5255;
}
.dark-mode .timeline-container.color-bv .timeline-element .icon {
  border-color: #1f7da8 !important;
}
.dark-mode .timeline-container.color-bv .timeline-element .icon svg {
  fill: #65bbe3;
}
.dark-mode .timeline-container.color-bv .timeline-element .element-card .content {
  color: #7ac1e2;
}
.dark-mode .timeline-container.color-bv .timeline-element .element-card .content::after {
  background-color: #164e68;
}
.dark-mode .timeline-container.color-bv .timeline-element .element-card:hover .content {
  color: #90cde9;
}
.dark-mode .timeline-container.color-bv .timeline-element .element-card:hover .content::after {
  background-color: #0f3a4e;
}
.dark-mode .timeline-container.color-dach .arrow,
.dark-mode .timeline-container.color-dach .arrow::before,
.dark-mode .timeline-container.color-dach .arrow::after {
  background-image: none;
  background-image: initial;
  background-color: #4c5255;
}
.dark-mode .timeline-container.color-dach .timeline-element .icon {
  border-color: #2a7c83 !important;
}
.dark-mode .timeline-container.color-dach .timeline-element .icon svg {
  fill: #5cc2cb;
}
.dark-mode .timeline-container.color-dach .timeline-element .element-card .content {
  color: #69bcc3;
}
.dark-mode .timeline-container.color-dach .timeline-element .element-card .content::after {
  background-color: #347c82;
}
.dark-mode .timeline-container.color-dach .timeline-element .element-card:hover .content {
  color: #84cad0;
}
.dark-mode .timeline-container.color-dach .timeline-element .element-card:hover .content::after {
  background-color: #265e62;
}
.dark-mode .timeline-container.color-success .arrow,
.dark-mode .timeline-container.color-success .arrow::before,
.dark-mode .timeline-container.color-success .arrow::after {
  background-image: none;
  background-image: initial;
  background-color: #4c5255;
}
.dark-mode .timeline-container.color-success .timeline-element .icon {
  border-color: #3f8930 !important;
}
.dark-mode .timeline-container.color-success .timeline-element .icon svg {
  fill: #71c75f;
}
.dark-mode .timeline-container.color-success .timeline-element .element-card .content {
  color: #84cf74;
}
.dark-mode .timeline-container.color-success .timeline-element .element-card .content::after {
  background-color: #357328;
}
.dark-mode .timeline-container.color-success .timeline-element .element-card:hover .content {
  color: #97d88c;
}
.dark-mode .timeline-container.color-success .timeline-element .element-card:hover .content::after {
  background-color: #26581e;
}
.dark-mode .timeline-container.color-danger .arrow,
.dark-mode .timeline-container.color-danger .arrow::before,
.dark-mode .timeline-container.color-danger .arrow::after {
  background-image: none;
  background-image: initial;
  background-color: #4c5255;
}
.dark-mode .timeline-container.color-danger .timeline-element .icon {
  border-color: #a54221 !important;
}
.dark-mode .timeline-container.color-danger .timeline-element .icon svg {
  fill: #e08466;
}
.dark-mode .timeline-container.color-danger .timeline-element .element-card .content {
  color: #e99c7f;
}
.dark-mode .timeline-container.color-danger .timeline-element .element-card .content::after {
  background-color: #612711;
}
.dark-mode .timeline-container.color-danger .timeline-element .element-card:hover .content {
  color: #ccc7c1;
}
.dark-mode .timeline-container.color-danger .timeline-element .element-card:hover .content::after {
  background-color: #421a05;
}
.dark-mode .layout.profile {
  background-image: none;
  background-image: initial;
  background-color: #1d2021;
}
.dark-mode .layout.profile .profile-page-container .btn-container {
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .project-page-container .registrator-notice-cards-headings .table-heading {
  color: #aea79d;
}
.dark-mode .project-page-container .registrator-notice-card {
  background-color: rgba(23, 94, 127, 0.16);
}
.dark-mode .list-bottom-bar {
  border-color: #8c8273 !important;
}
.dark-mode .list-bottom-bar .filter-group-button {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-system {
  color: #9c91c5;
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-bv {
  color: #65bbe3;
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-dach {
  color: #5cc2cb;
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-success {
  color: #71c75f;
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-danger {
  color: #e08466;
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-system::after {
  color: #9c91c5;
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-bv::after {
  color: #65bbe3;
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-dach::after {
  color: #5cc2cb;
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-success::after {
  color: #71c75f;
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-danger::after {
  color: #e08466;
}
.dark-mode .lds-spinner {
  color: #e8e6e3;
}
.dark-mode .lds-spinner div::after {
  background-image: none;
  background-image: initial;
  background-color: #0f3a4e;
}
.dark-mode .cards-table-list-container .card-list-link {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .cards-table-list-container .headings-container {
  color: #aea79d;
}
.dark-mode .cards-table-list-container .background-grey {
  background-color: #1d2021;
  border-color: #303436;
}
.dark-mode .cards-table-list-container .info-text.yellow {
  color: #f4c12a;
}
.dark-mode .cards-table-list-container .info-text.green {
  color: #71c75f;
}
.dark-mode .cards-table-list-container .info-text.red {
  color: #e08466;
}
.dark-mode .cards-tile-list-container .background-grey {
  background-color: #1d2021;
  border-color: #303436;
}
.dark-mode .cards-tile-list-container .card-list-link {
  -webkit-text-decoration-color: inherited;
          text-decoration-color: inherited;
  -webkit-text-decoration-color: initial;
          text-decoration-color: initial;
}
.dark-mode .cards-tile-list-container .info-text.yellow {
  color: #f4c12a;
}
.dark-mode .cards-tile-list-container .info-text.green {
  color: #71c75f;
}
.dark-mode .cards-tile-list-container .info-text.red {
  color: #e08466;
}
.dark-mode .cards-list-container .list-switch-container .switch-icon {
  fill: #9c91c5;
}
.dark-mode .cards-list-container .list-switch-container .switch-icon:hover {
  fill: #a49d91;
}
.dark-mode .cards-list-container .list-switch-container .switch-icon.bv {
  fill: #65bbe3;
}
.dark-mode .cards-list-container .list-switch-container .switch-icon.bv:hover {
  fill: #90cde9;
}
.dark-mode .cards-list-container .list-switch-container .switch-icon.dach {
  fill: #5cc2cb;
}
.dark-mode .cards-list-container .list-switch-container .switch-icon.dach:hover {
  fill: #84cad0;
}
.dark-mode .cards-list-container .list-switch-container .switch-icon.active {
  fill: #aea79d;
}
.dark-mode .cards-list-container .list-switch-container .switch-icon.active:hover {
  fill: #aea79d;
}
.dark-mode .facilities-subpage-massfacilities-container .headings-container {
  color: #aea79d;
}
.dark-mode .facilities-subpage-allgemein-container .status-container .status-text-container.success {
  color: #71c75f;
}
.dark-mode .facilities-subpage-allgemein-container .status-container .status-text-container.warning {
  color: #f4c12a;
}
.dark-mode .facilities-subpage-allgemein-container .status-container .status-text-container.danger {
  color: #e08466;
}
.dark-mode .facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator.danger {
  background-color: #7e321a;
}
.dark-mode .facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator.warning {
  background-color: #bc8f0a;
}
.dark-mode .facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator.success {
  background-color: #418c31;
}
.dark-mode .facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator.grey {
  background-color: #252829;
}
.dark-mode .change-password-page .card {
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .password-hints {
  border-color: #3f3564;
  background-color: rgba(102, 16, 130, 0.16);
}
.dark-mode .password-hints .hint-container.success {
  color: #71c75f;
  fill: #71c75f;
}
.dark-mode .requirements-page-container .info-text {
  color: #aea79d;
}
.dark-mode .construction-permit-page-container .card-status-header.success {
  background-color: #418c31;
}
.dark-mode .construction-permit-page-container .card-status-header.warning {
  background-color: #bc8f0a;
}
.dark-mode .construction-permit-page-container .card-status-header.danger {
  background-color: #7e321a;
}
.dark-mode .construction-permit-page-container .status-container .status-text-container.success {
  color: #71c75f;
}
.dark-mode .construction-permit-page-container .status-container .status-text-container.warning {
  color: #f4c12a;
}
.dark-mode .construction-permit-page-container .status-container .status-text-container.danger {
  color: #e08466;
}
.dark-mode .b {
  border-color: #8c8273 !important;
}
.dark-mode .color-white {
  color: #e8e6e3 !important;
}
.dark-mode .list-table tbody tr .title {
  color: #aea79d;
}
.dark-mode .list-table tbody tr .description {
  color: #c9c4bd;
}
.dark-mode .roof-subpage-overview-container .success {
  color: #71c75f;
}
.dark-mode .roof-subpage-overview-container .warning {
  color: #f4c12a;
}
.dark-mode .roof-subpage-overview-container .danger {
  color: #e08466;
}
.dark-mode .b {
  border-color: #8c8273 !important;
}
.dark-mode .color-white {
  color: #e8e6e3 !important;
}
.dark-mode .list-table tbody tr .title {
  color: #aea79d;
}
.dark-mode .list-table tbody tr .description {
  color: #c9c4bd;
}
.dark-mode .abnormality-preview-container .abnormality-card-section {
  background-color: transparent;
}
.dark-mode .abnormality-preview-container .abnormality-preview-card {
  background-color: transparent;
  box-shadow: none;
}
.dark-mode .abnormality-preview-container .avatar-icon:hover.color-system {
  border-color: #3f3564;
}
.dark-mode .abnormality-preview-container .avatar-icon:hover.color-bv {
  border-color: #1f7da8;
}
.dark-mode .abnormality-preview-container .avatar-icon:hover.color-dach {
  border-color: #2a7c83;
}
.dark-mode .abnormality-preview-container .avatar-icon:hover.color-success {
  border-color: #3f8930;
}
.dark-mode .abnormality-preview-container .avatar-icon:hover.color-danger {
  border-color: #a54221;
}
.dark-mode .b {
  border-color: #8c8273 !important;
}
.dark-mode .color-white {
  color: #e8e6e3 !important;
}
.dark-mode .list-table tbody tr .title {
  color: #aea79d;
}
.dark-mode .list-table tbody tr .description {
  color: #c9c4bd;
}
.dark-mode .image-gallery-modal-container .color-system .custom-header {
  border-top-color: #3f3564;
}
.dark-mode .image-gallery-modal-container .color-system .image-display > .image-container .btn {
  background-image: none;
  background-image: initial;
  background-color: #3e3463;
}
.dark-mode .image-gallery-modal-container .color-system .image-display > .image-container .btn:hover {
  box-shadow: #4e4962 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-system .image-sidebar > .images > .image-container:hover {
  box-shadow: #4e4962 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-system .image-sidebar > .images > .image-container.selected {
  box-shadow: #4e4962 0px 0px 0px 2px;
}
.dark-mode .image-gallery-modal-container .color-bv .custom-header {
  border-top-color: #1f7da8;
}
.dark-mode .image-gallery-modal-container .color-bv .image-display > .image-container .btn {
  background-image: none;
  background-image: initial;
  background-color: #175e7f;
}
.dark-mode .image-gallery-modal-container .color-bv .image-display > .image-container .btn:hover {
  box-shadow: #0f3a4e 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-bv .image-sidebar > .images > .image-container:hover {
  box-shadow: #0f3a4e 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-bv .image-sidebar > .images > .image-container.selected {
  box-shadow: #0f3a4e 0px 0px 0px 2px;
}
.dark-mode .image-gallery-modal-container .color-dach .custom-header {
  border-top-color: #2a7c83;
}
.dark-mode .image-gallery-modal-container .color-dach .image-display > .image-container .btn {
  background-image: none;
  background-image: initial;
  background-color: #2f8a91;
}
.dark-mode .image-gallery-modal-container .color-dach .image-display > .image-container .btn:hover {
  box-shadow: #265e62 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-dach .image-sidebar > .images > .image-container:hover {
  box-shadow: #265e62 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-dach .image-sidebar > .images > .image-container.selected {
  box-shadow: #265e62 0px 0px 0px 2px;
}
.dark-mode .image-gallery-modal-container .color-success .custom-header {
  border-top-color: #3f8930;
}
.dark-mode .image-gallery-modal-container .color-success .image-display > .image-container .btn {
  background-image: none;
  background-image: initial;
  background-color: #418c31;
}
.dark-mode .image-gallery-modal-container .color-success .image-display > .image-container .btn:hover {
  box-shadow: #26581e 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-success .image-sidebar > .images > .image-container:hover {
  box-shadow: #26581e 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-success .image-sidebar > .images > .image-container.selected {
  box-shadow: #26581e 0px 0px 0px 2px;
}
.dark-mode .image-gallery-modal-container .color-danger .custom-header {
  border-top-color: #a54221;
}
.dark-mode .image-gallery-modal-container .color-danger .image-display > .image-container .btn {
  background-image: none;
  background-image: initial;
  background-color: #7e321a;
}
.dark-mode .image-gallery-modal-container .color-danger .image-display > .image-container .btn:hover {
  box-shadow: #421a05 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-danger .image-sidebar > .images > .image-container:hover {
  box-shadow: #421a05 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-danger .image-sidebar > .images > .image-container.selected {
  box-shadow: #421a05 0px 0px 0px 2px;
}
.dark-mode .b {
  border-color: #8c8273 !important;
}
.dark-mode .color-white {
  color: #e8e6e3 !important;
}
.dark-mode .list-table tbody tr .title {
  color: #aea79d;
}
.dark-mode .list-table tbody tr .description {
  color: #c9c4bd;
}
.dark-mode .image-link-container.color-system.selected {
  border-color: #696156;
}
.dark-mode .image-link-container.color-bv.selected {
  border-color: #2489b8;
}
.dark-mode .image-link-container.color-dach.selected {
  border-color: #388c94;
}
.dark-mode .image-link-container.color-success.selected {
  border-color: #459e35;
}
.dark-mode .image-link-container.color-danger.selected {
  border-color: #7d7467;
}
.dark-mode .b {
  border-color: #8c8273 !important;
}
.dark-mode .color-white {
  color: #e8e6e3 !important;
}
.dark-mode .list-table tbody tr .title {
  color: #aea79d;
}
.dark-mode .list-table tbody tr .description {
  color: #c9c4bd;
}
.dark-mode .image-gallery-main-photo-container {
  border-left-color: #363b3d;
}
.dark-mode .image-gallery-main-photo-container .image-container {
  background-color: #252829;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.btn-color-system {
  background-image: none;
  background-image: initial;
  background-color: #3e3463;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.btn-color-bv {
  background-image: none;
  background-image: initial;
  background-color: #175e7f;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.btn-color-dach {
  background-image: none;
  background-image: initial;
  background-color: #2f8a91;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.btn-color-success {
  background-image: none;
  background-image: initial;
  background-color: #418c31;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.btn-color-danger {
  background-image: none;
  background-image: initial;
  background-color: #7e321a;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-system {
  box-shadow: #4e4962 0px 0px 0px 1px;
  background-image: none;
  background-image: initial;
  background-color: #4e4962;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-system .icon {
  fill: #e8e6e3;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-bv {
  box-shadow: #0f3a4e 0px 0px 0px 1px;
  background-image: none;
  background-image: initial;
  background-color: #0f3a4e;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-bv .icon {
  fill: #e8e6e3;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-dach {
  box-shadow: #265e62 0px 0px 0px 1px;
  background-image: none;
  background-image: initial;
  background-color: #265e62;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-dach .icon {
  fill: #e8e6e3;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-success {
  box-shadow: #26581e 0px 0px 0px 1px;
  background-image: none;
  background-image: initial;
  background-color: #26581e;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-success .icon {
  fill: #e8e6e3;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-danger {
  box-shadow: #421a05 0px 0px 0px 1px;
  background-image: none;
  background-image: initial;
  background-color: #421a05;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-danger .icon {
  fill: #e8e6e3;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-system {
  box-shadow: #4e4962 0px 0px 0px 1px;
  background-image: none;
  background-image: initial;
  background-color: #4e4962;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-system .icon {
  fill: #e8e6e3;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-bv {
  box-shadow: #0f3a4e 0px 0px 0px 1px;
  background-image: none;
  background-image: initial;
  background-color: #0f3a4e;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-bv .icon {
  fill: #e8e6e3;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-dach {
  box-shadow: #265e62 0px 0px 0px 1px;
  background-image: none;
  background-image: initial;
  background-color: #265e62;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-dach .icon {
  fill: #e8e6e3;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-success {
  box-shadow: #26581e 0px 0px 0px 1px;
  background-image: none;
  background-image: initial;
  background-color: #26581e;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-success .icon {
  fill: #e8e6e3;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-danger {
  box-shadow: #421a05 0px 0px 0px 1px;
  background-image: none;
  background-image: initial;
  background-color: #421a05;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-danger .icon {
  fill: #e8e6e3;
}
.dark-mode .image-gallery-main-photo-container .image-container .btn .icon {
  fill: #e8e6e3;
}
.dark-mode .abnormality-comparison-view-container .grid-container .grid-item.upper {
  color: #aea79d;
}
.dark-mode .abnormality-comparison-view-container .grid-container .grid-item.lower .image-container .abnormality-image:hover {
  border-color: #2a7c83;
}
.dark-mode .abnormality-comparison-view-container .grid-container .grid-item.left {
  border-right-color: #4a5053;
}
.dark-mode .b {
  border-color: #8c8273 !important;
}
.dark-mode .color-white {
  color: #e8e6e3 !important;
}
.dark-mode .list-table tbody tr .title {
  color: #aea79d;
}
.dark-mode .list-table tbody tr .description {
  color: #c9c4bd;
}
.dark-mode .image-gallery-comparison-modal-container .color-system .custom-header {
  border-top-color: #3f3564;
}
.dark-mode .image-gallery-comparison-modal-container .color-system .image-display > .image-container .btn {
  background-image: none;
  background-image: initial;
  background-color: #3e3463;
}
.dark-mode .image-gallery-comparison-modal-container .color-system .image-display > .image-container .btn:hover {
  box-shadow: #4e4962 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-system .image-sidebar > .images > .image-container:hover {
  box-shadow: #4e4962 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-system .image-sidebar > .images > .image-container.selected {
  box-shadow: #4e4962 0px 0px 0px 2px;
}
.dark-mode .image-gallery-comparison-modal-container .color-bv .custom-header {
  border-top-color: #1f7da8;
}
.dark-mode .image-gallery-comparison-modal-container .color-bv .image-display > .image-container .btn {
  background-image: none;
  background-image: initial;
  background-color: #175e7f;
}
.dark-mode .image-gallery-comparison-modal-container .color-bv .image-display > .image-container .btn:hover {
  box-shadow: #0f3a4e 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-bv .image-sidebar > .images > .image-container:hover {
  box-shadow: #0f3a4e 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-bv .image-sidebar > .images > .image-container.selected {
  box-shadow: #0f3a4e 0px 0px 0px 2px;
}
.dark-mode .image-gallery-comparison-modal-container .color-dach .custom-header {
  border-top-color: #2a7c83;
}
.dark-mode .image-gallery-comparison-modal-container .color-dach .image-display > .image-container .btn {
  background-image: none;
  background-image: initial;
  background-color: #2f8a91;
}
.dark-mode .image-gallery-comparison-modal-container .color-dach .image-display > .image-container .btn:hover {
  box-shadow: #265e62 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-dach .image-sidebar > .images > .image-container:hover {
  box-shadow: #265e62 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-dach .image-sidebar > .images > .image-container.selected {
  box-shadow: #265e62 0px 0px 0px 2px;
}
.dark-mode .image-gallery-comparison-modal-container .color-success .custom-header {
  border-top-color: #3f8930;
}
.dark-mode .image-gallery-comparison-modal-container .color-success .image-display > .image-container .btn {
  background-image: none;
  background-image: initial;
  background-color: #418c31;
}
.dark-mode .image-gallery-comparison-modal-container .color-success .image-display > .image-container .btn:hover {
  box-shadow: #26581e 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-success .image-sidebar > .images > .image-container:hover {
  box-shadow: #26581e 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-success .image-sidebar > .images > .image-container.selected {
  box-shadow: #26581e 0px 0px 0px 2px;
}
.dark-mode .image-gallery-comparison-modal-container .color-danger .custom-header {
  border-top-color: #a54221;
}
.dark-mode .image-gallery-comparison-modal-container .color-danger .image-display > .image-container .btn {
  background-image: none;
  background-image: initial;
  background-color: #7e321a;
}
.dark-mode .image-gallery-comparison-modal-container .color-danger .image-display > .image-container .btn:hover {
  box-shadow: #421a05 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-danger .image-sidebar > .images > .image-container:hover {
  box-shadow: #421a05 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-danger .image-sidebar > .images > .image-container.selected {
  box-shadow: #421a05 0px 0px 0px 2px;
}
.dark-mode .image-gallery-comparison-container .switch-button-container .switch-button .part.inactive {
  border-color: #2a7c83;
  color: #5cc2cb;
}
.dark-mode .image-gallery-comparison-container .switch-button-container .switch-button .part.inactive:hover {
  color: #e8e6e3;
  background-image: none;
  background-image: initial;
  background-color: #265e62;
  border-color: #388c94;
}
.dark-mode .image-gallery-comparison-container .switch-button-container .switch-button .part.inactive:active:hover {
  color: #e8e6e3;
  background-image: none;
  background-image: initial;
  background-color: #347c82;
  border-color: #368085;
}
.dark-mode .image-gallery-comparison-container .switch-button-container .switch-button .part.active {
  border-color: #4a5053;
  color: #aea79d;
}
.dark-mode .image-gallery-comparison-container .switch-button-container .switch-button .part.active.left {
  border-right-color: currentColor;
  border-right-color: initial;
}
.dark-mode .image-gallery-comparison-container .switch-button-container .switch-button .part.active.right {
  border-left-color: currentColor;
  border-left-color: initial;
}
.dark-mode .image-gallery-comparison-container .image-gallery-comparison-grid .grid-item .gallery-heading {
  color: #aea79d;
}
.dark-mode .image-gallery-comparison-container .comparison-card .main-photo-container {
  border-left-color: currentColor;
  border-left-color: initial;
}
.dark-mode .google-map-filters-mapmarker-icon.red {
  fill: #e08466;
}
.dark-mode .google-map-filters-mapmarker-icon.grey {
  fill: #aea79d;
}
.dark-mode .google-map-filters-mapmarker-icon.green {
  fill: #71c75f;
}
.dark-mode .google-map-filters-mapmarker-icon.yellow {
  fill: #f4c12a;
}
.dark-mode .google-map-filters-mapmarker-icon.dach {
  fill: #5cc2cb;
}
.dark-mode .mapmarker-container .mapmarker-icon.red {
  fill: #e08466;
}
.dark-mode .mapmarker-container .mapmarker-icon.grey {
  fill: #aea79d;
}
.dark-mode .mapmarker-container .mapmarker-icon.green {
  fill: #71c75f;
}
.dark-mode .mapmarker-container .mapmarker-icon.yellow {
  fill: #f4c12a;
}
.dark-mode .mapmarker-container .mapmarker-icon.dach {
  fill: #5cc2cb;
}
.dark-mode .map-popup-container .map-popup-box {
  background-color: #252829;
}
.dark-mode .map-popup-container .map-popup-box .top-bar {
  background-color: #181a1b;
  color: #aea79d;
  box-shadow: rgba(34, 39, 45, 0.16) 0px 2px 8px 0px;
}
.dark-mode .map-popup-container .map-popup-box .top-bar .cancel-icon {
  fill: #5cc2cb;
}
.dark-mode .map-popup-container .map-popup-box::after {
  border-top-color: #363b3d;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: currentColor;
  border-bottom-color: initial;
}
.dark-mode .emergencyrepair-page-container .status-string.success {
  color: #71c75f;
}
.dark-mode .emergencyrepair-page-container .marker-icon {
  fill: #5cc2cb;
}
.dark-mode .emergencyrepair-page-container .subcard-map-icon-container {
  color: #5cc2cb;
}
.dark-mode .emergencyrepair-page-container .subcard-map-icon-container .subcard-map-icon {
  fill: #5cc2cb;
}
.dark-mode .b {
  border-color: #8c8273 !important;
}
.dark-mode .color-white {
  color: #e8e6e3 !important;
}
.dark-mode .list-table tbody tr .title {
  color: #aea79d;
}
.dark-mode .list-table tbody tr .description {
  color: #c9c4bd;
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn {
  border-color: #3f3564;
  color: #9c91c5;
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn:hover {
  color: #e8e6e3;
  border-color: #696156;
  background-image: none;
  background-image: initial;
  background-color: #4e4962;
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn:active:hover {
  color: #a0988b;
  border-color: #50575a;
  background-image: none;
  background-image: initial;
  background-color: rgba(102, 16, 130, 0.16);
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn.dach {
  border-color: #2a7c83;
  color: #5cc2cb;
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn.dach:hover {
  color: #e8e6e3;
  border-color: #388c94;
  background-image: none;
  background-image: initial;
  background-color: #265e62;
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn.dach:active:hover {
  color: #69bcc3;
  border-color: #368085;
  background-image: none;
  background-image: initial;
  background-color: rgba(47, 138, 145, 0.16);
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn.bv {
  border-color: #1f7da8;
  color: #65bbe3;
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn.bv:hover {
  color: #e8e6e3;
  border-color: #2489b8;
  background-image: none;
  background-image: initial;
  background-color: #0f3a4e;
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn.bv:active:hover {
  color: #7ac1e2;
  border-color: #257fab;
  background-image: none;
  background-image: initial;
  background-color: rgba(23, 94, 127, 0.16);
}
.dark-mode .documents-table-mobile .table-item.even {
  background-color: #1d2021;
}
.dark-mode .documents-table .documents-table-body tr:nth-child(2n+1) {
  background-color: #1d2021;
}
.dark-mode .sub-card-container {
  border-color: #363b3d;
}
.dark-mode .sub-card-container .sub-card-header {
  color: #aea79d;
}
.dark-mode .sub-card-container .sub-card-header .header-icon-container .header-icon {
  fill: #5cc2cb;
}
.dark-mode .sub-card-container .sub-card-footer {
  border-top-color: #363b3d;
  color: #aea79d;
}
.dark-mode .sub-card-container .sub-card-footer .footer-icon-container .footer-icon {
  fill: #5cc2cb;
}
.dark-mode .sub-card-container .sub-card-card-body {
  background-color: #1d2021;
}
.dark-mode .repair-page-container .status-string.success {
  color: #71c75f;
}
.dark-mode .repair-page-container .status-string.danger {
  color: #e08466;
}
.dark-mode .repair-page-container .status-string.warning {
  color: #f4c12a;
}
.dark-mode .repair-page-container .marker-icon {
  fill: #5cc2cb;
}
.dark-mode .repair-page-container .subcard-map-icon-container {
  color: #5cc2cb;
}
.dark-mode .repair-page-container .subcard-map-icon-container .subcard-map-icon {
  fill: #5cc2cb;
}
.dark-mode .manualrepair-page-container .status-string.success {
  color: #71c75f;
}
.dark-mode .manualrepair-page-container .marker-icon {
  fill: #5cc2cb;
}
.dark-mode .maintenance-page-container .status-string.success {
  color: #71c75f;
}
.dark-mode .maintenance-page-container .marker-icon {
  fill: #5cc2cb;
}
.dark-mode .maintenance-page-container .abnormalities-link {
  color: #5cc2cb;
}
.dark-mode .maintenance-page-container .subcard-map-icon-container {
  color: #5cc2cb;
}
.dark-mode .maintenance-page-container .subcard-map-icon-container .subcard-map-icon {
  fill: #5cc2cb;
}
.dark-mode .roofwork-page-container .status-string.success {
  color: #71c75f;
}
.dark-mode .roofwork-page-container .marker-icon {
  fill: #5cc2cb;
}
.dark-mode .ladderinspection-page-container .status-string.success {
  color: #71c75f;
}
.dark-mode .ladderinspection-page-container .marker-icon {
  fill: #5cc2cb;
}
.dark-mode .fallprotectioninspection-page-container .status-string.success {
  color: #71c75f;
}
.dark-mode .fallprotectioninspection-page-container .marker-icon {
  fill: #5cc2cb;
}
.dark-mode .initialroofcapture-page-container .status-string.success {
  color: #71c75f;
}
.dark-mode .initialroofcapture-page-container .marker-icon {
  fill: #5cc2cb;
}
.dark-mode .panorama-view-page-container .top-bar .info-text {
  color: #aea79d;
}
.dark-mode .layout.login-layout .stage-special {
  background-image: url("https://develop.beta.facilityscanner.com/resources/19047d347b3e8ddef0af923301be8340.jpg");
}
.dark-mode .layout.login-layout .stage-special::after {
  background-image: linear-gradient(90deg, #3e3463 0%, #4e4962 50%);
  background-color: transparent;
  background-color: initial;
}
.dark-mode .layout.login-layout .quote {
  color: #e8e6e3;
}
.dark-mode .layout.login-layout .quote a {
  color: #dad7d2;
}
.dark-mode .layout.login-layout .quote h3 {
  color: #e8e6e3;
}
.dark-mode .layout.login-layout .quote::before {
  background-image: url("https://develop.beta.facilityscanner.com/resources/636d9403cfd570167e9c88c0162564c7.svg");
  background-color: transparent;
  background-color: initial;
}
.dark-mode .layout.login-layout > .content {
  background-image: none;
  background-image: initial;
  background-color: #181a1b;
  color: #000;
  color: initial;
}
.dark-mode .layout.login-layout > .content p {
  color: #aea79d;
}
.dark-mode .layout.login-layout .footer {
  background-color: #1d2021;
  color: #b2aba1;
}
.dark-mode .logout-page-container .logout-heading {
  fill: #71c75f;
}
.dark-mode .logout-page-container .logout-heading h1 {
  color: #71c75f;
}
.dark-mode .forgot-password-page-container .forgot-password-heading-success {
  fill: #71c75f;
}
.dark-mode .forgot-password-page-container .forgot-password-heading-success h1 {
  color: #71c75f;
}
.dark-mode .forgot-password-page-container .forgot-password-heading-error {
  fill: #e08466;
}
.dark-mode .forgot-password-page-container .forgot-password-heading-error h1 {
  color: #e08466;
}
.dark-mode .vimvixen-hint {
  background-color: #7b5300 !important;
  border-color: #d8b013 !important;
  color: #f3e8c8 !important;
}
.dark-mode ::-moz-placeholder {
  opacity: 0.5 !important;
}
.dark-mode :-ms-input-placeholder {
  opacity: 0.5 !important;
}
.dark-mode ::-ms-input-placeholder {
  opacity: 0.5 !important;
}
.dark-mode ::placeholder {
  opacity: 0.5 !important;
}
.dark-mode a[href="https://coinmarketcap.com/"] > svg[width="94"][height="16"] > path {
  fill: var(--darkreader-neutral-text) !important;
}