@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: rgb(209, 205, 199);
  background-color: rgb(24, 26, 27);
}

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 {
  animation-name: loadingSpin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  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;
}
@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;
}

@keyframes slideUp {
  0% {
    height: 0;
  }
  100% {
    height: calc(100% - 60px - 56px);
  }
}
@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;
  animation: slideUp 100ms ease-in-out 0s both;
}
.bottom-bar .content-overlay > .content.secondary {
  height: calc(100% - 60px - 56px);
  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;
}

.fill-yellow {
  fill: #EBB30C;
}

.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, rgb(156, 145, 197) 0%, rgb(97, 91, 123) 50%);
  width: 100%;
  z-index: 0;
}
.layout .layout-body .stage.dach {
  background: linear-gradient(90deg, rgb(77, 189, 198) 0%, rgb(47, 117, 123) 50%);
}
.layout .layout-body .stage.bv {
  background: linear-gradient(90deg, rgb(29, 118, 159) 0%, rgb(19, 73, 98) 50%);
}
.layout .layout-body .stage.with-image {
  height: 472px;
  background-image: url(/resources/0e9ae1b4f324af7a5608.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, rgb(156, 145, 197) 0%, rgb(97, 91, 123) 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: 144px;
  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;
}
@font-face {
  font-family: "FacilityScanner_Icons";
  src: url(/resources/3c68e8555af926f9f9a6.eot);
  src: url(/resources/3c68e8555af926f9f9a6.eot) format("embedded-opentype"), url(/resources/a157a2a6a595c21f1712.ttf) format("truetype"), url(/resources/43b6cefab0cf1789b393.woff) format("woff"), url(/resources/4c9cf19dd534b22439a8.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-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-area:before {
  content: "\e948";
}

.icon-back:before {
  content: "\e947";
}

.icon-floor:before {
  content: "\e940";
}

.icon-house:before {
  content: "\e941";
}

.icon-locked:before {
  content: "\e942";
}

.icon-restart:before {
  content: "\e943";
}

.icon-start:before {
  content: "\e944";
}

.icon-tree:before {
  content: "\e945";
}

.icon-unlock:before {
  content: "\e946";
}

.icon-more:before {
  content: "\e93f";
}

.icon-circle:before {
  content: "\e93e";
}

.icon-Dislike:before {
  content: "\e93c";
}

.icon-duplicate:before {
  content: "\e933";
}

.icon-info:before {
  content: "\e934";
}

.icon-Mail:before {
  content: "\e935";
}

.icon-Merge:before {
  content: "\e936";
}

.icon-monitor:before {
  content: "\e937";
}

.icon-Move:before {
  content: "\e938";
}

.icon-Phone:before {
  content: "\e939";
}

.icon-Uncheck:before {
  content: "\e93a";
}

.icon-upload:before {
  content: "\e93b";
}

.icon-star_filled:before {
  content: "\e932";
}

.icon-star:before {
  content: "\e931";
}

.icon-Excel:before {
  content: "\e930";
}

.icon-Camera:before {
  content: "\e92f";
}

.icon-Danger:before {
  content: "\e92e";
}

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

.icon-Pin:before {
  content: "\e92d";
}

.icon-Bottle:before {
  content: "\e926";
}

.icon-Flower:before {
  content: "\e927";
}

.icon-Leave:before {
  content: "\e928";
}

.icon-Loading:before {
  content: "\e93d";
}

.icon-Notreparatur:before {
  content: "\e929";
}

.icon-Reparatur:before {
  content: "\e92a";
}

.icon-Sad:before {
  content: "\e92b";
}

.icon-Arrow_1_down:before {
  content: "\e91e";
}

.icon-Arrow_1_left:before {
  content: "\e91f";
}

.icon-Arrow_1_right:before {
  content: "\e925";
}

.icon-Arrow_1_up:before {
  content: "\e923";
}

.icon-Arrow_2_down:before {
  content: "\e920";
}

.icon-Arrow_2_left:before {
  content: "\e921";
}

.icon-Arrow_2_up:before {
  content: "\e922";
}

.icon-Bin:before {
  content: "\e912";
}

.icon-Cancel_1:before {
  content: "\e913";
}

.icon-Cancel_2:before {
  content: "\e914";
}

.icon-Check:before {
  content: "\e915";
}

.icon-Copy:before {
  content: "\e916";
}

.icon-Downloads:before {
  content: "\e917";
}

.icon-Eye_closed:before {
  content: "\e918";
}

.icon-Forbidden:before {
  content: "\e919";
}

.icon-Lock:before {
  content: "\e91a";
}

.icon-Minus:before {
  content: "\e91b";
}

.icon-Pen:before {
  content: "\e91c";
}

.icon-Plus:before {
  content: "\e91d";
}

.icon-Arrow_2:before {
  content: "\e900";
}

.icon-Arrow_1svg:before {
  content: "\e924";
}

.icon-Building:before {
  content: "\e902";
}

.icon-Calender:before {
  content: "\e903";
}

.icon-Document:before {
  content: "\e904";
}

.icon-Eye:before {
  content: "\e905";
}

.icon-Facilities:before {
  content: "\e906";
}

.icon-Hint_1:before {
  content: "\e908";
}

.icon-List:before {
  content: "\e909";
}

.icon-Logout:before {
  content: "\e90a";
}

.icon-MyAccount:before {
  content: "\e90b";
}

.icon-Outlook:before {
  content: "\e90c";
}

.icon-PDF:before {
  content: "\e90d";
}

.icon-Requirements:before {
  content: "\e90e";
}

.icon-Roof:before {
  content: "\e90f";
}

.icon-Search:before {
  content: "\e910";
}

.icon-Table:before {
  content: "\e911";
}

.icon-info-outline:before {
  content: "\e901";
}

.icon-question-circle-o:before {
  content: "\e907";
}
.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;
}
@keyframes fadeIn {
  to {
    opacity: 1;
    display: block;
    margin-bottom: 8px;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    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: initial;
  border-radius: 8px;
  width: 100%;
  box-shadow: 4px 4px 16px -8px rgba(43, 49, 56, 0.8);
  color: #fff;
  opacity: 0;
  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 {
  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: 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(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDY0IiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDY0IDY0IiB3aWR0aD0iNTEyIgogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBmaWxsPSJ3aGl0ZSIKICAgICAgICAgIGQ9Im0zNy4zNzkgMTIuNTUyYy0uNzk5LS43NjEtMi4wNjYtLjczMS0yLjgyNy4wNjktLjc2Mi44LS43MyAyLjA2Ni4wNjkgMi44MjhsMTUuMzQyIDE0LjU1MWgtMzkuOTYzYy0xLjEwNCAwLTIgLjg5Ni0yIDJzLjg5NiAyIDIgMmgzOS44OTlsLTE1LjI3OCAxNC41NTJjLS44Ljc2Mi0uODMxIDIuMDI4LS4wNjkgMi44MjguMzkzLjQxMi45Mi42MiAxLjQ0OC42Mi40OTYgMCAuOTkyLS4xODMgMS4zNzktLjU1MmwxNy40NDktMTYuNjJjLjc1Ni0uNzU1IDEuMTcyLTEuNzU5IDEuMTcyLTIuODI4cy0uNDE2LTIuMDczLTEuMjA3LTIuODYyeiIvPgo8L3N2Zz4K);
  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, rgb(156, 145, 197) 0%, rgb(97, 91, 123) 50%);
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
  z-index: 2;
}
.navigation.bv {
  background: linear-gradient(90deg, rgb(29, 118, 159) 0%, rgb(19, 73, 98) 50%);
}
.navigation.dach {
  background: linear-gradient(90deg, rgb(77, 189, 198) 0%, rgb(47, 117, 123) 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: 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;
}
.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: 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: "\e900";
  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;
}
.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;
}
.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: "\e914";
  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: "\e914";
  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;
}
.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::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.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: "\e919";
  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-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-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-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-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.error .text-input {
  background-color: rgba(158, 63, 32, 0.16);
  border: 1px solid #9E3F20;
}
.text-input-container.error input::placeholder {
  color: #9E3F20;
}
.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: "\e920";
}
.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::after {
  content: "\e922";
}
.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-dach > .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 .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;
}
.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::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: "\e90f";
}
.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: "\e913";
}
.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: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: "\e919";
  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 .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 .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 .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 .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 .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::placeholder {
  color: #9E3F20;
}
.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: "\e91f";
}
.pagination-wrapper .pagination .page-item.next a::after {
  font-family: "FacilityScanner_Icons";
  content: "\e925";
}
.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: 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%;
  animation-name: loading-prop;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@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;
}

.fill-yellow {
  fill: #EBB30C;
}

.timeline-container {
  position: relative;
  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(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDY0IiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDY0IDY0IiB3aWR0aD0iNTEyIgogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBmaWxsPSJ3aGl0ZSIKICAgICAgICAgIGQ9Im0zNy4zNzkgMTIuNTUyYy0uNzk5LS43NjEtMi4wNjYtLjczMS0yLjgyNy4wNjktLjc2Mi44LS43MyAyLjA2Ni4wNjkgMi44MjhsMTUuMzQyIDE0LjU1MWgtMzkuOTYzYy0xLjEwNCAwLTIgLjg5Ni0yIDJzLjg5NiAyIDIgMmgzOS44OTlsLTE1LjI3OCAxNC41NTJjLS44Ljc2Mi0uODMxIDIuMDI4LS4wNjkgMi44MjguMzkzLjQxMi45Mi42MiAxLjQ0OC42Mi40OTYgMCAuOTkyLS4xODMgMS4zNzktLjU1MmwxNy40NDktMTYuNjJjLjc1Ni0uNzU1IDEuMTcyLTEuNzU5IDEuMTcyLTIuODI4cy0uNDE2LTIuMDczLTEuMjA3LTIuODYyeiIvPgo8L3N2Zz4K);
  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;
}
.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: "\e91f";
}
.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: "\e91f";
}
.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: "\e91f";
}
.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: "\e91f";
}
.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: "\e91f";
}
.lds-spinner {
  color: black;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-spinner div {
  transform-origin: 40px 40px;
  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);
  animation-delay: -1.1s;
}

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

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

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

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

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

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

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

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

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

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

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

@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;
}
.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;
}

.fill-yellow {
  fill: #EBB30C;
}

.facility-plan-view-modal .custom-modal {
  height: calc(100% - 128px);
}
.facility-plan-view-modal .custom-modal .custom-body {
  height: 100%;
  overflow: hidden;
  padding-top: 10px;
}
.facility-plan-view-modal .custom-modal .plan-view-gallery {
  display: flex;
  justify-content: center;
  overflow-x: auto;
}
.facility-plan-view-modal .custom-modal .plan-view-gallery button {
  outline: none;
  border: none;
  background: none;
}
.facility-plan-view-modal .custom-modal .plan-view-gallery img {
  height: 50px;
  width: auto;
}
.facility-plan-view-modal iframe {
  border: none;
  width: 100%;
  height: 100%;
  margin-top: 22px;
}
.facilities-subpage-allgemein-container .icon.red {
  fill: #9E3F20;
}
.facilities-subpage-allgemein-container .icon.grey {
  fill: #9EA3A9;
}
.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 .text-link-button.left {
  float: left;
  justify-content: flex-start;
}
.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;
}
.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;
}

.fill-yellow {
  fill: #EBB30C;
}

.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: 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;
}

.fill-yellow {
  fill: #EBB30C;
}

.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;
}

.fill-yellow {
  fill: #EBB30C;
}

.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;
}
.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: 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: 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;
}

.fill-yellow {
  fill: #EBB30C;
}

.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;
}

.fill-yellow {
  fill: #EBB30C;
}

.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;
}
.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;
}

.fill-yellow {
  fill: #EBB30C;
}

.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: 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: 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: 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;
}

.fill-yellow {
  fill: #EBB30C;
}

.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: 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: 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/0e9ae1b4f324af7a5608.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, rgb(156, 145, 197) 0%, rgb(97, 91, 123) 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(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1NCIgdmlld0JveD0iMCAwIDUwIDU0Ij4KICAgIDxkZWZzPgogICAgICAgIDxzdHlsZT4uYXtmaWxsOiNmZmY7fTwvc3R5bGU+CiAgICA8L2RlZnM+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMikiPgogICAgICAgIDxwYXRoIGNsYXNzPSJhIgogICAgICAgICAgICAgIGQ9Ik0yNyw4YTE3LDE3LDAsMCwwLTYsMzIuOVY1MGExLDEsMCwwLDAsMSwxaDF2MmExLDEsMCwwLDAsMSwxaDZhMSwxLDAsMCwwLDEtMVY1MWgxYTEsMSwwLDAsMCwxLTFWNDAuOUExNywxNywwLDAsMCwyNyw4Wm0zLDQxYTEsMSwwLDAsMC0xLDF2MkgyNVY1MGExLDEsMCwwLDAtMS0xSDIzVjQ0aDh2NVptMS42ODgtOS43NThhMSwxLDAsMCwwLS42ODguOTVWNDJIMjNWNDAuMTkyYTEsMSwwLDAsMC0uNjg4LS45NSwxNSwxNSwwLDEsMSw5LjM3NiwwWiIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJhIiBkPSJNMjcsNmExLDEsMCwwLDAsMS0xVjFhMSwxLDAsMCwwLTIsMFY1QTEsMSwwLDAsMCwyNyw2WiIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJhIiBkPSJNNTEsMjRINDdhMSwxLDAsMCwwLDAsMmg0YTEsMSwwLDAsMCwwLTJaIi8+CiAgICAgICAgPHBhdGggY2xhc3M9ImEiIGQ9Ik03LDI0SDNhMSwxLDAsMCwwLDAsMkg3YTEsMSwwLDAsMCwwLTJaIi8+CiAgICAgICAgPHBhdGggY2xhc3M9ImEiIGQ9Ik00My4yNjQsNy4zMjIsNDAuNDM2LDEwLjE1YTEsMSwwLDEsMCwxLjQxNCwxLjQxNGwyLjgyOC0yLjgyOGExLDEsMCwxLDAtMS40MTQtMS40MTRaIi8+CiAgICAgICAgPHBhdGggY2xhc3M9ImEiIGQ9Ik0xMi4xNSwzOC40MzYsOS4zMjIsNDEuMjY0YTEsMSwwLDEsMCwxLjQxNCwxLjQxNGwyLjgyOC0yLjgyOGExLDEsMCwwLDAtMS40MTQtMS40MTRaIi8+CiAgICAgICAgPHBhdGggY2xhc3M9ImEiIGQ9Ik00MS44NSwzOC40MzZhMSwxLDAsMCwwLTEuNDE0LDEuNDE0bDIuODI4LDIuODI4YTEsMSwwLDAsMCwxLjQxNC0xLjQxNFoiLz4KICAgICAgICA8cGF0aCBjbGFzcz0iYSIgZD0iTTEyLjE1LDExLjU2NGExLDEsMCwxLDAsMS40MTQtMS40MTRMMTAuNzM2LDcuMzIyQTEsMSwwLDAsMCw5LjMyMiw4LjczNloiLz4KICAgICAgICA8cGF0aCBjbGFzcz0iYSIgZD0iTTI3LDEzQTEyLjAxMywxMi4wMTMsMCwwLDAsMTUsMjVhMSwxLDAsMCwwLDIsMEExMC4wMTEsMTAuMDExLDAsMCwxLDI3LDE1YTEsMSwwLDAsMCwwLTJaIi8+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.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: 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: initial;
    margin-top: 128px;
    margin-bottom: 64px;
    padding: 64px;
  }
  .layout.login-layout .quote {
    position: relative;
    width: calc(100% - 320px);
    margin-left: 188px;
    left: initial;
    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: rgb(232, 230, 227);
}
.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: rgb(232, 230, 227);
}
.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 ::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 ::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: rgb(25, 83, 138);
}
.dark-mode .ie-overlay {
  background-color: rgb(24, 26, 27);
}
.dark-mode .info-box {
  border-color: rgb(117, 109, 96);
}
.dark-mode html {
  -webkit-tap-highlight-color: transparent;
}
.dark-mode body {
  color: rgb(209, 205, 199);
  background-color: rgb(24, 26, 27);
}
.dark-mode [tabindex="-1"]:focus:not(.focus-visible) {
  outline-color: initial !important;
}
.dark-mode [tabindex="-1"]:focus:not(:focus-visible) {
  outline-color: initial !important;
}
.dark-mode abbr[data-original-title],
.dark-mode abbr[title] {
  text-decoration-color: initial;
  border-bottom-color: initial;
}
.dark-mode a {
  color: rgb(51, 162, 255);
  text-decoration-color: initial;
  background-color: transparent;
}
.dark-mode a:hover {
  color: rgb(97, 183, 255);
  text-decoration-color: initial;
}
.dark-mode a:not([href]):not([class]) {
  color: inherit;
  text-decoration-color: initial;
}
.dark-mode a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration-color: initial;
}
.dark-mode caption {
  color: rgb(158, 150, 137);
}
.dark-mode button:focus {
  outline-color: rgb(186, 123, 0);
}
.dark-mode fieldset {
  border-color: initial;
}
.dark-mode legend {
  color: inherit;
}
.dark-mode hr {
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
  border-top-color: rgba(140, 130, 115, 0.1);
}
.dark-mode .mark,
.dark-mode mark {
  background-color: rgb(63, 54, 7);
}
.dark-mode .list-unstyled {
  list-style-image: initial;
}
.dark-mode .list-inline {
  list-style-image: initial;
}
.dark-mode .blockquote-footer {
  color: rgb(158, 150, 137);
}
.dark-mode .img-thumbnail {
  background-color: rgb(24, 26, 27);
  border-color: rgb(56, 61, 63);
}
.dark-mode .figure-caption {
  color: rgb(158, 150, 137);
}
.dark-mode code {
  color: rgb(233, 74, 147);
}
.dark-mode a > code {
  color: inherit;
}
.dark-mode kbd {
  color: rgb(232, 230, 227);
  background-color: rgb(28, 30, 31);
}
.dark-mode pre {
  color: rgb(209, 205, 199);
}
.dark-mode pre code {
  color: inherit;
}
.dark-mode .table {
  color: rgb(209, 205, 199);
}
.dark-mode .table td,
.dark-mode .table th {
  border-top-color: rgb(56, 61, 63);
}
.dark-mode .table thead th {
  border-bottom-color: rgb(56, 61, 63);
}
.dark-mode .table tbody + tbody {
  border-top-color: rgb(56, 61, 63);
}
.dark-mode .table-bordered {
  border-color: rgb(56, 61, 63);
}
.dark-mode .table-bordered td,
.dark-mode .table-bordered th {
  border-color: rgb(56, 61, 63);
}
.dark-mode .table-borderless tbody + tbody,
.dark-mode .table-borderless td,
.dark-mode .table-borderless th,
.dark-mode .table-borderless thead th {
  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: rgb(209, 205, 199);
  background-color: rgba(0, 0, 0, 0.07);
}
.dark-mode .table-primary,
.dark-mode .table-primary > td,
.dark-mode .table-primary > th {
  background-color: rgb(44, 48, 50);
}
.dark-mode .table-primary tbody + tbody,
.dark-mode .table-primary td,
.dark-mode .table-primary th,
.dark-mode .table-primary thead th {
  border-color: rgb(0, 68, 142);
}
.dark-mode .table-hover .table-primary:hover {
  background-color: rgb(51, 55, 57);
}
.dark-mode .table-hover .table-primary:hover > td,
.dark-mode .table-hover .table-primary:hover > th {
  background-color: rgb(51, 55, 57);
}
.dark-mode .table-secondary,
.dark-mode .table-secondary > td,
.dark-mode .table-secondary > th {
  background-color: rgb(46, 50, 51);
}
.dark-mode .table-secondary tbody + tbody,
.dark-mode .table-secondary td,
.dark-mode .table-secondary th,
.dark-mode .table-secondary thead th {
  border-color: rgb(68, 74, 77);
}
.dark-mode .table-hover .table-secondary:hover {
  background-color: rgb(53, 58, 60);
}
.dark-mode .table-hover .table-secondary:hover > td,
.dark-mode .table-hover .table-secondary:hover > th {
  background-color: rgb(53, 58, 60);
}
.dark-mode .table-success,
.dark-mode .table-success > td,
.dark-mode .table-success > th {
  background-color: rgb(30, 72, 48);
}
.dark-mode .table-success tbody + tbody,
.dark-mode .table-success td,
.dark-mode .table-success th,
.dark-mode .table-success thead th {
  border-color: rgb(43, 106, 58);
}
.dark-mode .table-hover .table-success:hover {
  background-color: rgb(34, 83, 54);
}
.dark-mode .table-hover .table-success:hover > td,
.dark-mode .table-hover .table-success:hover > th {
  background-color: rgb(34, 83, 54);
}
.dark-mode .table-info,
.dark-mode .table-info > td,
.dark-mode .table-info > th {
  background-color: rgb(24, 71, 78);
}
.dark-mode .table-info tbody + tbody,
.dark-mode .table-info td,
.dark-mode .table-info th,
.dark-mode .table-info thead th {
  border-color: rgb(35, 104, 114);
}
.dark-mode .table-hover .table-info:hover {
  background-color: rgb(28, 81, 89);
}
.dark-mode .table-hover .table-info:hover > td,
.dark-mode .table-hover .table-info:hover > th {
  background-color: rgb(28, 81, 89);
}
.dark-mode .table-warning,
.dark-mode .table-warning > td,
.dark-mode .table-warning > th {
  background-color: rgb(92, 70, 0);
}
.dark-mode .table-warning tbody + tbody,
.dark-mode .table-warning td,
.dark-mode .table-warning th,
.dark-mode .table-warning thead th {
  border-color: rgb(141, 106, 0);
}
.dark-mode .table-hover .table-warning:hover {
  background-color: rgb(107, 81, 0);
}
.dark-mode .table-hover .table-warning:hover > td,
.dark-mode .table-hover .table-warning:hover > th {
  background-color: rgb(107, 81, 0);
}
.dark-mode .table-danger,
.dark-mode .table-danger > td,
.dark-mode .table-danger > th {
  background-color: rgb(78, 14, 20);
}
.dark-mode .table-danger tbody + tbody,
.dark-mode .table-danger td,
.dark-mode .table-danger th,
.dark-mode .table-danger thead th {
  border-color: rgb(119, 20, 29);
}
.dark-mode .table-hover .table-danger:hover {
  background-color: rgb(91, 16, 24);
}
.dark-mode .table-hover .table-danger:hover > td,
.dark-mode .table-hover .table-danger:hover > th {
  background-color: rgb(91, 16, 24);
}
.dark-mode .table-light,
.dark-mode .table-light > td,
.dark-mode .table-light > th {
  background-color: rgb(25, 27, 28);
}
.dark-mode .table-light tbody + tbody,
.dark-mode .table-light td,
.dark-mode .table-light th,
.dark-mode .table-light thead th {
  border-color: rgb(49, 53, 55);
}
.dark-mode .table-hover .table-light:hover {
  background-color: rgb(32, 35, 36);
}
.dark-mode .table-hover .table-light:hover > td,
.dark-mode .table-hover .table-light:hover > th {
  background-color: rgb(32, 35, 36);
}
.dark-mode .table-dark,
.dark-mode .table-dark > td,
.dark-mode .table-dark > th {
  background-color: rgb(55, 60, 62);
}
.dark-mode .table-dark tbody + tbody,
.dark-mode .table-dark td,
.dark-mode .table-dark th,
.dark-mode .table-dark thead th {
  border-color: rgb(77, 83, 87);
}
.dark-mode .table-hover .table-dark:hover {
  background-color: rgb(62, 67, 70);
}
.dark-mode .table-hover .table-dark:hover > td,
.dark-mode .table-hover .table-dark:hover > th {
  background-color: rgb(62, 67, 70);
}
.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: rgb(232, 230, 227);
  background-color: rgb(44, 47, 49);
  border-color: rgb(115, 106, 94);
}
.dark-mode .table .thead-light th {
  color: rgb(181, 175, 166);
  background-color: rgb(35, 38, 39);
  border-color: rgb(56, 61, 63);
}
.dark-mode .table-dark {
  color: rgb(232, 230, 227);
  background-color: rgb(44, 47, 49);
}
.dark-mode .table-dark td,
.dark-mode .table-dark th,
.dark-mode .table-dark thead th {
  border-color: rgb(115, 106, 94);
}
.dark-mode .table-dark.table-bordered {
  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: rgb(232, 230, 227);
  background-color: rgba(24, 26, 27, 0.07);
}
@media (max-width: 575.98px) {
  .dark-mode .table-responsive-sm > .table-bordered {
    border-color: initial;
  }
}
@media (max-width: 767.98px) {
  .dark-mode .table-responsive-md > .table-bordered {
    border-color: initial;
  }
}
@media (max-width: 991.98px) {
  .dark-mode .table-responsive-lg > .table-bordered {
    border-color: initial;
  }
}
@media (max-width: 1199.98px) {
  .dark-mode .table-responsive-xl > .table-bordered {
    border-color: initial;
  }
}
.dark-mode .table-responsive > .table-bordered {
  border-color: initial;
}
.dark-mode .form-control {
  color: rgb(181, 175, 166);
  background-color: rgb(24, 26, 27);
  border-color: rgb(60, 65, 68);
}
.dark-mode .form-control:focus {
  color: rgb(181, 175, 166);
  background-color: rgb(24, 26, 27);
  border-color: rgb(0, 67, 140);
  outline-color: initial;
  box-shadow: rgba(0, 98, 204, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .form-control::placeholder {
  color: rgb(158, 150, 137);
}
.dark-mode .form-control:disabled,
.dark-mode .form-control[readonly] {
  background-color: rgb(35, 38, 39);
}
.dark-mode .form-control-plaintext {
  color: rgb(209, 205, 199);
  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: rgb(158, 150, 137);
}
.dark-mode .valid-feedback {
  color: rgb(97, 217, 124);
}
.dark-mode .valid-tooltip {
  color: rgb(232, 230, 227);
  background-color: rgba(32, 134, 55, 0.9);
}
.dark-mode .form-control.is-valid,
.dark-mode .was-validated .form-control:valid {
  border-color: rgb(37, 156, 64);
  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: rgb(37, 156, 64);
  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: rgb(37, 156, 64);
  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: rgb(24, 26, 27);
}
.dark-mode .custom-select.is-valid:focus,
.dark-mode .was-validated .custom-select:valid:focus {
  border-color: rgb(37, 156, 64);
  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: rgb(97, 217, 124);
}
.dark-mode .custom-control-input.is-valid ~ .custom-control-label,
.dark-mode .was-validated .custom-control-input:valid ~ .custom-control-label {
  color: rgb(97, 217, 124);
}
.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: rgb(37, 156, 64);
}
.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: rgb(35, 143, 59);
  background-color: rgb(39, 163, 91);
}
.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: rgb(37, 156, 64);
}
.dark-mode .custom-file-input.is-valid ~ .custom-file-label,
.dark-mode .was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: rgb(37, 156, 64);
}
.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: rgb(37, 156, 64);
  box-shadow: rgba(32, 134, 55, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .invalid-feedback {
  color: rgb(223, 70, 85);
}
.dark-mode .invalid-tooltip {
  color: rgb(232, 230, 227);
  background-color: rgba(165, 29, 42, 0.9);
}
.dark-mode .form-control.is-invalid,
.dark-mode .was-validated .form-control:invalid {
  border-color: rgb(148, 26, 37);
  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: rgb(148, 26, 37);
  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: rgb(148, 26, 37);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNCIgaGVpZ2h0PSI1Ij48ZGVmcz48ZmlsdGVyIGlkPSJkYXJrcmVhZGVyLWltYWdlLWZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMjQ5IC0wLjYxNCAtMC42NzIgMC4wMDAgMS4wMzUgLTAuNjQ2IDAuMjg4IC0wLjY2NCAwLjAwMCAxLjAyMCAtMC42MzYgLTAuNjA5IDAuMjUwIDAuMDAwIDAuOTk0IDAuMDAwIDAuMDAwIDAuMDAwIDEuMDAwIDAuMDAwIiAvPjwvZmlsdGVyPjwvZGVmcz48aW1hZ2Ugd2lkdGg9IjQiIGhlaWdodD0iNSIgZmlsdGVyPSJ1cmwoI2RhcmtyZWFkZXItaW1hZ2UtZmlsdGVyKSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9zdmcreG1sLCUzY3N2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzUnIHZpZXdCb3g9JzAgMCA0IDUnJTNlJTNjcGF0aCBmaWxsPSclMjMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLyUzZSUzYy9zdmclM2UiIC8+PC9zdmc+"), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjxkZWZzPjxmaWx0ZXIgaWQ9ImRhcmtyZWFkZXItaW1hZ2UtZmlsdGVyIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yNDkgLTAuNjE0IC0wLjY3MiAwLjAwMCAxLjAzNSAtMC42NDYgMC4yODggLTAuNjY0IDAuMDAwIDEuMDIwIC0wLjYzNiAtMC42MDkgMC4yNTAgMC4wMDAgMC45OTQgMC4wMDAgMC4wMDAgMC4wMDAgMS4wMDAgMC4wMDAiIC8+PC9maWx0ZXI+PC9kZWZzPjxpbWFnZSB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbHRlcj0idXJsKCNkYXJrcmVhZGVyLWltYWdlLWZpbHRlcikiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM2NzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB3aWR0aD0nMTInIGhlaWdodD0nMTInIGZpbGw9J25vbmUnIHN0cm9rZT0nJTIzZGMzNTQ1JyB2aWV3Qm94PScwIDAgMTIgMTInJTNlJTNjY2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8lM2UlM2NwYXRoIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIGQ9J001LjggMy42aC40TDYgNi41eicvJTNlJTNjY2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nJTIzZGMzNTQ1JyBzdHJva2U9J25vbmUnLyUzZSUzYy9zdmclM2UiIC8+PC9zdmc+");
  background-color: rgb(24, 26, 27);
}
.dark-mode .custom-select.is-invalid:focus,
.dark-mode .was-validated .custom-select:invalid:focus {
  border-color: rgb(148, 26, 37);
  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: rgb(223, 70, 85);
}
.dark-mode .custom-control-input.is-invalid ~ .custom-control-label,
.dark-mode .was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: rgb(223, 70, 85);
}
.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: rgb(148, 26, 37);
}
.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: rgb(135, 23, 34);
  background-color: rgb(139, 24, 35);
}
.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: rgb(148, 26, 37);
}
.dark-mode .custom-file-input.is-invalid ~ .custom-file-label,
.dark-mode .was-validated .custom-file-input:invalid ~ .custom-file-label {
  border-color: rgb(148, 26, 37);
}
.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: rgb(148, 26, 37);
  box-shadow: rgba(165, 29, 42, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .btn {
  color: rgb(209, 205, 199);
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .btn:hover {
  color: rgb(209, 205, 199);
  text-decoration-color: initial;
}
.dark-mode .btn.focus,
.dark-mode .btn:focus {
  outline-color: initial;
  box-shadow: rgba(0, 98, 204, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-primary {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 98, 204);
  border-color: rgb(0, 86, 179);
}
.dark-mode .btn-primary:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 84, 174);
  border-color: rgb(0, 93, 194);
}
.dark-mode .btn-primary.focus,
.dark-mode .btn-primary:focus {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 84, 174);
  border-color: rgb(0, 93, 194);
  box-shadow: rgba(0, 88, 181, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-primary.disabled,
.dark-mode .btn-primary:disabled {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 98, 204);
  border-color: rgb(0, 86, 179);
}
.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: rgb(232, 230, 227);
  background-color: rgb(0, 78, 163);
  border-color: rgb(0, 95, 198);
}
.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: rgb(232, 230, 227);
  background-color: rgb(88, 95, 99);
  border-color: rgb(102, 94, 83);
}
.dark-mode .btn-secondary:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(73, 79, 82);
  border-color: rgb(110, 102, 90);
}
.dark-mode .btn-secondary.focus,
.dark-mode .btn-secondary:focus {
  color: rgb(232, 230, 227);
  background-color: rgb(73, 79, 82);
  border-color: rgb(110, 102, 90);
  box-shadow: rgba(90, 98, 102, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-secondary.disabled,
.dark-mode .btn-secondary:disabled {
  color: rgb(232, 230, 227);
  background-color: rgb(88, 95, 99);
  border-color: rgb(102, 94, 83);
}
.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: rgb(232, 230, 227);
  background-color: rgb(69, 74, 77);
  border-color: rgb(112, 104, 92);
}
.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: rgb(232, 230, 227);
  background-color: rgb(32, 134, 55);
  border-color: rgb(37, 156, 64);
}
.dark-mode .btn-success:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(26, 109, 45);
  border-color: rgb(40, 168, 69);
}
.dark-mode .btn-success.focus,
.dark-mode .btn-success:focus {
  color: rgb(232, 230, 227);
  background-color: rgb(26, 109, 45);
  border-color: rgb(40, 168, 69);
  box-shadow: rgba(58, 144, 78, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-success.disabled,
.dark-mode .btn-success:disabled {
  color: rgb(232, 230, 227);
  background-color: rgb(32, 134, 55);
  border-color: rgb(37, 156, 64);
}
.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: rgb(232, 230, 227);
  background-color: rgb(24, 101, 42);
  border-color: rgb(41, 171, 71);
}
.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: rgb(232, 230, 227);
  background-color: rgb(18, 130, 147);
  border-color: rgb(21, 151, 171);
}
.dark-mode .btn-info:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(15, 106, 120);
  border-color: rgb(23, 163, 186);
}
.dark-mode .btn-info.focus,
.dark-mode .btn-info:focus {
  color: rgb(232, 230, 227);
  background-color: rgb(15, 106, 120);
  border-color: rgb(23, 163, 186);
  box-shadow: rgba(46, 141, 156, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-info.disabled,
.dark-mode .btn-info:disabled {
  color: rgb(232, 230, 227);
  background-color: rgb(18, 130, 147);
  border-color: rgb(21, 151, 171);
}
.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: rgb(232, 230, 227);
  background-color: rgb(14, 98, 111);
  border-color: rgb(24, 166, 188);
}
.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: rgb(209, 205, 199);
  background-color: rgb(200, 150, 0);
  border-color: rgb(176, 132, 0);
}
.dark-mode .btn-warning:hover {
  color: rgb(209, 205, 199);
  background-color: rgb(179, 134, 0);
  border-color: rgb(192, 144, 0);
}
.dark-mode .btn-warning.focus,
.dark-mode .btn-warning:focus {
  color: rgb(209, 205, 199);
  background-color: rgb(179, 134, 0);
  border-color: rgb(192, 144, 0);
  box-shadow: rgba(178, 136, 10, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-warning.disabled,
.dark-mode .btn-warning:disabled {
  color: rgb(209, 205, 199);
  background-color: rgb(200, 150, 0);
  border-color: rgb(176, 132, 0);
}
.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: rgb(209, 205, 199);
  background-color: rgb(169, 126, 0);
  border-color: rgb(196, 147, 0);
}
.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: rgb(232, 230, 227);
  background-color: rgb(165, 29, 42);
  border-color: rgb(148, 26, 37);
}
.dark-mode .btn-danger:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(160, 28, 41);
  border-color: rgb(160, 28, 41);
}
.dark-mode .btn-danger.focus,
.dark-mode .btn-danger:focus {
  color: rgb(232, 230, 227);
  background-color: rgb(160, 28, 41);
  border-color: rgb(160, 28, 41);
  box-shadow: rgba(147, 26, 38, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-danger.disabled,
.dark-mode .btn-danger:disabled {
  color: rgb(232, 230, 227);
  background-color: rgb(165, 29, 42);
  border-color: rgb(148, 26, 37);
}
.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: rgb(232, 230, 227);
  background-color: rgb(151, 26, 38);
  border-color: rgb(164, 29, 41);
}
.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: rgb(209, 205, 199);
  background-color: rgb(27, 30, 31);
  border-color: rgb(50, 54, 56);
}
.dark-mode .btn-light:hover {
  color: rgb(209, 205, 199);
  background-color: rgb(38, 41, 43);
  border-color: rgb(57, 62, 64);
}
.dark-mode .btn-light.focus,
.dark-mode .btn-light:focus {
  color: rgb(209, 205, 199);
  background-color: rgb(38, 41, 43);
  border-color: rgb(57, 62, 64);
  box-shadow: rgba(45, 49, 51, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-light.disabled,
.dark-mode .btn-light:disabled {
  color: rgb(209, 205, 199);
  background-color: rgb(27, 30, 31);
  border-color: rgb(50, 54, 56);
}
.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: rgb(209, 205, 199);
  background-color: rgb(42, 45, 47);
  border-color: rgb(59, 64, 66);
}
.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: rgb(232, 230, 227);
  background-color: rgb(44, 47, 49);
  border-color: rgb(121, 112, 99);
}
.dark-mode .btn-dark:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(29, 32, 33);
  border-color: rgb(129, 120, 106);
}
.dark-mode .btn-dark.focus,
.dark-mode .btn-dark:focus {
  color: rgb(232, 230, 227);
  background-color: rgb(29, 32, 33);
  border-color: rgb(129, 120, 106);
  box-shadow: rgba(66, 71, 74, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .btn-dark.disabled,
.dark-mode .btn-dark:disabled {
  color: rgb(232, 230, 227);
  background-color: rgb(44, 47, 49);
  border-color: rgb(121, 112, 99);
}
.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: rgb(232, 230, 227);
  background-color: rgb(24, 27, 28);
  border-color: rgb(131, 122, 108);
}
.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: rgb(51, 162, 255);
  border-color: rgb(0, 86, 179);
}
.dark-mode .btn-outline-primary:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 98, 204);
  border-color: rgb(0, 86, 179);
}
.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: rgb(51, 162, 255);
  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: rgb(232, 230, 227);
  background-color: rgb(0, 98, 204);
  border-color: rgb(0, 86, 179);
}
.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: rgb(158, 150, 137);
  border-color: rgb(102, 94, 83);
}
.dark-mode .btn-outline-secondary:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(88, 95, 99);
  border-color: rgb(102, 94, 83);
}
.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: rgb(158, 150, 137);
  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: rgb(232, 230, 227);
  background-color: rgb(88, 95, 99);
  border-color: rgb(102, 94, 83);
}
.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: rgb(97, 217, 124);
  border-color: rgb(37, 156, 64);
}
.dark-mode .btn-outline-success:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(32, 134, 55);
  border-color: rgb(37, 156, 64);
}
.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: rgb(97, 217, 124);
  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: rgb(232, 230, 227);
  background-color: rgb(32, 134, 55);
  border-color: rgb(37, 156, 64);
}
.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: rgb(81, 212, 233);
  border-color: rgb(21, 151, 171);
}
.dark-mode .btn-outline-info:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(18, 130, 147);
  border-color: rgb(21, 151, 171);
}
.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: rgb(81, 212, 233);
  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: rgb(232, 230, 227);
  background-color: rgb(18, 130, 147);
  border-color: rgb(21, 151, 171);
}
.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: rgb(255, 199, 30);
  border-color: rgb(176, 132, 0);
}
.dark-mode .btn-outline-warning:hover {
  color: rgb(209, 205, 199);
  background-color: rgb(200, 150, 0);
  border-color: rgb(176, 132, 0);
}
.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: rgb(255, 199, 30);
  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: rgb(209, 205, 199);
  background-color: rgb(200, 150, 0);
  border-color: rgb(176, 132, 0);
}
.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: rgb(223, 70, 85);
  border-color: rgb(148, 26, 37);
}
.dark-mode .btn-outline-danger:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(165, 29, 42);
  border-color: rgb(148, 26, 37);
}
.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: rgb(223, 70, 85);
  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: rgb(232, 230, 227);
  background-color: rgb(165, 29, 42);
  border-color: rgb(148, 26, 37);
}
.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: rgb(228, 226, 222);
  border-color: rgb(50, 54, 56);
}
.dark-mode .btn-outline-light:hover {
  color: rgb(209, 205, 199);
  background-color: rgb(27, 30, 31);
  border-color: rgb(50, 54, 56);
}
.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: rgb(228, 226, 222);
  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: rgb(209, 205, 199);
  background-color: rgb(27, 30, 31);
  border-color: rgb(50, 54, 56);
}
.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: rgb(195, 190, 182);
  border-color: rgb(121, 112, 99);
}
.dark-mode .btn-outline-dark:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(44, 47, 49);
  border-color: rgb(121, 112, 99);
}
.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: rgb(195, 190, 182);
  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: rgb(232, 230, 227);
  background-color: rgb(44, 47, 49);
  border-color: rgb(121, 112, 99);
}
.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: rgb(51, 162, 255);
  text-decoration-color: initial;
}
.dark-mode .btn-link:hover {
  color: rgb(97, 183, 255);
  text-decoration-color: initial;
}
.dark-mode .btn-link.focus,
.dark-mode .btn-link:focus {
  text-decoration-color: initial;
}
.dark-mode .btn-link.disabled,
.dark-mode .btn-link:disabled {
  color: rgb(158, 150, 137);
}
.dark-mode .dropdown-toggle::after {
  border-top-color: initial;
  border-right-color: transparent;
  border-bottom-color: initial;
  border-left-color: transparent;
}
.dark-mode .dropdown-menu {
  color: rgb(209, 205, 199);
  list-style-image: initial;
  background-color: rgb(24, 26, 27);
  border-color: rgba(140, 130, 115, 0.15);
}
.dark-mode .dropup .dropdown-toggle::after {
  border-top-color: initial;
  border-right-color: transparent;
  border-bottom-color: initial;
  border-left-color: transparent;
}
.dark-mode .dropright .dropdown-toggle::after {
  border-top-color: transparent;
  border-right-color: initial;
  border-bottom-color: transparent;
  border-left-color: initial;
}
.dark-mode .dropleft .dropdown-toggle::before {
  border-top-color: transparent;
  border-right-color: initial;
  border-bottom-color: transparent;
}
.dark-mode .dropdown-divider {
  border-top-color: rgb(53, 58, 60);
}
.dark-mode .dropdown-item {
  color: rgb(209, 205, 199);
  background-color: transparent;
  border-color: initial;
}
.dark-mode .dropdown-item:focus,
.dark-mode .dropdown-item:hover {
  color: rgb(217, 213, 208);
  text-decoration-color: initial;
  background-color: rgb(27, 30, 31);
}
.dark-mode .dropdown-item.active,
.dark-mode .dropdown-item:active {
  color: rgb(232, 230, 227);
  text-decoration-color: initial;
  background-color: rgb(0, 98, 204);
}
.dark-mode .dropdown-item.disabled,
.dark-mode .dropdown-item:disabled {
  color: rgb(158, 150, 137);
  background-color: transparent;
}
.dark-mode .dropdown-header {
  color: rgb(158, 150, 137);
}
.dark-mode .dropdown-item-text {
  color: rgb(209, 205, 199);
}
.dark-mode .input-group-text {
  color: rgb(181, 175, 166);
  background-color: rgb(35, 38, 39);
  border-color: rgb(60, 65, 68);
}
.dark-mode .custom-control-input:checked ~ .custom-control-label::before {
  color: rgb(232, 230, 227);
  border-color: rgb(0, 86, 179);
  background-color: rgb(0, 98, 204);
}
.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: rgb(0, 67, 140);
}
.dark-mode .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: rgb(232, 230, 227);
  background-color: rgb(45, 49, 51);
  border-color: rgb(0, 59, 125);
}
.dark-mode .custom-control-input:disabled ~ .custom-control-label,
.dark-mode .custom-control-input[disabled] ~ .custom-control-label {
  color: rgb(158, 150, 137);
}
.dark-mode .custom-control-input:disabled ~ .custom-control-label::before,
.dark-mode .custom-control-input[disabled] ~ .custom-control-label::before {
  background-color: rgb(35, 38, 39);
}
.dark-mode .custom-control-label::before {
  background-color: rgb(24, 26, 27);
  border-color: rgb(69, 75, 78);
}
.dark-mode .custom-control-label::after {
  background-image: initial;
  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: rgb(0, 86, 179);
  background-color: rgb(0, 98, 204);
}
.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: rgb(66, 71, 74);
}
.dark-mode .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: rgb(24, 26, 27);
}
.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: rgb(181, 175, 166);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNCIgaGVpZ2h0PSI1Ij48ZGVmcz48ZmlsdGVyIGlkPSJkYXJrcmVhZGVyLWltYWdlLWZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMjQ5IC0wLjYxNCAtMC42NzIgMC4wMDAgMS4wMzUgLTAuNjQ2IDAuMjg4IC0wLjY2NCAwLjAwMCAxLjAyMCAtMC42MzYgLTAuNjA5IDAuMjUwIDAuMDAwIDAuOTk0IDAuMDAwIDAuMDAwIDAuMDAwIDEuMDAwIDAuMDAwIiAvPjwvZmlsdGVyPjwvZGVmcz48aW1hZ2Ugd2lkdGg9IjQiIGhlaWdodD0iNSIgZmlsdGVyPSJ1cmwoI2RhcmtyZWFkZXItaW1hZ2UtZmlsdGVyKSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9zdmcreG1sLCUzY3N2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzUnIHZpZXdCb3g9JzAgMCA0IDUnJTNlJTNjcGF0aCBmaWxsPSclMjMzNDNhNDAnIGQ9J00yIDBMMCAyaDR6bTAgNUwwIDNoNHonLyUzZSUzYy9zdmclM2UiIC8+PC9zdmc+");
  background-color: rgb(24, 26, 27);
  border-color: rgb(60, 65, 68);
}
.dark-mode .custom-select:focus {
  border-color: rgb(0, 67, 140);
  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: rgb(158, 150, 137);
  background-color: rgb(35, 38, 39);
}
.dark-mode .custom-file-input:focus ~ .custom-file-label {
  border-color: rgb(0, 67, 140);
  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: rgb(35, 38, 39);
}
.dark-mode .custom-file-label {
  color: rgb(181, 175, 166);
  background-color: rgb(24, 26, 27);
  border-color: rgb(60, 65, 68);
}
.dark-mode .custom-file-label::after {
  color: rgb(181, 175, 166);
  background-color: rgb(35, 38, 39);
  border-left-color: inherit;
}
.dark-mode .custom-range {
  background-color: transparent;
}
.dark-mode .custom-range:focus {
  outline-color: initial;
}
.dark-mode .custom-range:focus::-webkit-slider-thumb {
  box-shadow: rgb(24, 26, 27) 0px 0px 0px 1px, rgba(0, 98, 204, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .custom-range::-webkit-slider-thumb {
  background-color: rgb(0, 98, 204);
  border-color: initial;
}
.dark-mode .custom-range::-webkit-slider-thumb:active {
  background-color: rgb(45, 49, 51);
}
.dark-mode .custom-range::-webkit-slider-runnable-track {
  color: transparent;
  background-color: rgb(40, 44, 45);
  border-color: transparent;
}
.dark-mode .custom-range:disabled::-webkit-slider-thumb {
  background-color: rgb(66, 71, 74);
}
.dark-mode .nav {
  list-style-image: initial;
}
.dark-mode .nav-link:focus,
.dark-mode .nav-link:hover {
  text-decoration-color: initial;
}
.dark-mode .nav-link.disabled {
  color: rgb(158, 150, 137);
}
.dark-mode .nav-tabs {
  border-bottom-color: rgb(56, 61, 63);
}
.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: rgb(53, 58, 60) rgb(53, 58, 60) rgb(56, 61, 63);
}
.dark-mode .nav-tabs .nav-link.disabled {
  color: rgb(158, 150, 137);
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .nav-tabs .nav-item.show .nav-link,
.dark-mode .nav-tabs .nav-link.active {
  color: rgb(181, 175, 166);
  background-color: rgb(24, 26, 27);
  border-color: rgb(56, 61, 63) rgb(56, 61, 63) rgb(48, 52, 54);
}
.dark-mode .nav-pills .nav-link.active,
.dark-mode .nav-pills .show > .nav-link {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 98, 204);
}
.dark-mode .navbar-brand:focus,
.dark-mode .navbar-brand:hover {
  text-decoration-color: initial;
}
.dark-mode .navbar-nav {
  list-style-image: initial;
}
.dark-mode .navbar-toggler {
  background-color: transparent;
  border-color: transparent;
}
.dark-mode .navbar-toggler:focus,
.dark-mode .navbar-toggler:hover {
  text-decoration-color: initial;
}
.dark-mode .navbar-toggler-icon {
  background-image: initial;
  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: rgb(232, 230, 227);
}
.dark-mode .navbar-dark .navbar-brand:focus,
.dark-mode .navbar-dark .navbar-brand:hover {
  color: rgb(232, 230, 227);
}
.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: rgb(232, 230, 227);
}
.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: rgb(232, 230, 227);
}
.dark-mode .navbar-dark .navbar-text a:focus,
.dark-mode .navbar-dark .navbar-text a:hover {
  color: rgb(232, 230, 227);
}
.dark-mode .card {
  background-color: rgb(24, 26, 27);
  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: initial;
}
.dark-mode .card-link:hover {
  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: initial;
}
@media (min-width: 576px) {
  .dark-mode .card-group > .card + .card {
    border-left-color: initial;
  }
}
.dark-mode .accordion > .card:not(:last-of-type) {
  border-bottom-color: initial;
}
.dark-mode .breadcrumb {
  list-style-image: initial;
  background-color: rgb(35, 38, 39);
}
.dark-mode .breadcrumb-item + .breadcrumb-item::before {
  color: rgb(158, 150, 137);
}
.dark-mode .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration-color: initial;
}
.dark-mode .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration-color: initial;
}
.dark-mode .breadcrumb-item.active {
  color: rgb(158, 150, 137);
}
.dark-mode .pagination {
  list-style-image: initial;
}
.dark-mode .page-link {
  color: rgb(51, 162, 255);
  background-color: rgb(24, 26, 27);
  border-color: rgb(56, 61, 63);
}
.dark-mode .page-link:hover {
  color: rgb(97, 183, 255);
  text-decoration-color: initial;
  background-color: rgb(35, 38, 39);
  border-color: rgb(56, 61, 63);
}
.dark-mode .page-link:focus {
  outline-color: initial;
  box-shadow: rgba(0, 98, 204, 0.25) 0px 0px 0px 0.2rem;
}
.dark-mode .page-item.active .page-link {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 98, 204);
  border-color: rgb(0, 86, 179);
}
.dark-mode .page-item.disabled .page-link {
  color: rgb(158, 150, 137);
  background-color: rgb(24, 26, 27);
  border-color: rgb(56, 61, 63);
}
.dark-mode a.badge:focus,
.dark-mode a.badge:hover {
  text-decoration-color: initial;
}
.dark-mode .badge-primary {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 98, 204);
}
.dark-mode a.badge-primary:focus,
.dark-mode a.badge-primary:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 78, 163);
}
.dark-mode a.badge-primary.focus,
.dark-mode a.badge-primary:focus {
  outline-color: initial;
  box-shadow: rgba(0, 98, 204, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-secondary {
  color: rgb(232, 230, 227);
  background-color: rgb(88, 95, 99);
}
.dark-mode a.badge-secondary:focus,
.dark-mode a.badge-secondary:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(69, 74, 77);
}
.dark-mode a.badge-secondary.focus,
.dark-mode a.badge-secondary:focus {
  outline-color: initial;
  box-shadow: rgba(88, 95, 99, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-success {
  color: rgb(232, 230, 227);
  background-color: rgb(32, 134, 55);
}
.dark-mode a.badge-success:focus,
.dark-mode a.badge-success:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(24, 101, 42);
}
.dark-mode a.badge-success.focus,
.dark-mode a.badge-success:focus {
  outline-color: initial;
  box-shadow: rgba(32, 134, 55, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-info {
  color: rgb(232, 230, 227);
  background-color: rgb(18, 130, 147);
}
.dark-mode a.badge-info:focus,
.dark-mode a.badge-info:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(14, 98, 111);
}
.dark-mode a.badge-info.focus,
.dark-mode a.badge-info:focus {
  outline-color: initial;
  box-shadow: rgba(18, 130, 147, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-warning {
  color: rgb(209, 205, 199);
  background-color: rgb(200, 150, 0);
}
.dark-mode a.badge-warning:focus,
.dark-mode a.badge-warning:hover {
  color: rgb(209, 205, 199);
  background-color: rgb(169, 126, 0);
}
.dark-mode a.badge-warning.focus,
.dark-mode a.badge-warning:focus {
  outline-color: initial;
  box-shadow: rgba(200, 150, 0, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-danger {
  color: rgb(232, 230, 227);
  background-color: rgb(165, 29, 42);
}
.dark-mode a.badge-danger:focus,
.dark-mode a.badge-danger:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(151, 26, 38);
}
.dark-mode a.badge-danger.focus,
.dark-mode a.badge-danger:focus {
  outline-color: initial;
  box-shadow: rgba(165, 29, 42, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-light {
  color: rgb(209, 205, 199);
  background-color: rgb(27, 30, 31);
}
.dark-mode a.badge-light:focus,
.dark-mode a.badge-light:hover {
  color: rgb(209, 205, 199);
  background-color: rgb(42, 45, 47);
}
.dark-mode a.badge-light.focus,
.dark-mode a.badge-light:focus {
  outline-color: initial;
  box-shadow: rgba(27, 30, 31, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .badge-dark {
  color: rgb(232, 230, 227);
  background-color: rgb(44, 47, 49);
}
.dark-mode a.badge-dark:focus,
.dark-mode a.badge-dark:hover {
  color: rgb(232, 230, 227);
  background-color: rgb(24, 27, 28);
}
.dark-mode a.badge-dark.focus,
.dark-mode a.badge-dark:focus {
  outline-color: initial;
  box-shadow: rgba(44, 47, 49, 0.5) 0px 0px 0px 0.2rem;
}
.dark-mode .jumbotron {
  background-color: rgb(35, 38, 39);
}
.dark-mode .alert {
  border-color: transparent;
}
.dark-mode .alert-heading {
  color: inherit;
}
.dark-mode .alert-dismissible .close {
  color: inherit;
}
.dark-mode .alert-primary {
  color: rgb(124, 195, 255);
  background-color: rgb(38, 42, 43);
  border-color: rgb(0, 59, 123);
}
.dark-mode .alert-primary hr {
  border-top-color: rgb(0, 63, 131);
}
.dark-mode .alert-primary .alert-link {
  color: rgb(206, 202, 195);
}
.dark-mode .alert-secondary {
  color: rgb(194, 188, 180);
  background-color: rgb(40, 43, 44);
  border-color: rgb(59, 64, 66);
}
.dark-mode .alert-secondary hr {
  border-top-color: rgb(63, 68, 70);
}
.dark-mode .alert-secondary .alert-link {
  color: rgb(210, 206, 200);
}
.dark-mode .alert-success {
  color: rgb(153, 230, 171);
  background-color: rgb(26, 62, 41);
  border-color: rgb(37, 90, 50);
}
.dark-mode .alert-success hr {
  border-top-color: rgb(39, 96, 52);
}
.dark-mode .alert-success .alert-link {
  color: rgb(214, 210, 205);
}
.dark-mode .alert-info {
  color: rgb(142, 227, 241);
  background-color: rgb(20, 59, 67);
  border-color: rgb(30, 89, 97);
}
.dark-mode .alert-info hr {
  border-top-color: rgb(32, 93, 103);
}
.dark-mode .alert-info .alert-link {
  color: rgb(214, 210, 205);
}
.dark-mode .alert-warning {
  color: rgb(251, 215, 112);
  background-color: rgb(81, 62, 0);
  border-color: rgb(123, 92, 0);
}
.dark-mode .alert-warning hr {
  border-top-color: rgb(130, 98, 0);
}
.dark-mode .alert-warning .alert-link {
  color: rgb(205, 200, 194);
}
.dark-mode .alert-danger {
  color: rgb(225, 134, 143);
  background-color: rgb(67, 12, 17);
  border-color: rgb(104, 18, 27);
}
.dark-mode .alert-danger hr {
  border-top-color: rgb(110, 20, 29);
}
.dark-mode .alert-danger .alert-link {
  color: rgb(203, 199, 192);
}
.dark-mode .alert-light {
  color: rgb(153, 144, 131);
  background-color: rgb(25, 27, 28);
  border-color: rgb(34, 34, 69);
}
.dark-mode .alert-light hr {
  border-top-color: rgb(35, 35, 75);
}
.dark-mode .alert-light .alert-link {
  color: rgb(166, 159, 147);
}
.dark-mode .alert-dark {
  color: rgb(213, 209, 204);
  background-color: rgb(46, 50, 52);
  border-color: rgb(64, 69, 71);
}
.dark-mode .alert-dark hr {
  border-top-color: rgb(67, 73, 75);
}
.dark-mode .alert-dark .alert-link {
  color: rgb(229, 227, 224);
}
.dark-mode .progress {
  background-color: rgb(35, 38, 39);
}
.dark-mode .progress-bar {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 98, 204);
}
.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: rgb(181, 175, 166);
}
.dark-mode .list-group-item-action:focus,
.dark-mode .list-group-item-action:hover {
  color: rgb(181, 175, 166);
  text-decoration-color: initial;
  background-color: rgb(27, 30, 31);
}
.dark-mode .list-group-item-action:active {
  color: rgb(209, 205, 199);
  background-color: rgb(35, 38, 39);
}
.dark-mode .list-group-item {
  background-color: rgb(24, 26, 27);
  border-color: rgba(140, 130, 115, 0.13);
}
.dark-mode .list-group-item.disabled,
.dark-mode .list-group-item:disabled {
  color: rgb(158, 150, 137);
  background-color: rgb(24, 26, 27);
}
.dark-mode .list-group-item.active {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 98, 204);
  border-color: rgb(0, 86, 179);
}
.dark-mode .list-group-item-primary {
  color: rgb(124, 195, 255);
  background-color: rgb(44, 48, 50);
}
.dark-mode .list-group-item-primary.list-group-item-action:focus,
.dark-mode .list-group-item-primary.list-group-item-action:hover {
  color: rgb(124, 195, 255);
  background-color: rgb(51, 55, 57);
}
.dark-mode .list-group-item-primary.list-group-item-action.active {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 51, 106);
  border-color: rgb(0, 104, 215);
}
.dark-mode .list-group-item-secondary {
  color: rgb(194, 188, 180);
  background-color: rgb(46, 50, 51);
}
.dark-mode .list-group-item-secondary.list-group-item-action:focus,
.dark-mode .list-group-item-secondary.list-group-item-action:hover {
  color: rgb(194, 188, 180);
  background-color: rgb(53, 58, 60);
}
.dark-mode .list-group-item-secondary.list-group-item-action.active {
  color: rgb(232, 230, 227);
  background-color: rgb(46, 49, 51);
  border-color: rgb(120, 111, 99);
}
.dark-mode .list-group-item-success {
  color: rgb(153, 230, 171);
  background-color: rgb(30, 72, 48);
}
.dark-mode .list-group-item-success.list-group-item-action:focus,
.dark-mode .list-group-item-success.list-group-item-action:hover {
  color: rgb(153, 230, 171);
  background-color: rgb(34, 83, 54);
}
.dark-mode .list-group-item-success.list-group-item-action.active {
  color: rgb(232, 230, 227);
  background-color: rgb(17, 70, 29);
  border-color: rgb(43, 179, 74);
}
.dark-mode .list-group-item-info {
  color: rgb(142, 227, 241);
  background-color: rgb(24, 71, 78);
}
.dark-mode .list-group-item-info.list-group-item-action:focus,
.dark-mode .list-group-item-info.list-group-item-action:hover {
  color: rgb(142, 227, 241);
  background-color: rgb(28, 81, 89);
}
.dark-mode .list-group-item-info.list-group-item-action.active {
  color: rgb(232, 230, 227);
  background-color: rgb(10, 67, 77);
  border-color: rgb(25, 173, 198);
}
.dark-mode .list-group-item-warning {
  color: rgb(251, 215, 112);
  background-color: rgb(92, 70, 0);
}
.dark-mode .list-group-item-warning.list-group-item-action:focus,
.dark-mode .list-group-item-warning.list-group-item-action:hover {
  color: rgb(251, 215, 112);
  background-color: rgb(107, 81, 0);
}
.dark-mode .list-group-item-warning.list-group-item-action.active {
  color: rgb(232, 230, 227);
  background-color: rgb(106, 80, 3);
  border-color: rgb(208, 156, 6);
}
.dark-mode .list-group-item-danger {
  color: rgb(225, 134, 143);
  background-color: rgb(78, 14, 20);
}
.dark-mode .list-group-item-danger.list-group-item-action:focus,
.dark-mode .list-group-item-danger.list-group-item-action:hover {
  color: rgb(225, 134, 143);
  background-color: rgb(91, 16, 24);
}
.dark-mode .list-group-item-danger.list-group-item-action.active {
  color: rgb(232, 230, 227);
  background-color: rgb(91, 22, 29);
  border-color: rgb(171, 42, 54);
}
.dark-mode .list-group-item-light {
  color: rgb(153, 144, 131);
  background-color: rgb(25, 27, 28);
}
.dark-mode .list-group-item-light.list-group-item-action:focus,
.dark-mode .list-group-item-light.list-group-item-action:hover {
  color: rgb(153, 144, 131);
  background-color: rgb(32, 35, 36);
}
.dark-mode .list-group-item-light.list-group-item-action.active {
  color: rgb(232, 230, 227);
  background-color: rgb(95, 103, 107);
  border-color: rgb(83, 90, 94);
}
.dark-mode .list-group-item-dark {
  color: rgb(213, 209, 204);
  background-color: rgb(55, 60, 62);
}
.dark-mode .list-group-item-dark.list-group-item-action:focus,
.dark-mode .list-group-item-dark.list-group-item-action:hover {
  color: rgb(213, 209, 204);
  background-color: rgb(62, 67, 70);
}
.dark-mode .list-group-item-dark.list-group-item-action.active {
  color: rgb(232, 230, 227);
  background-color: rgb(23, 24, 25);
  border-color: rgb(130, 121, 107);
}
.dark-mode .close {
  color: rgb(232, 230, 227);
  text-shadow: rgb(24, 26, 27) 0px 1px 0px;
}
.dark-mode .close:hover {
  color: rgb(232, 230, 227);
  text-decoration-color: initial;
}
.dark-mode button.close {
  background-color: transparent;
  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: rgb(158, 150, 137);
  background-color: rgba(24, 26, 27, 0.85);
  border-bottom-color: rgba(140, 130, 115, 0.05);
}
.dark-mode .modal {
  outline-color: initial;
}
.dark-mode .modal-content {
  background-color: rgb(24, 26, 27);
  border-color: rgba(140, 130, 115, 0.2);
  outline-color: initial;
}
.dark-mode .modal-backdrop {
  background-color: rgb(0, 0, 0);
}
.dark-mode .modal-header {
  border-bottom-color: rgb(56, 61, 63);
}
.dark-mode .modal-footer {
  border-top-color: rgb(56, 61, 63);
}
.dark-mode .tooltip {
  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: rgb(140, 130, 115);
}
.dark-mode .bs-tooltip-auto[x-placement^=right] .arrow::before,
.dark-mode .bs-tooltip-right .arrow::before {
  border-right-color: rgb(140, 130, 115);
}
.dark-mode .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.dark-mode .bs-tooltip-bottom .arrow::before {
  border-bottom-color: rgb(140, 130, 115);
}
.dark-mode .bs-tooltip-auto[x-placement^=left] .arrow::before,
.dark-mode .bs-tooltip-left .arrow::before {
  border-left-color: rgb(140, 130, 115);
}
.dark-mode .tooltip-inner {
  color: rgb(232, 230, 227);
  background-color: rgb(0, 0, 0);
}
.dark-mode .popover {
  text-decoration-color: initial;
  text-shadow: none;
  background-color: rgb(24, 26, 27);
  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: rgb(48, 52, 54);
}
.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: rgb(48, 52, 54);
}
.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: rgb(48, 52, 54);
}
.dark-mode .bs-popover-auto[x-placement^=bottom] .popover-header::before,
.dark-mode .bs-popover-bottom .popover-header::before {
  border-bottom-color: rgb(50, 54, 57);
}
.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: rgb(48, 52, 54);
}
.dark-mode .popover-header {
  background-color: rgb(29, 31, 32);
  border-bottom-color: rgb(54, 58, 60);
}
.dark-mode .popover-body {
  color: rgb(209, 205, 199);
}
.dark-mode .carousel-control-next,
.dark-mode .carousel-control-prev {
  color: rgb(232, 230, 227);
}
.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: rgb(232, 230, 227);
  text-decoration-color: initial;
  outline-color: initial;
}
.dark-mode .carousel-control-next-icon,
.dark-mode .carousel-control-prev-icon {
  background-image: initial;
  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: initial;
}
.dark-mode .carousel-indicators li {
  background-color: rgb(24, 26, 27);
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.dark-mode .carousel-caption {
  color: rgb(232, 230, 227);
}
.dark-mode .spinner-border {
  border-color: currentcolor transparent currentcolor currentcolor;
}
.dark-mode .spinner-grow {
  background-color: currentcolor;
}
.dark-mode .bg-primary {
  background-color: rgb(0, 98, 204) !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: rgb(0, 78, 163) !important;
}
.dark-mode .bg-secondary {
  background-color: rgb(88, 95, 99) !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: rgb(69, 74, 77) !important;
}
.dark-mode .bg-success {
  background-color: rgb(32, 134, 55) !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: rgb(24, 101, 42) !important;
}
.dark-mode .bg-info {
  background-color: rgb(18, 130, 147) !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: rgb(14, 98, 111) !important;
}
.dark-mode .bg-warning {
  background-color: rgb(200, 150, 0) !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: rgb(169, 126, 0) !important;
}
.dark-mode .bg-danger {
  background-color: rgb(165, 29, 42) !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: rgb(151, 26, 38) !important;
}
.dark-mode .bg-light {
  background-color: rgb(27, 30, 31) !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: rgb(42, 45, 47) !important;
}
.dark-mode .bg-dark {
  background-color: rgb(44, 47, 49) !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: rgb(24, 27, 28) !important;
}
.dark-mode .bg-white {
  background-color: rgb(24, 26, 27) !important;
}
.dark-mode .bg-transparent {
  background-color: transparent !important;
}
.dark-mode .border {
  border-color: rgb(56, 61, 63) !important;
}
.dark-mode .border-top {
  border-top-color: rgb(56, 61, 63) !important;
}
.dark-mode .border-right {
  border-right-color: rgb(56, 61, 63) !important;
}
.dark-mode .border-bottom {
  border-bottom-color: rgb(56, 61, 63) !important;
}
.dark-mode .border-left {
  border-left-color: rgb(56, 61, 63) !important;
}
.dark-mode .border-0 {
  border-color: initial !important;
}
.dark-mode .border-top-0 {
  border-top-color: initial !important;
}
.dark-mode .border-right-0 {
  border-right-color: initial !important;
}
.dark-mode .border-bottom-0 {
  border-bottom-color: initial !important;
}
.dark-mode .border-left-0 {
  border-left-color: initial !important;
}
.dark-mode .border-primary {
  border-color: rgb(0, 86, 179) !important;
}
.dark-mode .border-secondary {
  border-color: rgb(102, 94, 83) !important;
}
.dark-mode .border-success {
  border-color: rgb(37, 156, 64) !important;
}
.dark-mode .border-info {
  border-color: rgb(21, 151, 171) !important;
}
.dark-mode .border-warning {
  border-color: rgb(176, 132, 0) !important;
}
.dark-mode .border-danger {
  border-color: rgb(148, 26, 37) !important;
}
.dark-mode .border-light {
  border-color: rgb(50, 54, 56) !important;
}
.dark-mode .border-dark {
  border-color: rgb(121, 112, 99) !important;
}
.dark-mode .border-white {
  border-color: rgb(48, 52, 54) !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: initial;
}
.dark-mode .sr-only {
  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: rgb(232, 230, 227) !important;
}
.dark-mode .text-primary {
  color: rgb(51, 162, 255) !important;
}
.dark-mode a.text-primary:focus,
.dark-mode a.text-primary:hover {
  color: rgb(97, 183, 255) !important;
}
.dark-mode .text-secondary {
  color: rgb(158, 150, 137) !important;
}
.dark-mode a.text-secondary:focus,
.dark-mode a.text-secondary:hover {
  color: rgb(182, 176, 167) !important;
}
.dark-mode .text-success {
  color: rgb(97, 217, 124) !important;
}
.dark-mode a.text-success:focus,
.dark-mode a.text-success:hover {
  color: rgb(140, 228, 161) !important;
}
.dark-mode .text-info {
  color: rgb(81, 212, 233) !important;
}
.dark-mode a.text-info:focus,
.dark-mode a.text-info:hover {
  color: rgb(129, 223, 239) !important;
}
.dark-mode .text-warning {
  color: rgb(255, 199, 30) !important;
}
.dark-mode a.text-warning:focus,
.dark-mode a.text-warning:hover {
  color: rgb(255, 209, 74) !important;
}
.dark-mode .text-danger {
  color: rgb(223, 70, 85) !important;
}
.dark-mode a.text-danger:focus,
.dark-mode a.text-danger:hover {
  color: rgb(227, 95, 107) !important;
}
.dark-mode .text-light {
  color: rgb(228, 226, 222) !important;
}
.dark-mode a.text-light:focus,
.dark-mode a.text-light:hover {
  color: rgb(204, 199, 193) !important;
}
.dark-mode .text-dark {
  color: rgb(195, 190, 182) !important;
}
.dark-mode a.text-dark:focus,
.dark-mode a.text-dark:hover {
  color: rgb(219, 216, 212) !important;
}
.dark-mode .text-body {
  color: rgb(209, 205, 199) !important;
}
.dark-mode .text-muted {
  color: rgb(158, 150, 137) !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: initial;
}
.dark-mode .text-decoration-none {
  text-decoration-color: initial !important;
}
.dark-mode .text-reset {
  color: inherit !important;
}
.dark-mode .btn.btn-text.btn-color-system {
  background-image: initial;
  background-color: transparent;
  color: rgb(156, 145, 197);
  border-color: transparent;
}
.dark-mode .btn.btn-text.btn-color-system .icon {
  fill: rgb(156, 145, 197);
}
.dark-mode .btn.btn-text.btn-color-system:hover {
  color: rgb(164, 157, 145);
  border-color: rgb(105, 97, 86);
}
.dark-mode .btn.btn-text.btn-color-system:hover .icon {
  fill: rgb(164, 157, 145);
}
.dark-mode .btn.btn-text.btn-color-system:active:hover {
  background-image: initial;
  background-color: rgba(102, 16, 130, 0.16);
  border-color: rgba(141, 22, 178, 0.16);
  color: rgb(160, 152, 139);
}
.dark-mode .btn.btn-text.btn-color-system:active:hover .icon {
  fill: rgb(160, 152, 139);
}
.dark-mode .btn.btn-text.btn-color-system.btn-action-bar.with-arrow::after {
  background-color: rgb(78, 73, 98);
}
.dark-mode .btn.btn-text.btn-color-bv {
  background-image: initial;
  background-color: transparent;
  color: rgb(101, 187, 227);
  border-color: transparent;
}
.dark-mode .btn.btn-text.btn-color-bv .icon {
  fill: rgb(101, 187, 227);
}
.dark-mode .btn.btn-text.btn-color-bv:hover {
  color: rgb(144, 205, 233);
  border-color: rgb(36, 137, 184);
}
.dark-mode .btn.btn-text.btn-color-bv:hover .icon {
  fill: rgb(144, 205, 233);
}
.dark-mode .btn.btn-text.btn-color-bv:active:hover {
  background-image: initial;
  background-color: rgba(23, 94, 127, 0.16);
  border-color: rgba(31, 125, 168, 0.16);
  color: rgb(122, 193, 226);
}
.dark-mode .btn.btn-text.btn-color-bv:active:hover .icon {
  fill: rgb(122, 193, 226);
}
.dark-mode .btn.btn-text.btn-color-bv.btn-action-bar.with-arrow::after {
  background-color: rgb(15, 58, 78);
}
.dark-mode .btn.btn-text.btn-color-dach {
  background-image: initial;
  background-color: transparent;
  color: rgb(92, 194, 203);
  border-color: transparent;
}
.dark-mode .btn.btn-text.btn-color-dach .icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .btn.btn-text.btn-color-dach:hover {
  color: rgb(132, 202, 208);
  border-color: rgb(56, 140, 148);
}
.dark-mode .btn.btn-text.btn-color-dach:hover .icon {
  fill: rgb(132, 202, 208);
}
.dark-mode .btn.btn-text.btn-color-dach:active:hover {
  background-image: initial;
  background-color: rgba(47, 138, 145, 0.16);
  border-color: rgba(42, 124, 131, 0.16);
  color: rgb(105, 188, 195);
}
.dark-mode .btn.btn-text.btn-color-dach:active:hover .icon {
  fill: rgb(105, 188, 195);
}
.dark-mode .btn.btn-text.btn-color-dach.btn-action-bar.with-arrow::after {
  background-color: rgb(38, 94, 98);
}
.dark-mode .btn.btn-text.btn-color-success {
  background-image: initial;
  background-color: transparent;
  color: rgb(113, 199, 95);
  border-color: transparent;
}
.dark-mode .btn.btn-text.btn-color-success .icon {
  fill: rgb(113, 199, 95);
}
.dark-mode .btn.btn-text.btn-color-success:hover {
  color: rgb(151, 216, 140);
  border-color: rgb(69, 158, 53);
}
.dark-mode .btn.btn-text.btn-color-success:hover .icon {
  fill: rgb(151, 216, 140);
}
.dark-mode .btn.btn-text.btn-color-success:active:hover {
  background-image: initial;
  background-color: rgba(65, 140, 49, 0.16);
  border-color: rgba(63, 137, 48, 0.16);
  color: rgb(132, 207, 116);
}
.dark-mode .btn.btn-text.btn-color-success:active:hover .icon {
  fill: rgb(132, 207, 116);
}
.dark-mode .btn.btn-text.btn-color-success.btn-action-bar.with-arrow::after {
  background-color: rgb(38, 88, 30);
}
.dark-mode .btn.btn-text.btn-color-danger {
  background-image: initial;
  background-color: transparent;
  color: rgb(224, 132, 102);
  border-color: transparent;
}
.dark-mode .btn.btn-text.btn-color-danger .icon {
  fill: rgb(224, 132, 102);
}
.dark-mode .btn.btn-text.btn-color-danger:hover {
  color: rgb(204, 199, 193);
  border-color: rgb(125, 116, 103);
}
.dark-mode .btn.btn-text.btn-color-danger:hover .icon {
  fill: rgb(204, 199, 193);
}
.dark-mode .btn.btn-text.btn-color-danger:active:hover {
  background-image: initial;
  background-color: rgba(126, 50, 26, 0.16);
  border-color: rgba(165, 66, 33, 0.16);
  color: rgb(233, 156, 127);
}
.dark-mode .btn.btn-text.btn-color-danger:active:hover .icon {
  fill: rgb(233, 156, 127);
}
.dark-mode .btn.btn-text.btn-color-danger.btn-action-bar.with-arrow::after {
  background-color: rgb(66, 26, 5);
}
.dark-mode .btn.btn-text.disabled,
.dark-mode .btn.btn-text:disabled {
  background-image: initial;
  background-color: transparent;
  color: rgb(174, 167, 157);
  border-color: transparent;
}
.dark-mode .btn.btn-text.disabled .icon,
.dark-mode .btn.btn-text:disabled .icon {
  fill: rgb(174, 167, 157);
}
.dark-mode .btn {
  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: initial;
  background-color: rgb(37, 40, 41);
  color: rgb(174, 167, 157);
  box-shadow: none;
}
.dark-mode .btn.disabled .icon,
.dark-mode .btn:disabled .icon {
  fill: rgb(174, 167, 157);
}
.dark-mode .btn.disabled.btn-action-bar.with-arrow::after,
.dark-mode .btn:disabled.btn-action-bar.with-arrow::after {
  background-color: rgb(76, 82, 85);
}
.dark-mode .btn.btn-filled .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-filled.btn-color-system {
  background-image: initial;
  background-color: rgb(62, 52, 99);
  color: rgb(232, 230, 227);
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-system:hover {
  background-image: initial;
  background-color: rgb(78, 73, 98);
}
.dark-mode .btn.btn-filled.btn-color-system:active:hover {
  background-image: initial;
  background-color: rgb(83, 77, 111);
}
.dark-mode .btn.btn-filled.btn-color-bv {
  background-image: initial;
  background-color: rgb(23, 94, 127);
  color: rgb(232, 230, 227);
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-bv:hover {
  background-image: initial;
  background-color: rgb(15, 58, 78);
}
.dark-mode .btn.btn-filled.btn-color-bv:active:hover {
  background-image: initial;
  background-color: rgb(22, 78, 104);
}
.dark-mode .btn.btn-filled.btn-color-dach {
  background-image: initial;
  background-color: rgb(47, 138, 145);
  color: rgb(232, 230, 227);
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-dach:hover {
  background-image: initial;
  background-color: rgb(38, 94, 98);
}
.dark-mode .btn.btn-filled.btn-color-dach:active:hover {
  background-image: initial;
  background-color: rgb(52, 124, 130);
}
.dark-mode .btn.btn-filled.btn-color-success {
  background-image: initial;
  background-color: rgb(65, 140, 49);
  color: rgb(232, 230, 227);
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-success:hover {
  background-image: initial;
  background-color: rgb(38, 88, 30);
}
.dark-mode .btn.btn-filled.btn-color-success:active:hover {
  background-image: initial;
  background-color: rgb(53, 115, 40);
}
.dark-mode .btn.btn-filled.btn-color-danger {
  background-image: initial;
  background-color: rgb(126, 50, 26);
  color: rgb(232, 230, 227);
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-danger:hover {
  background-image: initial;
  background-color: rgb(66, 26, 5);
}
.dark-mode .btn.btn-filled.btn-color-danger:active:hover {
  background-image: initial;
  background-color: rgb(97, 39, 17);
}
.dark-mode .btn.btn-filled.disabled,
.dark-mode .btn.btn-filled:disabled {
  background-image: initial;
  background-color: rgb(37, 40, 41);
  box-shadow: none;
  color: rgb(174, 167, 157);
}
.dark-mode .btn.btn-filled.disabled .icon,
.dark-mode .btn.btn-filled:disabled .icon {
  fill: rgb(174, 167, 157);
}
.dark-mode .btn.btn-outlined {
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.btn-outlined:focus {
  box-shadow: none;
}
.dark-mode .btn.btn-outlined.btn-color-system {
  color: rgb(156, 145, 197);
  border-color: rgb(63, 53, 100);
}
.dark-mode .btn.btn-outlined.btn-color-system .icon {
  fill: rgb(156, 145, 197);
}
.dark-mode .btn.btn-outlined.btn-color-system:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(105, 97, 86);
  background-image: initial;
  background-color: rgb(78, 73, 98);
}
.dark-mode .btn.btn-outlined.btn-color-system:hover .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined.btn-color-system:active:hover {
  color: rgb(160, 152, 139);
  border-color: rgb(80, 87, 90);
  background-image: initial;
  background-color: rgba(102, 16, 130, 0.16);
}
.dark-mode .btn.btn-outlined.btn-color-system:active:hover .icon {
  fill: rgb(160, 152, 139);
}
.dark-mode .btn.btn-outlined.btn-color-bv {
  color: rgb(101, 187, 227);
  border-color: rgb(31, 125, 168);
}
.dark-mode .btn.btn-outlined.btn-color-bv .icon {
  fill: rgb(101, 187, 227);
}
.dark-mode .btn.btn-outlined.btn-color-bv:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(36, 137, 184);
  background-image: initial;
  background-color: rgb(15, 58, 78);
}
.dark-mode .btn.btn-outlined.btn-color-bv:hover .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined.btn-color-bv:active:hover {
  color: rgb(122, 193, 226);
  border-color: rgb(37, 127, 171);
  background-image: initial;
  background-color: rgba(23, 94, 127, 0.16);
}
.dark-mode .btn.btn-outlined.btn-color-bv:active:hover .icon {
  fill: rgb(122, 193, 226);
}
.dark-mode .btn.btn-outlined.btn-color-dach {
  color: rgb(92, 194, 203);
  border-color: rgb(42, 124, 131);
}
.dark-mode .btn.btn-outlined.btn-color-dach .icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .btn.btn-outlined.btn-color-dach:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(56, 140, 148);
  background-image: initial;
  background-color: rgb(38, 94, 98);
}
.dark-mode .btn.btn-outlined.btn-color-dach:hover .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined.btn-color-dach:active:hover {
  color: rgb(105, 188, 195);
  border-color: rgb(54, 128, 133);
  background-image: initial;
  background-color: rgba(47, 138, 145, 0.16);
}
.dark-mode .btn.btn-outlined.btn-color-dach:active:hover .icon {
  fill: rgb(105, 188, 195);
}
.dark-mode .btn.btn-outlined.btn-color-success {
  color: rgb(113, 199, 95);
  border-color: rgb(63, 137, 48);
}
.dark-mode .btn.btn-outlined.btn-color-success .icon {
  fill: rgb(113, 199, 95);
}
.dark-mode .btn.btn-outlined.btn-color-success:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(69, 158, 53);
  background-image: initial;
  background-color: rgb(38, 88, 30);
}
.dark-mode .btn.btn-outlined.btn-color-success:hover .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined.btn-color-success:active:hover {
  color: rgb(132, 207, 116);
  border-color: rgb(67, 146, 51);
  background-image: initial;
  background-color: rgba(65, 140, 49, 0.16);
}
.dark-mode .btn.btn-outlined.btn-color-success:active:hover .icon {
  fill: rgb(132, 207, 116);
}
.dark-mode .btn.btn-outlined.btn-color-danger {
  color: rgb(224, 132, 102);
  border-color: rgb(165, 66, 33);
}
.dark-mode .btn.btn-outlined.btn-color-danger .icon {
  fill: rgb(224, 132, 102);
}
.dark-mode .btn.btn-outlined.btn-color-danger:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(125, 116, 103);
  background-image: initial;
  background-color: rgb(66, 26, 5);
}
.dark-mode .btn.btn-outlined.btn-color-danger:hover .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined.btn-color-danger:active:hover {
  color: rgb(233, 156, 127);
  border-color: rgb(181, 73, 31);
  background-image: initial;
  background-color: rgba(126, 50, 26, 0.16);
}
.dark-mode .btn.btn-outlined.btn-color-danger:active:hover .icon {
  fill: rgb(233, 156, 127);
}
.dark-mode .btn.btn-outlined.disabled,
.dark-mode .btn.btn-outlined:disabled {
  border-color: rgb(54, 59, 61);
  color: rgb(174, 167, 157);
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.btn-outlined.disabled .icon,
.dark-mode .btn.btn-outlined:disabled .icon {
  fill: rgb(174, 167, 157);
}
.dark-mode .btn.btn-filled .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-filled.btn-color-system {
  background-image: initial;
  background-color: rgb(62, 52, 99);
  color: rgb(232, 230, 227);
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-system:hover {
  background-image: initial;
  background-color: rgb(78, 73, 98);
}
.dark-mode .btn.btn-filled.btn-color-system:active:hover {
  background-image: initial;
  background-color: rgb(83, 77, 111);
}
.dark-mode .btn.btn-filled.btn-color-bv {
  background-image: initial;
  background-color: rgb(23, 94, 127);
  color: rgb(232, 230, 227);
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-bv:hover {
  background-image: initial;
  background-color: rgb(15, 58, 78);
}
.dark-mode .btn.btn-filled.btn-color-bv:active:hover {
  background-image: initial;
  background-color: rgb(22, 78, 104);
}
.dark-mode .btn.btn-filled.btn-color-dach {
  background-image: initial;
  background-color: rgb(47, 138, 145);
  color: rgb(232, 230, 227);
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-dach:hover {
  background-image: initial;
  background-color: rgb(38, 94, 98);
}
.dark-mode .btn.btn-filled.btn-color-dach:active:hover {
  background-image: initial;
  background-color: rgb(52, 124, 130);
}
.dark-mode .btn.btn-filled.btn-color-success {
  background-image: initial;
  background-color: rgb(65, 140, 49);
  color: rgb(232, 230, 227);
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-success:hover {
  background-image: initial;
  background-color: rgb(38, 88, 30);
}
.dark-mode .btn.btn-filled.btn-color-success:active:hover {
  background-image: initial;
  background-color: rgb(53, 115, 40);
}
.dark-mode .btn.btn-filled.btn-color-danger {
  background-image: initial;
  background-color: rgb(126, 50, 26);
  color: rgb(232, 230, 227);
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .btn.btn-filled.btn-color-danger:hover {
  background-image: initial;
  background-color: rgb(66, 26, 5);
}
.dark-mode .btn.btn-filled.btn-color-danger:active:hover {
  background-image: initial;
  background-color: rgb(97, 39, 17);
}
.dark-mode .btn.btn-filled.disabled,
.dark-mode .btn.btn-filled:disabled {
  background-image: initial;
  background-color: rgb(37, 40, 41);
  box-shadow: none;
  color: rgb(174, 167, 157);
}
.dark-mode .btn.btn-filled.disabled .icon,
.dark-mode .btn.btn-filled:disabled .icon {
  fill: rgb(174, 167, 157);
}
.dark-mode .bottom-bar .content-overlay {
  background-image: initial;
  background-color: rgba(34, 39, 45, 0.8);
}
.dark-mode .bottom-bar .content-overlay > .content {
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
.dark-mode .bottom-bar .bottom-bar-inner {
  background-image: initial;
  background-color: rgb(29, 32, 33);
}
.dark-mode .bottom-bar .menu {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  box-shadow: rgba(34, 39, 45, 0.16) 0px -2px 8px 0px;
}
.dark-mode .bottom-bar.secondary .menu .close-btn .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-system {
  background-image: initial;
  background-color: rgb(62, 52, 99);
  color: rgb(232, 230, 227);
  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: initial;
  background-color: rgb(78, 73, 98);
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-system:active:hover {
  background-image: initial;
  background-color: rgb(83, 77, 111);
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-bv {
  background-image: initial;
  background-color: rgb(23, 94, 127);
  color: rgb(232, 230, 227);
  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: initial;
  background-color: rgb(15, 58, 78);
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-bv:active:hover {
  background-image: initial;
  background-color: rgb(22, 78, 104);
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-dach {
  background-image: initial;
  background-color: rgb(47, 138, 145);
  color: rgb(232, 230, 227);
  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: initial;
  background-color: rgb(38, 94, 98);
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-dach:active:hover {
  background-image: initial;
  background-color: rgb(52, 124, 130);
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-success {
  background-image: initial;
  background-color: rgb(65, 140, 49);
  color: rgb(232, 230, 227);
  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: initial;
  background-color: rgb(38, 88, 30);
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-success:active:hover {
  background-image: initial;
  background-color: rgb(53, 115, 40);
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-danger {
  background-image: initial;
  background-color: rgb(126, 50, 26);
  color: rgb(232, 230, 227);
  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: initial;
  background-color: rgb(66, 26, 5);
}
.dark-mode .bottom-bar.secondary .menu .close-btn.btn-color-danger:active:hover {
  background-image: initial;
  background-color: rgb(97, 39, 17);
}
.dark-mode .bottom-bar.secondary .menu .close-btn.disabled,
.dark-mode .bottom-bar.secondary .menu .close-btn:disabled {
  background-image: initial;
  background-color: rgb(37, 40, 41);
  box-shadow: none;
  color: rgb(174, 167, 157);
}
.dark-mode .bottom-bar.secondary .menu .close-btn.disabled .icon,
.dark-mode .bottom-bar.secondary .menu .close-btn:disabled .icon {
  fill: rgb(174, 167, 157);
}
.dark-mode .b {
  border-color: rgb(140, 130, 115) !important;
}
.dark-mode .color-white {
  color: rgb(232, 230, 227) !important;
}
.dark-mode .list-table tbody tr .title {
  color: rgb(174, 167, 157);
}
.dark-mode .list-table tbody tr .description {
  color: rgb(201, 196, 189);
}
.dark-mode .undefined,
.dark-mode .true,
.dark-mode .false {
  border-color: rgb(179, 0, 0) !important;
}
.dark-mode body {
  color: rgb(201, 196, 189);
}
.dark-mode body h1 {
  color: rgb(232, 230, 227);
}
.dark-mode body h2 {
  color: rgb(201, 196, 189);
}
.dark-mode body h3 {
  color: rgb(174, 167, 157);
}
.dark-mode body .small {
  color: rgb(201, 196, 189);
}
.dark-mode body a {
  color: rgb(201, 196, 189);
}
.dark-mode body a:hover {
  color: rgb(201, 196, 189);
}
.dark-mode body a.color-system {
  color: rgb(156, 145, 197);
}
.dark-mode body a.color-dach {
  color: rgb(92, 194, 203);
}
.dark-mode body a.color-bv {
  color: rgb(101, 187, 227);
}
.dark-mode .layout {
  background-color: rgb(29, 32, 33);
}
.dark-mode .layout .layout-body .stage {
  background-image: linear-gradient(90deg, rgb(62, 52, 99) 0%, rgb(78, 73, 98) 50%);
  background-color: initial;
}
.dark-mode .layout .layout-body .stage.dach {
  background-image: linear-gradient(90deg, rgb(47, 138, 145) 0%, rgb(38, 94, 98) 50%);
  background-color: initial;
}
.dark-mode .layout .layout-body .stage.bv {
  background-image: linear-gradient(90deg, rgb(23, 94, 127) 0%, rgb(15, 58, 78) 50%);
  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, rgb(62, 52, 99) 0%, rgb(78, 73, 98) 50%);
  background-color: initial;
}
.dark-mode .layout .layout-body .stage .title h1 {
  color: rgb(232, 230, 227);
}
.dark-mode .layout .layout-body .action-bar {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  box-shadow: rgba(34, 39, 45, 0.8) 4px 4px 16px -8px;
}
.dark-mode .layout .layout-body > .content {
  color: rgb(174, 167, 157);
}
.dark-mode .layout .layout-body .white-header {
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
.dark-mode .layout .layout-body .white-header.grey {
  background-image: initial;
  background-color: rgb(29, 32, 33);
}
.dark-mode .custom-modal-container {
  background-color: rgba(34, 39, 45, 0.8);
}
.dark-mode .custom-modal-container .custom-modal {
  background-image: initial;
  background-color: rgb(29, 32, 33);
}
.dark-mode .custom-modal-container .custom-modal .custom-header {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  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: rgb(63, 53, 100);
}
.dark-mode .custom-modal-container .custom-modal .custom-header .icon-container.color-bv:hover {
  border-color: rgb(31, 125, 168);
}
.dark-mode .custom-modal-container .custom-modal .custom-header .icon-container.color-dach:hover {
  border-color: rgb(42, 124, 131);
}
.dark-mode .custom-modal-container .custom-modal .custom-header .icon-container.color-success:hover {
  border-color: rgb(63, 137, 48);
}
.dark-mode .custom-modal-container .custom-modal .custom-header .icon-container.color-danger:hover {
  border-color: rgb(165, 66, 33);
}
.dark-mode .custom-modal-container .custom-modal .custom-footer {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  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: rgb(156, 145, 197);
}
.dark-mode .custom-modal-container .custom-modal.color-bv .custom-header svg {
  fill: rgb(101, 187, 227);
}
.dark-mode .custom-modal-container .custom-modal.color-dach .custom-header svg {
  fill: rgb(92, 194, 203);
}
.dark-mode .custom-modal-container .custom-modal.color-success .custom-header svg {
  fill: rgb(113, 199, 95);
}
.dark-mode .custom-modal-container .custom-modal.color-danger .custom-header svg {
  fill: rgb(224, 132, 102);
}
.dark-mode .custom-toast-container .custom-toast {
  box-shadow: rgba(34, 39, 45, 0.8) 4px 4px 16px -8px;
  color: rgb(232, 230, 227);
}
.dark-mode .custom-toast-container .custom-toast .header h3 {
  color: rgb(232, 230, 227);
}
.dark-mode .custom-toast-container .custom-toast .content {
  color: rgb(232, 230, 227);
}
.dark-mode .custom-toast-container .custom-toast.color-success {
  background-image: initial;
  background-color: rgb(30, 48, 19);
  border-color: rgb(67, 146, 51);
}
.dark-mode .custom-toast-container .custom-toast.color-success .header {
  background-image: initial;
  background-color: rgb(53, 115, 40);
}
.dark-mode .custom-toast-container .custom-toast.color-success .header .menu {
  background-image: initial;
  background-color: rgb(65, 140, 49);
}
.dark-mode .custom-toast-container .custom-toast.color-success .header .menu:hover {
  background-image: initial;
  background-color: rgb(53, 115, 40);
}
.dark-mode .custom-toast-container .custom-toast.color-warning {
  background-image: initial;
  background-color: rgb(62, 47, 5);
  border-color: rgb(195, 147, 0);
}
.dark-mode .custom-toast-container .custom-toast.color-warning .header {
  background-image: initial;
  background-color: rgb(159, 120, 0);
}
.dark-mode .custom-toast-container .custom-toast.color-warning .header .menu {
  background-image: initial;
  background-color: rgb(188, 143, 10);
}
.dark-mode .custom-toast-container .custom-toast.color-warning .header .menu:hover {
  background-image: initial;
  background-color: rgb(159, 120, 0);
}
.dark-mode .custom-toast-container .custom-toast.color-danger {
  background-image: initial;
  background-color: rgb(49, 28, 21);
  border-color: rgb(181, 73, 31);
}
.dark-mode .custom-toast-container .custom-toast.color-danger .header {
  background-image: initial;
  background-color: rgb(97, 39, 17);
}
.dark-mode .custom-toast-container .custom-toast.color-danger .header .menu {
  background-image: initial;
  background-color: rgb(126, 50, 26);
}
.dark-mode .custom-toast-container .custom-toast.color-danger .header .menu:hover {
  background-image: initial;
  background-color: rgb(97, 39, 17);
}
.dark-mode .footer {
  border-top-color: rgb(54, 59, 61);
  background-color: rgb(29, 32, 33);
  color: rgb(174, 167, 157);
}
.dark-mode .footer .container .links .textlink {
  color: rgb(174, 167, 157);
}
.dark-mode .btn.btn-action-bar {
  color: rgb(232, 230, 227);
}
.dark-mode .btn.btn-action-bar .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-action-bar.btn-color-system {
  background-color: rgb(78, 73, 98);
}
.dark-mode .btn.btn-action-bar.btn-color-system.with-arrow::after {
  background-color: rgb(62, 52, 99);
}
.dark-mode .btn.btn-action-bar.btn-color-system:hover.with-arrow::after {
  background-color: rgb(78, 73, 98);
}
.dark-mode .btn.btn-action-bar.btn-color-bv {
  background-color: rgb(15, 58, 78);
}
.dark-mode .btn.btn-action-bar.btn-color-bv.with-arrow::after {
  background-color: rgb(23, 94, 127);
}
.dark-mode .btn.btn-action-bar.btn-color-bv:hover.with-arrow::after {
  background-color: rgb(15, 58, 78);
}
.dark-mode .btn.btn-action-bar.btn-color-dach {
  background-color: rgb(38, 94, 98);
}
.dark-mode .btn.btn-action-bar.btn-color-dach.with-arrow::after {
  background-color: rgb(47, 138, 145);
}
.dark-mode .btn.btn-action-bar.btn-color-dach:hover.with-arrow::after {
  background-color: rgb(38, 94, 98);
}
.dark-mode .btn.btn-action-bar.btn-color-success {
  background-color: rgb(38, 88, 30);
}
.dark-mode .btn.btn-action-bar.btn-color-success.with-arrow::after {
  background-color: rgb(65, 140, 49);
}
.dark-mode .btn.btn-action-bar.btn-color-success:hover.with-arrow::after {
  background-color: rgb(38, 88, 30);
}
.dark-mode .btn.btn-action-bar.btn-color-danger {
  background-color: rgb(66, 26, 5);
}
.dark-mode .btn.btn-action-bar.btn-color-danger.with-arrow::after {
  background-color: rgb(126, 50, 26);
}
.dark-mode .btn.btn-action-bar.btn-color-danger:hover.with-arrow::after {
  background-color: rgb(66, 26, 5);
}
.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: initial;
  background-color: rgb(37, 40, 41);
  box-shadow: none;
  color: rgb(174, 167, 157);
}
.dark-mode .btn.btn-action-bar.disabled .icon,
.dark-mode .btn.btn-action-bar:disabled .icon {
  fill: rgb(174, 167, 157);
}
.dark-mode .btn.btn-action-bar.disabled.with-arrow::after,
.dark-mode .btn.btn-action-bar:disabled.with-arrow::after {
  background-color: rgb(76, 82, 85);
}
.dark-mode .navigation {
  background-image: linear-gradient(90deg, rgb(62, 52, 99) 0%, rgb(78, 73, 98) 50%);
  background-color: initial;
}
.dark-mode .navigation.bv {
  background-image: linear-gradient(90deg, rgb(23, 94, 127) 0%, rgb(15, 58, 78) 50%);
  background-color: initial;
}
.dark-mode .navigation.dach {
  background-image: linear-gradient(90deg, rgb(47, 138, 145) 0%, rgb(38, 94, 98) 50%);
  background-color: initial;
}
.dark-mode .navigation .btn {
  color: rgb(232, 230, 227);
}
.dark-mode .navigation .btn.back {
  color: rgb(174, 167, 157);
}
.dark-mode .navigation .btn.back:hover {
  color: rgb(232, 230, 227);
}
.dark-mode .navigation .btn.profile-link .icon {
  fill: rgb(232, 230, 227) !important;
}
.dark-mode .navigation .btn.profile-link:hover .icon {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  fill: rgb(156, 145, 197) !important;
}
.dark-mode .navigation .btn.profile-link:hover .icon.bv {
  fill: rgb(101, 187, 227) !important;
}
.dark-mode .navigation .btn.profile-link:hover .icon.dach {
  fill: rgb(92, 194, 203) !important;
}
.dark-mode .btn.text-link {
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.text-link.btn-color-system {
  color: rgb(156, 145, 197);
}
.dark-mode .btn.text-link.btn-color-system .icon {
  fill: rgb(156, 145, 197);
}
.dark-mode .btn.text-link.btn-color-system:hover {
  color: rgb(164, 157, 145);
  text-decoration-color: initial;
}
.dark-mode .btn.text-link.btn-color-system:hover .icon {
  fill: rgb(164, 157, 145);
}
.dark-mode .btn.text-link.btn-color-system:active:hover {
  color: rgb(160, 152, 139);
}
.dark-mode .btn.text-link.btn-color-system:active:hover .icon {
  fill: rgb(160, 152, 139);
}
.dark-mode .btn.text-link.btn-color-bv {
  color: rgb(101, 187, 227);
}
.dark-mode .btn.text-link.btn-color-bv .icon {
  fill: rgb(101, 187, 227);
}
.dark-mode .btn.text-link.btn-color-bv:hover {
  color: rgb(144, 205, 233);
  text-decoration-color: initial;
}
.dark-mode .btn.text-link.btn-color-bv:hover .icon {
  fill: rgb(144, 205, 233);
}
.dark-mode .btn.text-link.btn-color-bv:active:hover {
  color: rgb(122, 193, 226);
}
.dark-mode .btn.text-link.btn-color-bv:active:hover .icon {
  fill: rgb(122, 193, 226);
}
.dark-mode .btn.text-link.btn-color-dach {
  color: rgb(92, 194, 203);
}
.dark-mode .btn.text-link.btn-color-dach .icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .btn.text-link.btn-color-dach:hover {
  color: rgb(132, 202, 208);
  text-decoration-color: initial;
}
.dark-mode .btn.text-link.btn-color-dach:hover .icon {
  fill: rgb(132, 202, 208);
}
.dark-mode .btn.text-link.btn-color-dach:active:hover {
  color: rgb(105, 188, 195);
}
.dark-mode .btn.text-link.btn-color-dach:active:hover .icon {
  fill: rgb(105, 188, 195);
}
.dark-mode .btn.text-link.btn-color-success {
  color: rgb(113, 199, 95);
}
.dark-mode .btn.text-link.btn-color-success .icon {
  fill: rgb(113, 199, 95);
}
.dark-mode .btn.text-link.btn-color-success:hover {
  color: rgb(151, 216, 140);
  text-decoration-color: initial;
}
.dark-mode .btn.text-link.btn-color-success:hover .icon {
  fill: rgb(151, 216, 140);
}
.dark-mode .btn.text-link.btn-color-success:active:hover {
  color: rgb(132, 207, 116);
}
.dark-mode .btn.text-link.btn-color-success:active:hover .icon {
  fill: rgb(132, 207, 116);
}
.dark-mode .btn.text-link.btn-color-danger {
  color: rgb(224, 132, 102);
}
.dark-mode .btn.text-link.btn-color-danger .icon {
  fill: rgb(224, 132, 102);
}
.dark-mode .btn.text-link.btn-color-danger:hover {
  color: rgb(204, 199, 193);
  text-decoration-color: initial;
}
.dark-mode .btn.text-link.btn-color-danger:hover .icon {
  fill: rgb(204, 199, 193);
}
.dark-mode .btn.text-link.btn-color-danger:active:hover {
  color: rgb(233, 156, 127);
}
.dark-mode .btn.text-link.btn-color-danger:active:hover .icon {
  fill: rgb(233, 156, 127);
}
.dark-mode .btn.text-link.disabled,
.dark-mode .btn.text-link:disabled {
  color: rgb(174, 167, 157);
  border-color: transparent;
}
.dark-mode .btn.text-link.disabled .icon,
.dark-mode .btn.text-link:disabled .icon {
  fill: rgb(174, 167, 157);
}
.dark-mode .breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs > .breadcrumb {
  color: rgb(232, 230, 227);
  background-image: none;
  background-color: initial;
}
.dark-mode .breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs > .breadcrumb:disabled,
.dark-mode .breadcrumbs-bar-container .breadcrumbs-bar .breadcrumbs > .breadcrumb.disabled {
  color: rgb(174, 167, 157);
}
.dark-mode .btn.btn-outlined-rounded-white {
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-system {
  color: rgb(232, 230, 227);
  border-color: rgb(48, 52, 54);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-system .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-system:hover {
  color: rgb(164, 157, 145);
  border-color: rgb(48, 52, 54);
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-system:hover .icon {
  fill: rgb(164, 157, 145);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-system:active:hover {
  color: rgb(160, 152, 139);
  border-color: rgb(48, 52, 54);
  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: rgb(160, 152, 139);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-bv {
  color: rgb(232, 230, 227);
  border-color: rgb(48, 52, 54);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-bv .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-bv:hover {
  color: rgb(144, 205, 233);
  border-color: rgb(48, 52, 54);
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-bv:hover .icon {
  fill: rgb(144, 205, 233);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-bv:active:hover {
  color: rgb(122, 193, 226);
  border-color: rgb(48, 52, 54);
  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: rgb(122, 193, 226);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-dach {
  color: rgb(232, 230, 227);
  border-color: rgb(48, 52, 54);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-dach .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-dach:hover {
  color: rgb(132, 202, 208);
  border-color: rgb(48, 52, 54);
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-dach:hover .icon {
  fill: rgb(132, 202, 208);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-dach:active:hover {
  color: rgb(105, 188, 195);
  border-color: rgb(48, 52, 54);
  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: rgb(105, 188, 195);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-success {
  color: rgb(232, 230, 227);
  border-color: rgb(48, 52, 54);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-success .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-success:hover {
  color: rgb(151, 216, 140);
  border-color: rgb(48, 52, 54);
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-success:hover .icon {
  fill: rgb(151, 216, 140);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-success:active:hover {
  color: rgb(132, 207, 116);
  border-color: rgb(48, 52, 54);
  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: rgb(132, 207, 116);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-danger {
  color: rgb(232, 230, 227);
  border-color: rgb(48, 52, 54);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-danger .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-danger:hover {
  color: rgb(204, 199, 193);
  border-color: rgb(48, 52, 54);
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-danger:hover .icon {
  fill: rgb(204, 199, 193);
}
.dark-mode .btn.btn-outlined-rounded-white.btn-color-danger:active:hover {
  color: rgb(233, 156, 127);
  border-color: rgb(48, 52, 54);
  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: rgb(233, 156, 127);
}
.dark-mode .btn.btn-outlined-rounded-white.disabled,
.dark-mode .btn.btn-outlined-rounded-white:disabled {
  border-color: rgb(74, 80, 83);
  color: rgb(174, 167, 157);
  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: rgb(174, 167, 157);
}
.dark-mode .flyout {
  background-image: none;
  background-color: initial;
  border-color: initial;
}
.dark-mode .flyout > .content {
  border-right-color: initial;
  background-image: initial;
  background-color: rgb(24, 26, 27);
  box-shadow: rgba(34, 39, 45, 0.8) 4px 4px 16px -8px;
}
.dark-mode .flyout > .content::after {
  border-color: transparent transparent rgb(48, 52, 54);
}
.dark-mode .flyout:focus,
.dark-mode .flyout:active,
.dark-mode .flyout:active:hover {
  box-shadow: none;
  outline-color: initial;
  border-color: initial;
}
.dark-mode .btn.btn-outlined-rounded {
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.btn-outlined-rounded.btn-color-system {
  color: rgb(156, 145, 197);
  border-color: rgb(63, 53, 100);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-system .icon {
  fill: rgb(156, 145, 197);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-system:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(105, 97, 86);
  background-image: initial;
  background-color: rgb(78, 73, 98);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-system:hover .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-system:active:hover {
  color: rgb(160, 152, 139);
  border-color: rgb(80, 87, 90);
  background-image: initial;
  background-color: rgba(102, 16, 130, 0.16);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-system:active:hover .icon {
  fill: rgb(160, 152, 139);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-bv {
  color: rgb(101, 187, 227);
  border-color: rgb(31, 125, 168);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-bv .icon {
  fill: rgb(101, 187, 227);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-bv:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(36, 137, 184);
  background-image: initial;
  background-color: rgb(15, 58, 78);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-bv:hover .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-bv:active:hover {
  color: rgb(122, 193, 226);
  border-color: rgb(37, 127, 171);
  background-image: initial;
  background-color: rgba(23, 94, 127, 0.16);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-bv:active:hover .icon {
  fill: rgb(122, 193, 226);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-dach {
  color: rgb(92, 194, 203);
  border-color: rgb(42, 124, 131);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-dach .icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-dach:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(56, 140, 148);
  background-image: initial;
  background-color: rgb(38, 94, 98);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-dach:hover .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-dach:active:hover {
  color: rgb(105, 188, 195);
  border-color: rgb(54, 128, 133);
  background-image: initial;
  background-color: rgba(47, 138, 145, 0.16);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-dach:active:hover .icon {
  fill: rgb(105, 188, 195);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-success {
  color: rgb(113, 199, 95);
  border-color: rgb(63, 137, 48);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-success .icon {
  fill: rgb(113, 199, 95);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-success:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(69, 158, 53);
  background-image: initial;
  background-color: rgb(38, 88, 30);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-success:hover .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-success:active:hover {
  color: rgb(132, 207, 116);
  border-color: rgb(67, 146, 51);
  background-image: initial;
  background-color: rgba(65, 140, 49, 0.16);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-success:active:hover .icon {
  fill: rgb(132, 207, 116);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-danger {
  color: rgb(224, 132, 102);
  border-color: rgb(165, 66, 33);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-danger .icon {
  fill: rgb(224, 132, 102);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-danger:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(125, 116, 103);
  background-image: initial;
  background-color: rgb(66, 26, 5);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-danger:hover .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-danger:active:hover {
  color: rgb(233, 156, 127);
  border-color: rgb(181, 73, 31);
  background-image: initial;
  background-color: rgba(126, 50, 26, 0.16);
}
.dark-mode .btn.btn-outlined-rounded.btn-color-danger:active:hover .icon {
  fill: rgb(233, 156, 127);
}
.dark-mode .btn.btn-outlined-rounded.disabled,
.dark-mode .btn.btn-outlined-rounded:disabled {
  border-color: rgb(54, 59, 61);
  color: rgb(174, 167, 157);
  background-image: initial;
  background-color: transparent;
}
.dark-mode .btn.btn-outlined-rounded.disabled .icon,
.dark-mode .btn.btn-outlined-rounded:disabled .icon {
  fill: rgb(174, 167, 157);
}
.dark-mode .styleguide-page {
  background-image: initial;
  background-color: rgb(30, 32, 33);
}
.dark-mode .tabs .tabs-container button.tab {
  background-image: none;
  background-color: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  border-bottom-color: transparent;
  color: rgb(156, 145, 197);
}
.dark-mode .tabs .tabs-container button.tab.bv {
  color: rgb(101, 187, 227);
}
.dark-mode .tabs .tabs-container button.tab.dach {
  color: rgb(92, 194, 203);
}
.dark-mode .tabs .tabs-container button.tab:hover {
  color: rgb(164, 157, 145);
  border-bottom-color: rgb(105, 97, 86);
}
.dark-mode .tabs .tabs-container button.tab:hover.bv {
  color: rgb(144, 205, 233);
  border-bottom-color: rgb(36, 137, 184);
}
.dark-mode .tabs .tabs-container button.tab:hover.dach {
  color: rgb(132, 202, 208);
  border-bottom-color: rgb(56, 140, 148);
}
.dark-mode .tabs .tabs-container button.tab:focus {
  outline-color: initial;
}
.dark-mode .tabs .tabs-container button.tab.selected {
  color: rgb(174, 167, 157);
  border-bottom-color: rgb(63, 53, 100);
}
.dark-mode .tabs .tabs-container button.tab.selected.bv {
  border-bottom-color: rgb(31, 125, 168);
}
.dark-mode .tabs .tabs-container button.tab.selected.dach {
  border-bottom-color: rgb(42, 124, 131);
}
.dark-mode .checkbox-wrapper {
  color: rgb(201, 196, 189);
}
.dark-mode .checkbox-wrapper::before {
  border-color: rgb(63, 53, 100);
  background-color: rgb(24, 26, 27);
}
.dark-mode .checkbox-wrapper.checked::before {
  color: rgb(232, 230, 227);
  background-color: rgb(62, 52, 99);
}
.dark-mode .checkbox-wrapper.error {
  color: rgb(224, 132, 102);
}
.dark-mode .checkbox-wrapper.error::before {
  border-color: rgb(165, 66, 33);
  background-color: rgba(126, 50, 26, 0.16);
}
.dark-mode .checkbox-wrapper.error.checked::before {
  color: rgb(224, 132, 102);
  background-color: rgba(126, 50, 26, 0.16);
}
.dark-mode .checkbox-wrapper:hover {
  color: rgb(164, 157, 145);
}
.dark-mode .checkbox-wrapper:hover::before,
.dark-mode .checkbox-wrapper:hover.checked::before {
  background-color: rgb(78, 73, 98);
  border-color: rgb(105, 97, 86);
  color: rgb(232, 230, 227);
}
.dark-mode .checkbox-wrapper.disabled {
  color: rgb(174, 167, 157);
}
.dark-mode .checkbox-wrapper.disabled::before {
  background-color: rgb(37, 40, 41);
  border-color: rgb(74, 80, 83) !important;
}
.dark-mode .checkbox-wrapper.disabled.checked::before {
  color: rgb(174, 167, 157);
  background-color: rgb(37, 40, 41);
}
.dark-mode .checkbox-wrapper.dach:hover {
  color: rgb(132, 202, 208);
}
.dark-mode .checkbox-wrapper.dach:hover::before,
.dark-mode .checkbox-wrapper.dach:hover.checked::before {
  background-color: rgb(38, 94, 98);
  border-color: rgb(56, 140, 148);
}
.dark-mode .checkbox-wrapper.dach::before {
  border-color: rgb(42, 124, 131);
}
.dark-mode .checkbox-wrapper.dach.checked::before {
  background-color: rgb(47, 138, 145);
}
.dark-mode .checkbox-wrapper.bv:hover {
  color: rgb(144, 205, 233);
}
.dark-mode .checkbox-wrapper.bv:hover::before,
.dark-mode .checkbox-wrapper.bv:hover.checked::before {
  background-color: rgb(15, 58, 78);
  border-color: rgb(36, 137, 184);
}
.dark-mode .checkbox-wrapper.bv::before {
  border-color: rgb(31, 125, 168);
}
.dark-mode .checkbox-wrapper.bv.checked::before {
  background-color: rgb(23, 94, 127);
}
.dark-mode .top-label {
  color: rgb(201, 196, 189);
}
.dark-mode .message-label {
  color: rgb(174, 167, 157);
}
.dark-mode .disabled .top-label,
.dark-mode .locked .top-label {
  color: rgb(174, 167, 157);
}
.dark-mode .error .message-label,
.dark-mode .error .top-label {
  color: rgb(224, 132, 102);
}
.dark-mode .text-input-container .text-input {
  background-color: rgb(24, 26, 27);
  border-color: rgb(54, 59, 61);
}
.dark-mode .text-input-container .text-input input {
  border-color: initial;
  box-shadow: none;
  color: rgb(174, 167, 157);
}
.dark-mode .text-input-container .text-input input::placeholder {
  color: rgb(174, 167, 157);
}
.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: rgb(207, 203, 197);
}
.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: rgb(207, 203, 197);
}
.dark-mode .text-input-container.locked .text-input::after {
  color: rgb(174, 167, 157);
}
.dark-mode .text-input-container.disabled .text-input {
  color: rgb(174, 167, 157);
}
.dark-mode .text-input-container.color-system .text-input:hover {
  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: initial;
}
.dark-mode .text-input-container.color-system .text-input:focus,
.dark-mode .text-input-container.color-system .text-input:focus-within {
  border-color: initial;
}
.dark-mode .text-input-container.color-bv .text-input:hover {
  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: initial;
}
.dark-mode .text-input-container.color-bv .text-input:focus,
.dark-mode .text-input-container.color-bv .text-input:focus-within {
  border-color: initial;
}
.dark-mode .text-input-container.color-dach .text-input:hover {
  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: initial;
}
.dark-mode .text-input-container.color-dach .text-input:focus,
.dark-mode .text-input-container.color-dach .text-input:focus-within {
  border-color: initial;
}
.dark-mode .text-input-container.color-success .text-input:hover {
  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: initial;
}
.dark-mode .text-input-container.color-success .text-input:focus,
.dark-mode .text-input-container.color-success .text-input:focus-within {
  border-color: initial;
}
.dark-mode .text-input-container.color-danger .text-input:hover {
  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: initial;
}
.dark-mode .text-input-container.color-danger .text-input:focus,
.dark-mode .text-input-container.color-danger .text-input:focus-within {
  border-color: initial;
}
.dark-mode .text-input-container.error .text-input {
  background-color: rgba(126, 50, 26, 0.16);
  border-color: rgb(165, 66, 33);
}
.dark-mode .text-input-container.error input::placeholder {
  color: rgb(224, 132, 102);
}
.dark-mode .dropdown-wrapper .dropdown {
  border-color: initial;
}
.dark-mode .dropdown-wrapper .dropdown:focus {
  outline-color: initial;
}
.dark-mode .dropdown-wrapper .dropdown > .value {
  border-color: rgb(54, 59, 61);
  background-image: initial;
  background-color: rgb(24, 26, 27);
  color: rgb(174, 167, 157);
}
.dark-mode .dropdown-wrapper .dropdown > .value .trigger {
  color: rgb(101, 187, 227);
}
.dark-mode .dropdown-wrapper .dropdown > .value.filled {
  color: rgb(207, 203, 197);
}
.dark-mode .dropdown-wrapper .dropdown .options {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  border-color: rgb(54, 59, 61);
}
.dark-mode .dropdown-wrapper:hover.color-system > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper:hover.color-bv > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper:hover.color-dach > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper:hover.color-success > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper:hover.color-danger > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-system > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper:focus-within.color-system > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-bv > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper:focus-within.color-bv > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-dach > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper:focus-within.color-dach > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-success > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper:focus-within.color-success > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper[focus-within].color-danger > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper:focus-within.color-danger > .dropdown > .value {
  border-color: initial;
}
.dark-mode .dropdown-wrapper.error > .dropdown > .value {
  border-color: rgb(165, 66, 33);
  background-image: initial;
  background-color: rgba(126, 50, 26, 0.16);
  color: rgb(224, 132, 102);
}
.dark-mode .dropdown-wrapper.error > .dropdown > .value > .trigger {
  color: rgb(224, 132, 102);
}
.dark-mode .search-input-container .search-input {
  background-color: rgb(24, 26, 27);
  border-color: rgb(54, 59, 61);
}
.dark-mode .search-input-container .search-input input {
  border-color: initial;
  box-shadow: none;
  color: rgb(174, 167, 157);
}
.dark-mode .search-input-container .search-input input::placeholder {
  color: rgb(174, 167, 157);
}
.dark-mode .search-input-container .search-input .suggestions {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  border-color: rgb(54, 59, 61);
}
.dark-mode .search-input-container .search-input .suggestions .suggestion {
  background-image: initial;
  background-color: transparent;
  outline-color: initial;
  border-color: initial;
}
.dark-mode .search-input-container .search-input .suggestions .suggestion .underline {
  text-decoration-color: initial;
}
.dark-mode .search-input-container .search-input .suggestions .suggestion:hover {
  background-image: initial;
  background-color: rgb(29, 32, 33);
}
.dark-mode .search-input-container .search-input .clear-trigger {
  color: rgb(218, 215, 210);
}
.dark-mode .search-input-container .search-input:hover input,
.dark-mode .search-input-container .search-input[focus-within] input {
  color: rgb(207, 203, 197);
}
.dark-mode .search-input-container .search-input:hover input,
.dark-mode .search-input-container .search-input:focus-within input {
  color: rgb(207, 203, 197);
}
.dark-mode .search-input-container.locked .text-input::after {
  color: rgb(174, 167, 157);
}
.dark-mode .search-input-container.color-system .search-input:hover {
  border-color: rgb(80, 87, 90);
}
.dark-mode .search-input-container.color-system .search-input:focus,
.dark-mode .search-input-container.color-system .search-input[focus-within] {
  border-color: rgb(105, 97, 86);
}
.dark-mode .search-input-container.color-system .search-input:focus,
.dark-mode .search-input-container.color-system .search-input:focus-within {
  border-color: rgb(105, 97, 86);
}
.dark-mode .search-input-container.color-system .suggestions .suggestion .underline,
.dark-mode .search-input-container.color-system .search-trigger {
  color: rgb(156, 145, 197);
}
.dark-mode .search-input-container.color-system .search-trigger:hover,
.dark-mode .search-input-container.color-system .clear-trigger:hover {
  color: rgb(164, 157, 145);
}
.dark-mode .search-input-container.color-bv .search-input:hover {
  border-color: rgb(37, 127, 171);
}
.dark-mode .search-input-container.color-bv .search-input:focus,
.dark-mode .search-input-container.color-bv .search-input[focus-within] {
  border-color: rgb(36, 137, 184);
}
.dark-mode .search-input-container.color-bv .search-input:focus,
.dark-mode .search-input-container.color-bv .search-input:focus-within {
  border-color: rgb(36, 137, 184);
}
.dark-mode .search-input-container.color-bv .suggestions .suggestion .underline,
.dark-mode .search-input-container.color-bv .search-trigger {
  color: rgb(101, 187, 227);
}
.dark-mode .search-input-container.color-bv .search-trigger:hover,
.dark-mode .search-input-container.color-bv .clear-trigger:hover {
  color: rgb(144, 205, 233);
}
.dark-mode .search-input-container.color-dach .search-input:hover {
  border-color: rgb(54, 128, 133);
}
.dark-mode .search-input-container.color-dach .search-input:focus,
.dark-mode .search-input-container.color-dach .search-input[focus-within] {
  border-color: rgb(56, 140, 148);
}
.dark-mode .search-input-container.color-dach .search-input:focus,
.dark-mode .search-input-container.color-dach .search-input:focus-within {
  border-color: rgb(56, 140, 148);
}
.dark-mode .search-input-container.color-dach .suggestions .suggestion .underline,
.dark-mode .search-input-container.color-dach .search-trigger {
  color: rgb(92, 194, 203);
}
.dark-mode .search-input-container.color-dach .search-trigger:hover,
.dark-mode .search-input-container.color-dach .clear-trigger:hover {
  color: rgb(132, 202, 208);
}
.dark-mode .search-input-container.color-success .search-input:hover {
  border-color: rgb(67, 146, 51);
}
.dark-mode .search-input-container.color-success .search-input:focus,
.dark-mode .search-input-container.color-success .search-input[focus-within] {
  border-color: rgb(69, 158, 53);
}
.dark-mode .search-input-container.color-success .search-input:focus,
.dark-mode .search-input-container.color-success .search-input:focus-within {
  border-color: rgb(69, 158, 53);
}
.dark-mode .search-input-container.color-success .suggestions .suggestion .underline,
.dark-mode .search-input-container.color-success .search-trigger {
  color: rgb(113, 199, 95);
}
.dark-mode .search-input-container.color-success .search-trigger:hover,
.dark-mode .search-input-container.color-success .clear-trigger:hover {
  color: rgb(151, 216, 140);
}
.dark-mode .search-input-container.color-danger .search-input:hover {
  border-color: rgb(181, 73, 31);
}
.dark-mode .search-input-container.color-danger .search-input:focus,
.dark-mode .search-input-container.color-danger .search-input[focus-within] {
  border-color: rgb(125, 116, 103);
}
.dark-mode .search-input-container.color-danger .search-input:focus,
.dark-mode .search-input-container.color-danger .search-input:focus-within {
  border-color: rgb(125, 116, 103);
}
.dark-mode .search-input-container.color-danger .suggestions .suggestion .underline,
.dark-mode .search-input-container.color-danger .search-trigger {
  color: rgb(224, 132, 102);
}
.dark-mode .search-input-container.color-danger .search-trigger:hover,
.dark-mode .search-input-container.color-danger .clear-trigger:hover {
  color: rgb(204, 199, 193);
}
.dark-mode .search-input-container.disabled .search-input {
  color: rgb(174, 167, 157);
}
.dark-mode .search-input-container.error .search-input {
  background-color: rgba(126, 50, 26, 0.16);
  border-color: rgb(165, 66, 33);
}
.dark-mode .search-input-container.error .search-input input {
  color: rgb(224, 132, 102);
}
.dark-mode .search-input-container.error input::placeholder {
  color: rgb(224, 132, 102);
}
.dark-mode .pagination-wrapper .pagination .page-item {
  outline-color: initial;
  border-color: initial;
  background-image: initial;
  background-color: transparent;
}
.dark-mode .pagination-wrapper .pagination .page-item a {
  border-color: rgb(54, 59, 61);
}
.dark-mode .pagination-wrapper .pagination .page-item a:focus {
  border-color: initial;
  outline-color: initial;
}
.dark-mode .pagination-wrapper .pagination .page-item a:hover {
  text-decoration-color: initial;
  color: rgb(232, 230, 227) !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: rgb(174, 167, 157);
  border-color: initial;
}
.dark-mode .pagination-wrapper.color-system .pagination .page-item a {
  color: rgb(156, 145, 197);
}
.dark-mode .pagination-wrapper.color-system .pagination .page-item a:hover {
  background-image: initial;
  background-color: rgb(78, 73, 98);
  border-color: rgb(105, 97, 86) !important;
}
.dark-mode .pagination-wrapper.color-bv .pagination .page-item a {
  color: rgb(101, 187, 227);
}
.dark-mode .pagination-wrapper.color-bv .pagination .page-item a:hover {
  background-image: initial;
  background-color: rgb(15, 58, 78);
  border-color: rgb(36, 137, 184) !important;
}
.dark-mode .pagination-wrapper.color-dach .pagination .page-item a {
  color: rgb(92, 194, 203);
}
.dark-mode .pagination-wrapper.color-dach .pagination .page-item a:hover {
  background-image: initial;
  background-color: rgb(38, 94, 98);
  border-color: rgb(56, 140, 148) !important;
}
.dark-mode .pagination-wrapper.color-success .pagination .page-item a {
  color: rgb(113, 199, 95);
}
.dark-mode .pagination-wrapper.color-success .pagination .page-item a:hover {
  background-image: initial;
  background-color: rgb(38, 88, 30);
  border-color: rgb(69, 158, 53) !important;
}
.dark-mode .pagination-wrapper.color-danger .pagination .page-item a {
  color: rgb(224, 132, 102);
}
.dark-mode .pagination-wrapper.color-danger .pagination .page-item a:hover {
  background-image: initial;
  background-color: rgb(66, 26, 5);
  border-color: rgb(125, 116, 103) !important;
}
.dark-mode .card-container {
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
.dark-mode .card-container .card-inner .card-section .text-blue {
  color: rgb(101, 187, 227);
}
.dark-mode .card-container .card-inner .card-section.background-white {
  background-color: rgb(24, 26, 27);
}
.dark-mode .card-container .card-inner .card-text h3 {
  color: rgb(174, 167, 157);
}
.dark-mode .card-container .card-inner .card-text h3 > button {
  outline-color: initial;
  border-color: initial;
  background-image: initial;
  background-color: transparent;
}
.dark-mode .card-container .card-inner .card-list .card-list-table tbody tr .title {
  color: rgb(174, 167, 157);
}
.dark-mode .card-container .card-inner .card-list .card-list-table tbody tr .description {
  color: rgb(201, 196, 189);
}
.dark-mode .card-container .card-inner .card-attributes .label {
  color: rgb(174, 167, 157);
}
.dark-mode .card-container .card-inner .card-attributes .attributes .attribute {
  color: rgb(232, 230, 227);
  background-image: initial;
  background-color: rgb(37, 40, 41);
}
.dark-mode .card-container .card-inner .card-status {
  background-image: initial;
  background-color: rgb(76, 82, 85);
}
.dark-mode .card-container .card-inner .card-status::before {
  background-image: initial;
  background-color: rgb(76, 82, 85);
}
.dark-mode .card-container .card-inner .card-status.three-states::after {
  background-image: initial;
  background-color: rgb(76, 82, 85);
}
.dark-mode .card-container .card-inner .card-status.success {
  background-image: initial;
  background-color: rgb(65, 140, 49);
}
.dark-mode .card-container .card-inner .card-status.warning::before {
  background-image: initial;
  background-color: rgb(188, 143, 10);
}
.dark-mode .card-container .card-inner .card-status.danger.three-states::after {
  background-image: initial;
  background-color: rgb(126, 50, 26);
}
.dark-mode .card-container .card-inner .card-status.danger.two-states::before {
  background-image: initial;
  background-color: rgb(126, 50, 26);
}
.dark-mode .card-container .card-inner .card-status-header.success {
  background-color: rgb(65, 140, 49);
}
.dark-mode .card-container .card-inner .card-status-header.warning {
  background-color: rgb(188, 143, 10);
}
.dark-mode .card-container .card-inner .card-status-header.danger {
  background-color: rgb(126, 50, 26);
}
.dark-mode .card-container.with-icon .card-icon-container {
  color: rgb(232, 230, 227);
}
.dark-mode .card-container.with-icon .card-icon-container .card-icon {
  fill: rgb(232, 230, 227);
}
.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: initial;
  background-color: rgb(62, 52, 99);
}
.dark-mode .card-container.color-system.with-icon:hover {
  box-shadow: rgb(78, 73, 98) 0px 0px 0px 1px;
}
.dark-mode .card-container.color-system.with-icon:hover .card-icon-container {
  background-image: initial;
  background-color: rgb(78, 73, 98);
}
.dark-mode .card-container.color-system .card-inner .card-text h3.link > button {
  color: rgb(156, 145, 197);
}
.dark-mode .card-container.color-system .card-inner .card-text h3.link > button:hover {
  color: rgb(164, 157, 145);
}
.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: initial;
  background-color: rgb(23, 94, 127);
}
.dark-mode .card-container.color-bv.with-icon:hover {
  box-shadow: rgb(15, 58, 78) 0px 0px 0px 1px;
}
.dark-mode .card-container.color-bv.with-icon:hover .card-icon-container {
  background-image: initial;
  background-color: rgb(15, 58, 78);
}
.dark-mode .card-container.color-bv .card-inner .card-text h3.link > button {
  color: rgb(101, 187, 227);
}
.dark-mode .card-container.color-bv .card-inner .card-text h3.link > button:hover {
  color: rgb(144, 205, 233);
}
.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: initial;
  background-color: rgb(47, 138, 145);
}
.dark-mode .card-container.color-dach.with-icon:hover {
  box-shadow: rgb(38, 94, 98) 0px 0px 0px 1px;
}
.dark-mode .card-container.color-dach.with-icon:hover .card-icon-container {
  background-image: initial;
  background-color: rgb(38, 94, 98);
}
.dark-mode .card-container.color-dach .card-inner .card-text h3.link > button {
  color: rgb(92, 194, 203);
}
.dark-mode .card-container.color-dach .card-inner .card-text h3.link > button:hover {
  color: rgb(132, 202, 208);
}
.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: initial;
  background-color: rgb(65, 140, 49);
}
.dark-mode .card-container.color-success.with-icon:hover {
  box-shadow: rgb(38, 88, 30) 0px 0px 0px 1px;
}
.dark-mode .card-container.color-success.with-icon:hover .card-icon-container {
  background-image: initial;
  background-color: rgb(38, 88, 30);
}
.dark-mode .card-container.color-success .card-inner .card-text h3.link > button {
  color: rgb(113, 199, 95);
}
.dark-mode .card-container.color-success .card-inner .card-text h3.link > button:hover {
  color: rgb(151, 216, 140);
}
.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: initial;
  background-color: rgb(126, 50, 26);
}
.dark-mode .card-container.color-danger.with-icon:hover {
  box-shadow: rgb(66, 26, 5) 0px 0px 0px 1px;
}
.dark-mode .card-container.color-danger.with-icon:hover .card-icon-container {
  background-image: initial;
  background-color: rgb(66, 26, 5);
}
.dark-mode .card-container.color-danger .card-inner .card-text h3.link > button {
  color: rgb(224, 132, 102);
}
.dark-mode .card-container.color-danger .card-inner .card-text h3.link > button:hover {
  color: rgb(204, 199, 193);
}
.dark-mode .loading-prop-container {
  background-color: rgb(34, 39, 45);
}
.dark-mode .loading-prop-container .loading-prop-sub-container {
  background-color: rgb(24, 26, 27);
}
.dark-mode .table-list-container .table-list tbody tr .title {
  color: rgb(174, 167, 157);
}
.dark-mode .table-list-container .table-list tbody tr .description {
  color: rgb(201, 196, 189);
}
.dark-mode .b {
  border-color: rgb(140, 130, 115) !important;
}
.dark-mode .color-white {
  color: rgb(232, 230, 227) !important;
}
.dark-mode .list-table tbody tr .title {
  color: rgb(174, 167, 157);
}
.dark-mode .list-table tbody tr .description {
  color: rgb(201, 196, 189);
}
.dark-mode .timeline-container .timeline-link {
  text-decoration-color: initial;
}
.dark-mode .timeline-container .timeline-element .icon {
  background-image: initial;
  background-color: rgb(29, 32, 33);
}
.dark-mode .timeline-container .timeline-element .element-card::after {
  border-color: transparent rgb(48, 52, 54) transparent transparent;
}
.dark-mode .timeline-container .timeline-element .element-card .content {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  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: initial;
  background-color: rgb(76, 82, 85);
}
.dark-mode .timeline-container.color-system .timeline-element .icon {
  border-color: rgb(63, 53, 100) !important;
}
.dark-mode .timeline-container.color-system .timeline-element .icon svg {
  fill: rgb(156, 145, 197);
}
.dark-mode .timeline-container.color-system .timeline-element .element-card .content {
  color: rgb(160, 152, 139);
}
.dark-mode .timeline-container.color-system .timeline-element .element-card .content::after {
  background-color: rgb(83, 77, 111);
}
.dark-mode .timeline-container.color-system .timeline-element .element-card:hover .content {
  color: rgb(164, 157, 145);
}
.dark-mode .timeline-container.color-system .timeline-element .element-card:hover .content::after {
  background-color: rgb(78, 73, 98);
}
.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: initial;
  background-color: rgb(76, 82, 85);
}
.dark-mode .timeline-container.color-bv .timeline-element .icon {
  border-color: rgb(31, 125, 168) !important;
}
.dark-mode .timeline-container.color-bv .timeline-element .icon svg {
  fill: rgb(101, 187, 227);
}
.dark-mode .timeline-container.color-bv .timeline-element .element-card .content {
  color: rgb(122, 193, 226);
}
.dark-mode .timeline-container.color-bv .timeline-element .element-card .content::after {
  background-color: rgb(22, 78, 104);
}
.dark-mode .timeline-container.color-bv .timeline-element .element-card:hover .content {
  color: rgb(144, 205, 233);
}
.dark-mode .timeline-container.color-bv .timeline-element .element-card:hover .content::after {
  background-color: rgb(15, 58, 78);
}
.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: initial;
  background-color: rgb(76, 82, 85);
}
.dark-mode .timeline-container.color-dach .timeline-element .icon {
  border-color: rgb(42, 124, 131) !important;
}
.dark-mode .timeline-container.color-dach .timeline-element .icon svg {
  fill: rgb(92, 194, 203);
}
.dark-mode .timeline-container.color-dach .timeline-element .element-card .content {
  color: rgb(105, 188, 195);
}
.dark-mode .timeline-container.color-dach .timeline-element .element-card .content::after {
  background-color: rgb(52, 124, 130);
}
.dark-mode .timeline-container.color-dach .timeline-element .element-card:hover .content {
  color: rgb(132, 202, 208);
}
.dark-mode .timeline-container.color-dach .timeline-element .element-card:hover .content::after {
  background-color: rgb(38, 94, 98);
}
.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: initial;
  background-color: rgb(76, 82, 85);
}
.dark-mode .timeline-container.color-success .timeline-element .icon {
  border-color: rgb(63, 137, 48) !important;
}
.dark-mode .timeline-container.color-success .timeline-element .icon svg {
  fill: rgb(113, 199, 95);
}
.dark-mode .timeline-container.color-success .timeline-element .element-card .content {
  color: rgb(132, 207, 116);
}
.dark-mode .timeline-container.color-success .timeline-element .element-card .content::after {
  background-color: rgb(53, 115, 40);
}
.dark-mode .timeline-container.color-success .timeline-element .element-card:hover .content {
  color: rgb(151, 216, 140);
}
.dark-mode .timeline-container.color-success .timeline-element .element-card:hover .content::after {
  background-color: rgb(38, 88, 30);
}
.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: initial;
  background-color: rgb(76, 82, 85);
}
.dark-mode .timeline-container.color-danger .timeline-element .icon {
  border-color: rgb(165, 66, 33) !important;
}
.dark-mode .timeline-container.color-danger .timeline-element .icon svg {
  fill: rgb(224, 132, 102);
}
.dark-mode .timeline-container.color-danger .timeline-element .element-card .content {
  color: rgb(233, 156, 127);
}
.dark-mode .timeline-container.color-danger .timeline-element .element-card .content::after {
  background-color: rgb(97, 39, 17);
}
.dark-mode .timeline-container.color-danger .timeline-element .element-card:hover .content {
  color: rgb(204, 199, 193);
}
.dark-mode .timeline-container.color-danger .timeline-element .element-card:hover .content::after {
  background-color: rgb(66, 26, 5);
}
.dark-mode .layout.profile {
  background-image: initial;
  background-color: rgb(29, 32, 33);
}
.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: rgb(174, 167, 157);
}
.dark-mode .project-page-container .registrator-notice-card {
  background-color: rgba(23, 94, 127, 0.16);
}
.dark-mode .list-bottom-bar {
  border-color: rgb(140, 130, 115) !important;
}
.dark-mode .list-bottom-bar .filter-group-button {
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-system {
  color: rgb(156, 145, 197);
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-bv {
  color: rgb(101, 187, 227);
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-dach {
  color: rgb(92, 194, 203);
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-success {
  color: rgb(113, 199, 95);
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-danger {
  color: rgb(224, 132, 102);
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-system::after {
  color: rgb(156, 145, 197);
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-bv::after {
  color: rgb(101, 187, 227);
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-dach::after {
  color: rgb(92, 194, 203);
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-success::after {
  color: rgb(113, 199, 95);
}
.dark-mode .list-bottom-bar .filter-group-button .filter-group-item.color-danger::after {
  color: rgb(224, 132, 102);
}
.dark-mode .lds-spinner {
  color: rgb(232, 230, 227);
}
.dark-mode .lds-spinner div::after {
  background-image: initial;
  background-color: rgb(15, 58, 78);
}
.dark-mode .cards-table-list-container .card-list-link {
  text-decoration-color: initial;
}
.dark-mode .cards-table-list-container .headings-container {
  color: rgb(174, 167, 157);
}
.dark-mode .cards-table-list-container .background-grey {
  background-color: rgb(29, 32, 33);
  border-color: rgb(48, 52, 54);
}
.dark-mode .cards-table-list-container .info-text.yellow {
  color: rgb(244, 193, 42);
}
.dark-mode .cards-table-list-container .info-text.green {
  color: rgb(113, 199, 95);
}
.dark-mode .cards-table-list-container .info-text.red {
  color: rgb(224, 132, 102);
}
.dark-mode .cards-tile-list-container .background-grey {
  background-color: rgb(29, 32, 33);
  border-color: rgb(48, 52, 54);
}
.dark-mode .cards-tile-list-container .card-list-link {
  text-decoration-color: initial;
}
.dark-mode .cards-tile-list-container .info-text.yellow {
  color: rgb(244, 193, 42);
}
.dark-mode .cards-tile-list-container .info-text.green {
  color: rgb(113, 199, 95);
}
.dark-mode .cards-tile-list-container .info-text.red {
  color: rgb(224, 132, 102);
}
.dark-mode .cards-list-container .list-switch-container .switch-icon {
  fill: rgb(156, 145, 197);
}
.dark-mode .cards-list-container .list-switch-container .switch-icon:hover {
  fill: rgb(164, 157, 145);
}
.dark-mode .cards-list-container .list-switch-container .switch-icon.bv {
  fill: rgb(101, 187, 227);
}
.dark-mode .cards-list-container .list-switch-container .switch-icon.bv:hover {
  fill: rgb(144, 205, 233);
}
.dark-mode .cards-list-container .list-switch-container .switch-icon.dach {
  fill: rgb(92, 194, 203);
}
.dark-mode .cards-list-container .list-switch-container .switch-icon.dach:hover {
  fill: rgb(132, 202, 208);
}
.dark-mode .cards-list-container .list-switch-container .switch-icon.active {
  fill: rgb(174, 167, 157);
}
.dark-mode .cards-list-container .list-switch-container .switch-icon.active:hover {
  fill: rgb(174, 167, 157);
}
.dark-mode .facilities-subpage-massfacilities-container .headings-container {
  color: rgb(174, 167, 157);
}
.dark-mode .facilities-subpage-allgemein-container .status-container .status-text-container.success {
  color: rgb(113, 199, 95);
}
.dark-mode .facilities-subpage-allgemein-container .status-container .status-text-container.warning {
  color: rgb(244, 193, 42);
}
.dark-mode .facilities-subpage-allgemein-container .status-container .status-text-container.danger {
  color: rgb(224, 132, 102);
}
.dark-mode .facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator.danger {
  background-color: rgb(126, 50, 26);
}
.dark-mode .facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator.warning {
  background-color: rgb(188, 143, 10);
}
.dark-mode .facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator.success {
  background-color: rgb(65, 140, 49);
}
.dark-mode .facilities-subpage-allgemein-container .title-icon-container .status-circle-indicator.grey {
  background-color: rgb(37, 40, 41);
}
.dark-mode .change-password-page .card {
  box-shadow: rgba(34, 39, 45, 0.16) 2px 2px 8px 2px;
}
.dark-mode .password-hints {
  border-color: rgb(63, 53, 100);
  background-color: rgba(102, 16, 130, 0.16);
}
.dark-mode .password-hints .hint-container.success {
  color: rgb(113, 199, 95);
  fill: rgb(113, 199, 95);
}
.dark-mode .requirements-page-container .info-text {
  color: rgb(174, 167, 157);
}
.dark-mode .construction-permit-page-container .card-status-header.success {
  background-color: rgb(65, 140, 49);
}
.dark-mode .construction-permit-page-container .card-status-header.warning {
  background-color: rgb(188, 143, 10);
}
.dark-mode .construction-permit-page-container .card-status-header.danger {
  background-color: rgb(126, 50, 26);
}
.dark-mode .construction-permit-page-container .status-container .status-text-container.success {
  color: rgb(113, 199, 95);
}
.dark-mode .construction-permit-page-container .status-container .status-text-container.warning {
  color: rgb(244, 193, 42);
}
.dark-mode .construction-permit-page-container .status-container .status-text-container.danger {
  color: rgb(224, 132, 102);
}
.dark-mode .b {
  border-color: rgb(140, 130, 115) !important;
}
.dark-mode .color-white {
  color: rgb(232, 230, 227) !important;
}
.dark-mode .list-table tbody tr .title {
  color: rgb(174, 167, 157);
}
.dark-mode .list-table tbody tr .description {
  color: rgb(201, 196, 189);
}
.dark-mode .roof-subpage-overview-container .success {
  color: rgb(113, 199, 95);
}
.dark-mode .roof-subpage-overview-container .warning {
  color: rgb(244, 193, 42);
}
.dark-mode .roof-subpage-overview-container .danger {
  color: rgb(224, 132, 102);
}
.dark-mode .b {
  border-color: rgb(140, 130, 115) !important;
}
.dark-mode .color-white {
  color: rgb(232, 230, 227) !important;
}
.dark-mode .list-table tbody tr .title {
  color: rgb(174, 167, 157);
}
.dark-mode .list-table tbody tr .description {
  color: rgb(201, 196, 189);
}
.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: rgb(63, 53, 100);
}
.dark-mode .abnormality-preview-container .avatar-icon:hover.color-bv {
  border-color: rgb(31, 125, 168);
}
.dark-mode .abnormality-preview-container .avatar-icon:hover.color-dach {
  border-color: rgb(42, 124, 131);
}
.dark-mode .abnormality-preview-container .avatar-icon:hover.color-success {
  border-color: rgb(63, 137, 48);
}
.dark-mode .abnormality-preview-container .avatar-icon:hover.color-danger {
  border-color: rgb(165, 66, 33);
}
.dark-mode .b {
  border-color: rgb(140, 130, 115) !important;
}
.dark-mode .color-white {
  color: rgb(232, 230, 227) !important;
}
.dark-mode .list-table tbody tr .title {
  color: rgb(174, 167, 157);
}
.dark-mode .list-table tbody tr .description {
  color: rgb(201, 196, 189);
}
.dark-mode .image-gallery-modal-container .color-system .custom-header {
  border-top-color: rgb(63, 53, 100);
}
.dark-mode .image-gallery-modal-container .color-system .image-display > .image-container .btn {
  background-image: initial;
  background-color: rgb(62, 52, 99);
}
.dark-mode .image-gallery-modal-container .color-system .image-display > .image-container .btn:hover {
  box-shadow: rgb(78, 73, 98) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-system .image-sidebar > .images > .image-container:hover {
  box-shadow: rgb(78, 73, 98) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-system .image-sidebar > .images > .image-container.selected {
  box-shadow: rgb(78, 73, 98) 0px 0px 0px 2px;
}
.dark-mode .image-gallery-modal-container .color-bv .custom-header {
  border-top-color: rgb(31, 125, 168);
}
.dark-mode .image-gallery-modal-container .color-bv .image-display > .image-container .btn {
  background-image: initial;
  background-color: rgb(23, 94, 127);
}
.dark-mode .image-gallery-modal-container .color-bv .image-display > .image-container .btn:hover {
  box-shadow: rgb(15, 58, 78) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-bv .image-sidebar > .images > .image-container:hover {
  box-shadow: rgb(15, 58, 78) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-bv .image-sidebar > .images > .image-container.selected {
  box-shadow: rgb(15, 58, 78) 0px 0px 0px 2px;
}
.dark-mode .image-gallery-modal-container .color-dach .custom-header {
  border-top-color: rgb(42, 124, 131);
}
.dark-mode .image-gallery-modal-container .color-dach .image-display > .image-container .btn {
  background-image: initial;
  background-color: rgb(47, 138, 145);
}
.dark-mode .image-gallery-modal-container .color-dach .image-display > .image-container .btn:hover {
  box-shadow: rgb(38, 94, 98) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-dach .image-sidebar > .images > .image-container:hover {
  box-shadow: rgb(38, 94, 98) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-dach .image-sidebar > .images > .image-container.selected {
  box-shadow: rgb(38, 94, 98) 0px 0px 0px 2px;
}
.dark-mode .image-gallery-modal-container .color-success .custom-header {
  border-top-color: rgb(63, 137, 48);
}
.dark-mode .image-gallery-modal-container .color-success .image-display > .image-container .btn {
  background-image: initial;
  background-color: rgb(65, 140, 49);
}
.dark-mode .image-gallery-modal-container .color-success .image-display > .image-container .btn:hover {
  box-shadow: rgb(38, 88, 30) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-success .image-sidebar > .images > .image-container:hover {
  box-shadow: rgb(38, 88, 30) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-success .image-sidebar > .images > .image-container.selected {
  box-shadow: rgb(38, 88, 30) 0px 0px 0px 2px;
}
.dark-mode .image-gallery-modal-container .color-danger .custom-header {
  border-top-color: rgb(165, 66, 33);
}
.dark-mode .image-gallery-modal-container .color-danger .image-display > .image-container .btn {
  background-image: initial;
  background-color: rgb(126, 50, 26);
}
.dark-mode .image-gallery-modal-container .color-danger .image-display > .image-container .btn:hover {
  box-shadow: rgb(66, 26, 5) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-danger .image-sidebar > .images > .image-container:hover {
  box-shadow: rgb(66, 26, 5) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-modal-container .color-danger .image-sidebar > .images > .image-container.selected {
  box-shadow: rgb(66, 26, 5) 0px 0px 0px 2px;
}
.dark-mode .b {
  border-color: rgb(140, 130, 115) !important;
}
.dark-mode .color-white {
  color: rgb(232, 230, 227) !important;
}
.dark-mode .list-table tbody tr .title {
  color: rgb(174, 167, 157);
}
.dark-mode .list-table tbody tr .description {
  color: rgb(201, 196, 189);
}
.dark-mode .image-link-container.color-system.selected {
  border-color: rgb(105, 97, 86);
}
.dark-mode .image-link-container.color-bv.selected {
  border-color: rgb(36, 137, 184);
}
.dark-mode .image-link-container.color-dach.selected {
  border-color: rgb(56, 140, 148);
}
.dark-mode .image-link-container.color-success.selected {
  border-color: rgb(69, 158, 53);
}
.dark-mode .image-link-container.color-danger.selected {
  border-color: rgb(125, 116, 103);
}
.dark-mode .b {
  border-color: rgb(140, 130, 115) !important;
}
.dark-mode .color-white {
  color: rgb(232, 230, 227) !important;
}
.dark-mode .list-table tbody tr .title {
  color: rgb(174, 167, 157);
}
.dark-mode .list-table tbody tr .description {
  color: rgb(201, 196, 189);
}
.dark-mode .image-gallery-main-photo-container {
  border-left-color: rgb(54, 59, 61);
}
.dark-mode .image-gallery-main-photo-container .image-container {
  background-color: rgb(37, 40, 41);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.btn-color-system {
  background-image: initial;
  background-color: rgb(62, 52, 99);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.btn-color-bv {
  background-image: initial;
  background-color: rgb(23, 94, 127);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.btn-color-dach {
  background-image: initial;
  background-color: rgb(47, 138, 145);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.btn-color-success {
  background-image: initial;
  background-color: rgb(65, 140, 49);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.btn-color-danger {
  background-image: initial;
  background-color: rgb(126, 50, 26);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-system {
  box-shadow: rgb(78, 73, 98) 0px 0px 0px 1px;
  background-image: initial;
  background-color: rgb(78, 73, 98);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-system .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-bv {
  box-shadow: rgb(15, 58, 78) 0px 0px 0px 1px;
  background-image: initial;
  background-color: rgb(15, 58, 78);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-bv .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-dach {
  box-shadow: rgb(38, 94, 98) 0px 0px 0px 1px;
  background-image: initial;
  background-color: rgb(38, 94, 98);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-dach .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-success {
  box-shadow: rgb(38, 88, 30) 0px 0px 0px 1px;
  background-image: initial;
  background-color: rgb(38, 88, 30);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-success .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-danger {
  box-shadow: rgb(66, 26, 5) 0px 0px 0px 1px;
  background-image: initial;
  background-color: rgb(66, 26, 5);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-left:hover.btn-color-danger .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-system {
  box-shadow: rgb(78, 73, 98) 0px 0px 0px 1px;
  background-image: initial;
  background-color: rgb(78, 73, 98);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-system .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-bv {
  box-shadow: rgb(15, 58, 78) 0px 0px 0px 1px;
  background-image: initial;
  background-color: rgb(15, 58, 78);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-bv .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-dach {
  box-shadow: rgb(38, 94, 98) 0px 0px 0px 1px;
  background-image: initial;
  background-color: rgb(38, 94, 98);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-dach .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-success {
  box-shadow: rgb(38, 88, 30) 0px 0px 0px 1px;
  background-image: initial;
  background-color: rgb(38, 88, 30);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-success .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-danger {
  box-shadow: rgb(66, 26, 5) 0px 0px 0px 1px;
  background-image: initial;
  background-color: rgb(66, 26, 5);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn.arrow-right:hover.btn-color-danger .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .image-gallery-main-photo-container .image-container .btn .icon {
  fill: rgb(232, 230, 227);
}
.dark-mode .abnormality-comparison-view-container .grid-container .grid-item.upper {
  color: rgb(174, 167, 157);
}
.dark-mode .abnormality-comparison-view-container .grid-container .grid-item.lower .image-container .abnormality-image:hover {
  border-color: rgb(42, 124, 131);
}
.dark-mode .abnormality-comparison-view-container .grid-container .grid-item.left {
  border-right-color: rgb(74, 80, 83);
}
.dark-mode .b {
  border-color: rgb(140, 130, 115) !important;
}
.dark-mode .color-white {
  color: rgb(232, 230, 227) !important;
}
.dark-mode .list-table tbody tr .title {
  color: rgb(174, 167, 157);
}
.dark-mode .list-table tbody tr .description {
  color: rgb(201, 196, 189);
}
.dark-mode .image-gallery-comparison-modal-container .color-system .custom-header {
  border-top-color: rgb(63, 53, 100);
}
.dark-mode .image-gallery-comparison-modal-container .color-system .image-display > .image-container .btn {
  background-image: initial;
  background-color: rgb(62, 52, 99);
}
.dark-mode .image-gallery-comparison-modal-container .color-system .image-display > .image-container .btn:hover {
  box-shadow: rgb(78, 73, 98) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-system .image-sidebar > .images > .image-container:hover {
  box-shadow: rgb(78, 73, 98) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-system .image-sidebar > .images > .image-container.selected {
  box-shadow: rgb(78, 73, 98) 0px 0px 0px 2px;
}
.dark-mode .image-gallery-comparison-modal-container .color-bv .custom-header {
  border-top-color: rgb(31, 125, 168);
}
.dark-mode .image-gallery-comparison-modal-container .color-bv .image-display > .image-container .btn {
  background-image: initial;
  background-color: rgb(23, 94, 127);
}
.dark-mode .image-gallery-comparison-modal-container .color-bv .image-display > .image-container .btn:hover {
  box-shadow: rgb(15, 58, 78) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-bv .image-sidebar > .images > .image-container:hover {
  box-shadow: rgb(15, 58, 78) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-bv .image-sidebar > .images > .image-container.selected {
  box-shadow: rgb(15, 58, 78) 0px 0px 0px 2px;
}
.dark-mode .image-gallery-comparison-modal-container .color-dach .custom-header {
  border-top-color: rgb(42, 124, 131);
}
.dark-mode .image-gallery-comparison-modal-container .color-dach .image-display > .image-container .btn {
  background-image: initial;
  background-color: rgb(47, 138, 145);
}
.dark-mode .image-gallery-comparison-modal-container .color-dach .image-display > .image-container .btn:hover {
  box-shadow: rgb(38, 94, 98) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-dach .image-sidebar > .images > .image-container:hover {
  box-shadow: rgb(38, 94, 98) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-dach .image-sidebar > .images > .image-container.selected {
  box-shadow: rgb(38, 94, 98) 0px 0px 0px 2px;
}
.dark-mode .image-gallery-comparison-modal-container .color-success .custom-header {
  border-top-color: rgb(63, 137, 48);
}
.dark-mode .image-gallery-comparison-modal-container .color-success .image-display > .image-container .btn {
  background-image: initial;
  background-color: rgb(65, 140, 49);
}
.dark-mode .image-gallery-comparison-modal-container .color-success .image-display > .image-container .btn:hover {
  box-shadow: rgb(38, 88, 30) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-success .image-sidebar > .images > .image-container:hover {
  box-shadow: rgb(38, 88, 30) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-success .image-sidebar > .images > .image-container.selected {
  box-shadow: rgb(38, 88, 30) 0px 0px 0px 2px;
}
.dark-mode .image-gallery-comparison-modal-container .color-danger .custom-header {
  border-top-color: rgb(165, 66, 33);
}
.dark-mode .image-gallery-comparison-modal-container .color-danger .image-display > .image-container .btn {
  background-image: initial;
  background-color: rgb(126, 50, 26);
}
.dark-mode .image-gallery-comparison-modal-container .color-danger .image-display > .image-container .btn:hover {
  box-shadow: rgb(66, 26, 5) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-danger .image-sidebar > .images > .image-container:hover {
  box-shadow: rgb(66, 26, 5) 0px 0px 0px 1px;
}
.dark-mode .image-gallery-comparison-modal-container .color-danger .image-sidebar > .images > .image-container.selected {
  box-shadow: rgb(66, 26, 5) 0px 0px 0px 2px;
}
.dark-mode .image-gallery-comparison-container .switch-button-container .switch-button .part.inactive {
  border-color: rgb(42, 124, 131);
  color: rgb(92, 194, 203);
}
.dark-mode .image-gallery-comparison-container .switch-button-container .switch-button .part.inactive:hover {
  color: rgb(232, 230, 227);
  background-image: initial;
  background-color: rgb(38, 94, 98);
  border-color: rgb(56, 140, 148);
}
.dark-mode .image-gallery-comparison-container .switch-button-container .switch-button .part.inactive:active:hover {
  color: rgb(232, 230, 227);
  background-image: initial;
  background-color: rgb(52, 124, 130);
  border-color: rgb(54, 128, 133);
}
.dark-mode .image-gallery-comparison-container .switch-button-container .switch-button .part.active {
  border-color: rgb(74, 80, 83);
  color: rgb(174, 167, 157);
}
.dark-mode .image-gallery-comparison-container .switch-button-container .switch-button .part.active.left {
  border-right-color: initial;
}
.dark-mode .image-gallery-comparison-container .switch-button-container .switch-button .part.active.right {
  border-left-color: initial;
}
.dark-mode .image-gallery-comparison-container .image-gallery-comparison-grid .grid-item .gallery-heading {
  color: rgb(174, 167, 157);
}
.dark-mode .image-gallery-comparison-container .comparison-card .main-photo-container {
  border-left-color: initial;
}
.dark-mode .google-map-filters-mapmarker-icon.red {
  fill: rgb(224, 132, 102);
}
.dark-mode .google-map-filters-mapmarker-icon.grey {
  fill: rgb(174, 167, 157);
}
.dark-mode .google-map-filters-mapmarker-icon.green {
  fill: rgb(113, 199, 95);
}
.dark-mode .google-map-filters-mapmarker-icon.yellow {
  fill: rgb(244, 193, 42);
}
.dark-mode .google-map-filters-mapmarker-icon.dach {
  fill: rgb(92, 194, 203);
}
.dark-mode .mapmarker-container .mapmarker-icon.red {
  fill: rgb(224, 132, 102);
}
.dark-mode .mapmarker-container .mapmarker-icon.grey {
  fill: rgb(174, 167, 157);
}
.dark-mode .mapmarker-container .mapmarker-icon.green {
  fill: rgb(113, 199, 95);
}
.dark-mode .mapmarker-container .mapmarker-icon.yellow {
  fill: rgb(244, 193, 42);
}
.dark-mode .mapmarker-container .mapmarker-icon.dach {
  fill: rgb(92, 194, 203);
}
.dark-mode .map-popup-container .map-popup-box {
  background-color: rgb(37, 40, 41);
}
.dark-mode .map-popup-container .map-popup-box .top-bar {
  background-color: rgb(24, 26, 27);
  color: rgb(174, 167, 157);
  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: rgb(92, 194, 203);
}
.dark-mode .map-popup-container .map-popup-box::after {
  border-top-color: rgb(54, 59, 61);
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: initial;
}
.dark-mode .emergencyrepair-page-container .status-string.success {
  color: rgb(113, 199, 95);
}
.dark-mode .emergencyrepair-page-container .marker-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .emergencyrepair-page-container .subcard-map-icon-container {
  color: rgb(92, 194, 203);
}
.dark-mode .emergencyrepair-page-container .subcard-map-icon-container .subcard-map-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .b {
  border-color: rgb(140, 130, 115) !important;
}
.dark-mode .color-white {
  color: rgb(232, 230, 227) !important;
}
.dark-mode .list-table tbody tr .title {
  color: rgb(174, 167, 157);
}
.dark-mode .list-table tbody tr .description {
  color: rgb(201, 196, 189);
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn {
  border-color: rgb(63, 53, 100);
  color: rgb(156, 145, 197);
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(105, 97, 86);
  background-image: initial;
  background-color: rgb(78, 73, 98);
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn:active:hover {
  color: rgb(160, 152, 139);
  border-color: rgb(80, 87, 90);
  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: rgb(42, 124, 131);
  color: rgb(92, 194, 203);
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn.dach:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(56, 140, 148);
  background-image: initial;
  background-color: rgb(38, 94, 98);
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn.dach:active:hover {
  color: rgb(105, 188, 195);
  border-color: rgb(54, 128, 133);
  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: rgb(31, 125, 168);
  color: rgb(101, 187, 227);
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn.bv:hover {
  color: rgb(232, 230, 227);
  border-color: rgb(36, 137, 184);
  background-image: initial;
  background-color: rgb(15, 58, 78);
}
.dark-mode .image-gallery-preview-container .gallery-image-container.more-btn.bv:active:hover {
  color: rgb(122, 193, 226);
  border-color: rgb(37, 127, 171);
  background-image: initial;
  background-color: rgba(23, 94, 127, 0.16);
}
.dark-mode .documents-table-mobile .table-item.even {
  background-color: rgb(29, 32, 33);
}
.dark-mode .documents-table .documents-table-body tr:nth-child(2n+1) {
  background-color: rgb(29, 32, 33);
}
.dark-mode .sub-card-container {
  border-color: rgb(54, 59, 61);
}
.dark-mode .sub-card-container .sub-card-header {
  color: rgb(174, 167, 157);
}
.dark-mode .sub-card-container .sub-card-header .header-icon-container .header-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .sub-card-container .sub-card-footer {
  border-top-color: rgb(54, 59, 61);
  color: rgb(174, 167, 157);
}
.dark-mode .sub-card-container .sub-card-footer .footer-icon-container .footer-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .sub-card-container .sub-card-card-body {
  background-color: rgb(29, 32, 33);
}
.dark-mode .repair-page-container .status-string.success {
  color: rgb(113, 199, 95);
}
.dark-mode .repair-page-container .status-string.danger {
  color: rgb(224, 132, 102);
}
.dark-mode .repair-page-container .status-string.warning {
  color: rgb(244, 193, 42);
}
.dark-mode .repair-page-container .marker-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .repair-page-container .subcard-map-icon-container {
  color: rgb(92, 194, 203);
}
.dark-mode .repair-page-container .subcard-map-icon-container .subcard-map-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .manualrepair-page-container .status-string.success {
  color: rgb(113, 199, 95);
}
.dark-mode .manualrepair-page-container .marker-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .maintenance-page-container .status-string.success {
  color: rgb(113, 199, 95);
}
.dark-mode .maintenance-page-container .marker-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .maintenance-page-container .abnormalities-link {
  color: rgb(92, 194, 203);
}
.dark-mode .maintenance-page-container .subcard-map-icon-container {
  color: rgb(92, 194, 203);
}
.dark-mode .maintenance-page-container .subcard-map-icon-container .subcard-map-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .roofwork-page-container .status-string.success {
  color: rgb(113, 199, 95);
}
.dark-mode .roofwork-page-container .marker-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .ladderinspection-page-container .status-string.success {
  color: rgb(113, 199, 95);
}
.dark-mode .ladderinspection-page-container .marker-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .fallprotectioninspection-page-container .status-string.success {
  color: rgb(113, 199, 95);
}
.dark-mode .fallprotectioninspection-page-container .marker-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .initialroofcapture-page-container .status-string.success {
  color: rgb(113, 199, 95);
}
.dark-mode .initialroofcapture-page-container .marker-icon {
  fill: rgb(92, 194, 203);
}
.dark-mode .panorama-view-page-container .top-bar .info-text {
  color: rgb(174, 167, 157);
}
.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, rgb(62, 52, 99) 0%, rgb(78, 73, 98) 50%);
  background-color: initial;
}
.dark-mode .layout.login-layout .quote {
  color: rgb(232, 230, 227);
}
.dark-mode .layout.login-layout .quote a {
  color: rgb(218, 215, 210);
}
.dark-mode .layout.login-layout .quote h3 {
  color: rgb(232, 230, 227);
}
.dark-mode .layout.login-layout .quote::before {
  background-image: url("https://develop.beta.facilityscanner.com/resources/636d9403cfd570167e9c88c0162564c7.svg");
  background-color: initial;
}
.dark-mode .layout.login-layout > .content {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  color: initial;
}
.dark-mode .layout.login-layout > .content p {
  color: rgb(174, 167, 157);
}
.dark-mode .layout.login-layout .footer {
  background-color: rgb(29, 32, 33);
  color: rgb(178, 171, 161);
}
.dark-mode .logout-page-container .logout-heading {
  fill: rgb(113, 199, 95);
}
.dark-mode .logout-page-container .logout-heading h1 {
  color: rgb(113, 199, 95);
}
.dark-mode .forgot-password-page-container .forgot-password-heading-success {
  fill: rgb(113, 199, 95);
}
.dark-mode .forgot-password-page-container .forgot-password-heading-success h1 {
  color: rgb(113, 199, 95);
}
.dark-mode .forgot-password-page-container .forgot-password-heading-error {
  fill: rgb(224, 132, 102);
}
.dark-mode .forgot-password-page-container .forgot-password-heading-error h1 {
  color: rgb(224, 132, 102);
}
.dark-mode .vimvixen-hint {
  background-color: #7b5300 !important;
  border-color: #d8b013 !important;
  color: #f3e8c8 !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;
}