@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Mukta:300,400,500,600,700";
@import "https://fonts.googleapis.com/css?family=Catamaran:300,400,500,600,700";

/* node_modules/mapbox-gl/dist/mapbox-gl.css */
.mapboxgl-map {
  font:
    12px/20px Helvetica Neue,
    Arial,
    Helvetica,
    sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgb(0 0 0/0);
}
.mapboxgl-canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.mapboxgl-map:-webkit-full-screen {
  width: 100%;
  height: 100%;
}
.mapboxgl-canary {
  background-color: salmon;
}
.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
}
.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer;
}
.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: grabbing;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none;
}
.mapboxgl-ctrl-bottom,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-left,
.mapboxgl-ctrl-right,
.mapboxgl-ctrl-top,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
.mapboxgl-ctrl-top-left {
  top: 0;
  left: 0;
}
.mapboxgl-ctrl-top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.mapboxgl-ctrl-top-right {
  top: 0;
  right: 0;
}
.mapboxgl-ctrl-right {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.mapboxgl-ctrl-bottom-right {
  right: 0;
  bottom: 0;
}
.mapboxgl-ctrl-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}
.mapboxgl-ctrl-left {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 10px 0 0 10px;
  float: left;
}
.mapboxgl-ctrl-top .mapboxgl-ctrl {
  margin: 10px 0;
  float: left;
}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  margin: 10px 10px 0 0;
  float: right;
}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
.mapboxgl-ctrl-right .mapboxgl-ctrl {
  margin: 0 10px 10px 0;
  float: right;
}
.mapboxgl-ctrl-bottom .mapboxgl-ctrl {
  margin: 10px 0;
  float: left;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,
.mapboxgl-ctrl-left .mapboxgl-ctrl {
  margin: 0 0 10px 10px;
  float: left;
}
.mapboxgl-ctrl-group {
  border-radius: 4px;
  background: #fff;
}
.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px #0000001a;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText;
  }
}
.mapboxgl-ctrl-group button {
  width: 32px;
  height: 32px;
  display: block;
  padding: 0;
  outline: none;
  border: 0;
  box-sizing: border-box;
  background-color: initial;
  cursor: pointer;
  overflow: hidden;
}
.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd;
}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: initial;
  }
  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid ButtonText;
  }
}
.mapboxgl-ctrl-attrib-button:focus,
.mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff;
}
.mapboxgl-ctrl button:disabled {
  cursor: not-allowed;
}
.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: .25;
}
.mapboxgl-ctrl-group button:first-child {
  border-radius: 4px 4px 0 0;
}
.mapboxgl-ctrl-group button:last-child {
  border-radius: 0 0 4px 4px;
}
.mapboxgl-ctrl-group button:only-child {
  border-radius: inherit;
}
.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: #eee;
}
.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff;
}
.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-arrow-up .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L9 8.41421L12.2929 11.7071C12.6834 12.0976 13.3166 12.0976 13.7071 11.7071C14.0976 11.3166 14.0976 10.6834 13.7071 10.2929L9.70711 6.29289C9.31658 5.90237 8.68342 5.90237 8.29289 6.29289L4.29289 10.2929C3.90237 10.6834 3.90237 11.3166 4.29289 11.7071Z' fill='%23333333'/%3E%3C/svg%3E");
  background-size: 18px 18px;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-arrow-down .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.29289 6.29289C4.68342 5.90237 5.31658 5.90237 5.70711 6.29289L9 9.58579L12.2929 6.29289C12.6834 5.90237 13.3166 5.90237 13.7071 6.29289C14.0976 6.68342 14.0976 7.31658 13.7071 7.70711L9.70711 11.7071C9.31658 12.0976 8.68342 12.0976 8.29289 11.7071L4.29289 7.70711C3.90237 7.31658 3.90237 6.68342 4.29289 6.29289Z' fill='%23333333'/%3E%3C/svg%3E");
  background-size: 18px 18px;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.0017 3.0017L4.0017 15.0017L10.0017 15.0017V12.0017H12.0017V15.0017H14.0017L14.0017 3.0017C14.0097 2.86829 13.9894 2.73469 13.9419 2.60973C13.8945 2.48477 13.8211 2.37129 13.7266 2.27678C13.6321 2.18228 13.5186 2.10889 13.3937 2.06147C13.2687 2.01405 13.1351 1.99368 13.0017 2.0017L5.0017 2.0017C4.86829 1.99368 4.73469 2.01405 4.60973 2.06147C4.48477 2.10889 4.37129 2.18228 4.27678 2.27678C4.18228 2.37129 4.10889 2.48477 4.06147 2.60973C4.01405 2.73469 3.99368 2.86829 4.0017 3.0017ZM8.0017 14.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017 10.0017H6.0017L6.0017 8.0017H8.0017V10.0017ZM8.0017 6.0017L6.0017 6.0017V4.0017H8.0017V6.0017ZM12.0017 10.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017 6.0017H10.0017V4.0017L12.0017 4.0017V6.0017Z' fill='%23333333'/%3E%3C/svg%3E");
  background-size: 18px 18px;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.0017 3.0017L4.0017 15.0017L10.0017 15.0017V12.0017H12.0017V15.0017H14.0017L14.0017 3.0017C14.0097 2.86829 13.9894 2.73469 13.9419 2.60973C13.8945 2.48477 13.8211 2.37129 13.7266 2.27678C13.6321 2.18228 13.5186 2.10889 13.3937 2.06147C13.2687 2.01405 13.1351 1.99368 13.0017 2.0017L5.0017 2.0017C4.86829 1.99368 4.73469 2.01405 4.60973 2.06147C4.48477 2.10889 4.37129 2.18228 4.27678 2.27678C4.18228 2.37129 4.10889 2.48477 4.06147 2.60973C4.01405 2.73469 3.99368 2.86829 4.0017 3.0017ZM8.0017 14.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017 10.0017H6.0017L6.0017 8.0017H8.0017V10.0017ZM8.0017 6.0017L6.0017 6.0017V4.0017H8.0017V6.0017ZM12.0017 10.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017 6.0017H10.0017V4.0017L12.0017 4.0017V6.0017Z' fill='%23333333'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.0017 3.0017L4.0017 15.0017L10.0017 15.0017V12.0017H12.0017V15.0017H14.0017L14.0017 3.0017C14.0097 2.86829 13.9894 2.73469 13.9419 2.60973C13.8945 2.48477 13.8211 2.37129 13.7266 2.27678C13.6321 2.18228 13.5186 2.10889 13.3937 2.06147C13.2687 2.01405 13.1351 1.99368 13.0017 2.0017L5.0017 2.0017C4.86829 1.99368 4.73469 2.01405 4.60973 2.06147C4.48477 2.10889 4.37129 2.18228 4.27678 2.27678C4.18228 2.37129 4.10889 2.48477 4.06147 2.60973C4.01405 2.73469 3.99368 2.86829 4.0017 3.0017ZM8.0017 14.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017 10.0017H6.0017L6.0017 8.0017H8.0017V10.0017ZM8.0017 6.0017L6.0017 6.0017V4.0017H8.0017V6.0017ZM12.0017 10.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017 6.0017H10.0017V4.0017L12.0017 4.0017V6.0017Z' fill='%23333333'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
  animation: mapboxgl-spin 2s linear infinite;
}
@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
  }
}
@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
a.mapboxgl-ctrl-logo {
  width: 88px;
  height: 23px;
  margin: 0 0 -4px -4px;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
}
a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px;
}
@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: initial;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  padding: 0 5px;
  background-color: #ffffff80;
  margin: 0;
}
@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    min-height: 20px;
    padding: 2px 24px 2px 0;
    margin: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 12px;
    box-sizing: initial;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 28px 2px 8px;
    visibility: visible;
  }
  :is(.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-left, .mapboxgl-ctrl-top-left) > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 8px 2px 28px;
    border-radius: 12px;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none;
  }
  .mapboxgl-ctrl-attrib-button {
    display: none;
    cursor: pointer;
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
    background-color: #ffffff80;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 12px;
    outline: none;
    top: 0;
    right: 0;
    border: 0;
  }
  :is(.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-left, .mapboxgl-ctrl-top-left) .mapboxgl-ctrl-attrib-button {
    left: 0;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
    display: block;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
    background-color: #0000000d;
  }
  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0;
  }
  .mapboxgl-ctrl-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
  }
  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    right: 0;
  }
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    left: 0;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0;
  }
  .mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
  }
}
@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}
@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl-attrib a {
  color: #000000bf;
  text-decoration: none;
}
.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}
.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: 700;
  margin-left: 2px;
}
.mapboxgl-attrib-empty {
  display: none;
}
.mapboxgl-ctrl-scale {
  background-color: #ffffffbf;
  font-size: 10px;
  border: 2px solid #333;
  border-top: #333;
  padding: 0 5px;
  color: #333;
  box-sizing: border-box;
  white-space: nowrap;
}
.mapboxgl-popup {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  will-change: transform;
  pointer-events: none;
}
.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
  flex-direction: column;
}
.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
  flex-direction: column-reverse;
}
.mapboxgl-popup-anchor-left {
  flex-direction: row;
}
.mapboxgl-popup-anchor-right {
  flex-direction: row-reverse;
}
.mapboxgl-popup-tip {
  width: 0;
  height: 0;
  border: 10px solid #0000;
  z-index: 1;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  align-self: center;
  border-top: none;
  border-bottom-color: #fff;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-top: none;
  border-left: none;
  border-bottom-color: #fff;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-top: none;
  border-right: none;
  border-bottom-color: #fff;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  align-self: center;
  border-bottom: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff;
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  align-self: center;
  border-left: none;
  border-right-color: #fff;
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  align-self: center;
  border-right: none;
  border-left-color: #fff;
}
.mapboxgl-popup-close-button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  background-color: initial;
}
.mapboxgl-popup-close-button:hover {
  background-color: #eee;
}
.mapboxgl-popup-content {
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px #0000001a;
  padding: 10px 10px 15px;
  pointer-events: auto;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0;
}
.mapboxgl-popup-track-pointer {
  display: none;
}
.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex;
}
.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none;
}
.mapboxgl-marker {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  opacity: 1;
  transition: opacity .2s;
}
.mapboxgl-user-location-dot,
.mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.mapboxgl-user-location-dot:before {
  content: "";
  position: absolute;
  animation: mapboxgl-user-location-dot-pulse 2s infinite;
}
.mapboxgl-user-location-dot:after {
  border-radius: 50%;
  border: 2px solid #fff;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
  box-sizing: border-box;
  box-shadow: 0 0 3px #00000059;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
  width: 0;
  height: 0;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  content: "";
  border-bottom: 7.5px solid #4aa1eb;
  position: absolute;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-left: 7.5px solid #0000;
  transform: translateY(-28px) skewY(-20deg);
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
  border-right: 7.5px solid #0000;
  transform: translate(7.5px, -28px) skewY(20deg);
}
@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  70% {
    transform: scale(3);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.mapboxgl-user-location-dot-stale {
  background-color: #aaa;
}
.mapboxgl-user-location-dot-stale:after {
  display: none;
}
.mapboxgl-user-location-accuracy-circle {
  background-color: #1da1f233;
  width: 1px;
  height: 1px;
  border-radius: 100%;
}
.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}
.mapboxgl-boxzoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  border: 2px dotted #202020;
  opacity: .5;
}
@media print {
  .mapbox-improve-map {
    display: none;
  }
}
.mapboxgl-scroll-zoom-blocker,
.mapboxgl-touch-pan-blocker {
  color: #fff;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Helvetica,
    Arial,
    sans-serif;
  justify-content: center;
  text-align: center;
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000b3;
  opacity: 0;
  pointer-events: none;
  transition: opacity .75s ease-in-out;
  transition-delay: 1s;
}
.mapboxgl-scroll-zoom-blocker-show,
.mapboxgl-touch-pan-blocker-show {
  opacity: 1;
  transition: opacity .1s ease-in-out;
}
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected {
  background-color: #bccbd7;
  color: #000;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover {
  background-color: #ccc;
}

/* node_modules/@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css */
.mapbox-gl-draw_ctrl-bottom-left,
.mapbox-gl-draw_ctrl-top-left {
  margin-left: 0;
  border-radius: 0 4px 4px 0;
}
.mapbox-gl-draw_ctrl-top-right,
.mapbox-gl-draw_ctrl-bottom-right {
  margin-right: 0;
  border-radius: 4px 0 0 4px;
}
.mapbox-gl-draw_ctrl-draw-btn {
  border-color: rgba(0, 0, 0, 0.9);
  color: rgba(255, 255, 255, 0.5);
  width: 30px;
  height: 30px;
}
.mapbox-gl-draw_ctrl-draw-btn.active,
.mapbox-gl-draw_ctrl-draw-btn.active:hover {
  background-color: rgb(0 0 0/5%);
}
.mapbox-gl-draw_ctrl-draw-btn {
  background-repeat: no-repeat;
  background-position: center;
}
.mapbox-gl-draw_point {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z"/>%3C/svg>');
}
.mapbox-gl-draw_polygon {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z"/>%3C/svg>');
}
.mapbox-gl-draw_line {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z"/>%3C/svg>');
}
.mapbox-gl-draw_trash {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z"/>%3C/svg>');
}
.mapbox-gl-draw_uncombine {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m12 2c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm4 4c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm-7 1c-1 0-1 1-.5 1.5.3.3 1 1 1 1l-1 1s-.5.5 0 1 1 0 1 0l1-1 1 1c.5.5 1.5.5 1.5-.5v-4zm-5 3c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l4.9 4.9c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-4.9-4.9c-.1-.2-.4-.3-.7-.3z"/>%3C/svg>');
}
.mapbox-gl-draw_combine {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M12.1,2c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l4.9,4.9c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-4.9-4.9C12.6,2.1,12.3,2,12.1,2z M8,8C7,8,7,9,7.5,9.5c0.3,0.3,1,1,1,1l-1,1c0,0-0.5,0.5,0,1s1,0,1,0l1-1l1,1 C11,13,12,13,12,12V8H8z M4,10c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1c0.4-0.4,0.4-1,0-1.4 l-1-1C4.5,10.1,4.3,10,4,10z M8,14c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-1-1C8.5,14.1,8.3,14,8,14z"/>%3C/svg>');
}
.mapboxgl-map.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: pointer;
}
.mapboxgl-map.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mouse-add .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: crosshair;
}
.mapboxgl-map.mouse-move.mode-direct_select .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.mapboxgl-map.mode-direct_select.feature-vertex.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mode-direct_select.feature-midpoint.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: cell;
}
.mapboxgl-map.mode-direct_select.feature-feature.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: move;
}
.mapboxgl-map.mode-static.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.mapbox-gl-draw_boxselect {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, .1);
  border: 2px dotted #fff;
  opacity: 0.5;
}

/* node_modules/@mapbox/mapbox-gl-geocoder/dist/mapbox-gl-geocoder.css */
.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder *,
.mapboxgl-ctrl-geocoder *:after,
.mapboxgl-ctrl-geocoder *:before {
  box-sizing: border-box;
}
.mapboxgl-ctrl-geocoder {
  font-size: 18px;
  line-height: 24px;
  font-family:
    "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  position: relative;
  background-color: #fff;
  width: 100%;
  min-width: 240px;
  z-index: 1;
  border-radius: 4px;
  transition: width .25s, min-width .25s;
}
.mapboxgl-ctrl-geocoder--input {
  font: inherit;
  width: 100%;
  border: 0;
  background-color: transparent;
  margin: 0;
  height: 50px;
  color: #404040;
  color: rgba(0, 0, 0, 0.75);
  padding: 6px 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mapboxgl-ctrl-geocoder--input::-ms-clear {
  display: none;
}
.mapboxgl-ctrl-geocoder--input:focus {
  color: #404040;
  color: rgba(0, 0, 0, 0.75);
  outline: 0;
  box-shadow: none;
  outline: thin dotted;
}
.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
  z-index: 2;
  position: absolute;
  right: 8px;
  top: 7px;
  display: none;
}
.mapboxgl-ctrl-geocoder,
.mapboxgl-ctrl-geocoder .suggestions {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
}
.mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
  width: 50px;
  min-width: 50px;
  transition: width .25s, min-width .25s;
}
.mapboxgl-ctrl-geocoder .suggestions {
  background-color: #fff;
  border-radius: 4px;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 110%;
  top: calc(100% + 6px);
  z-index: 1000;
  overflow: hidden;
  font-size: 15px;
}
.mapboxgl-ctrl-bottom-left .suggestions,
.mapboxgl-ctrl-bottom-right .suggestions {
  top: auto;
  bottom: 100%;
}
.mapboxgl-ctrl-geocoder .suggestions > li > a {
  cursor: default;
  display: block;
  padding: 6px 12px;
  color: #404040;
}
.mapboxgl-ctrl-geocoder .suggestions > .active > a,
.mapboxgl-ctrl-geocoder .suggestions > li > a:hover {
  color: #404040;
  background-color: #f3f3f3;
  text-decoration: none;
  cursor: pointer;
}
.mapboxgl-ctrl-geocoder--suggestion-title {
  font-weight: bold;
}
.mapboxgl-ctrl-geocoder--suggestion-title,
.mapboxgl-ctrl-geocoder--suggestion-address {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mapboxgl-ctrl-geocoder--icon {
  display: inline-block;
  vertical-align: middle;
  speak: none;
  fill: #757575;
  top: 15px;
}
.mapboxgl-ctrl-geocoder--icon-search {
  position: absolute;
  top: 13px;
  left: 12px;
  width: 23px;
  height: 23px;
}
.mapboxgl-ctrl-geocoder--button {
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background: #fff;
  line-height: 1;
}
.mapboxgl-ctrl-geocoder--icon-close {
  width: 20px;
  height: 20px;
  margin-top: 8px;
  margin-right: 3px;
}
.mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close {
  fill: #909090;
}
.mapboxgl-ctrl-geocoder--icon-geolocate {
  width: 22px;
  height: 22px;
  margin-top: 6px;
  margin-right: 3px;
}
.mapboxgl-ctrl-geocoder--icon-loading {
  width: 26px;
  height: 26px;
  margin-top: 5px;
  margin-right: 0px;
  -moz-animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
  -webkit-animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
  animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.mapboxgl-ctrl-geocoder--powered-by {
  display: block;
  float: left;
  padding: 6px 12px;
  padding-bottom: 9px;
  font-size: 13px;
}
.mapboxgl-ctrl-geocoder--powered-by a {
  color: #909090;
}
.mapboxgl-ctrl-geocoder--powered-by a:not(:hover) {
  text-decoration: none;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media screen and (min-width: 640px) {
  .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
    width: 36px;
    min-width: 36px;
  }
  .mapboxgl-ctrl-geocoder {
    width: 33.3333%;
    font-size: 15px;
    line-height: 20px;
    max-width: 360px;
  }
  .mapboxgl-ctrl-geocoder .suggestions {
    font-size: 13px;
  }
  .mapboxgl-ctrl-geocoder--icon {
    top: 8px;
  }
  .mapboxgl-ctrl-geocoder--icon-close {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 0;
  }
  .mapboxgl-ctrl-geocoder--icon-geolocate {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-right: 0;
  }
  .mapboxgl-ctrl-geocoder--icon-search {
    left: 7px;
    width: 20px;
    height: 20px;
  }
  .mapboxgl-ctrl-geocoder--input {
    height: 36px;
    padding: 6px 35px;
  }
  .mapboxgl-ctrl-geocoder--icon-loading {
    width: 26px;
    height: 26px;
    margin-top: -2px;
    margin-right: -5px;
  }
  .mapbox-gl-geocoder--error {
    color: #909090;
    padding: 6px 12px;
    font-size: 16px;
    text-align: center;
  }
  .mapboxgl-ctrl-geocoder--powered-by {
    font-size: 11px !important;
  }
}

/* node_modules/intl-tel-input/dist/css/intlTelInput.css */
:root {
  --iti-flag-width: 20px;
  --iti-flag-count: 244;
}
.iti__ac {
  --iti-flag-offset: 0;
}
.iti__ad {
  --iti-flag-offset: -1;
}
.iti__ae {
  --iti-flag-offset: -2;
}
.iti__af {
  --iti-flag-offset: -3;
}
.iti__ag {
  --iti-flag-offset: -4;
}
.iti__ai {
  --iti-flag-offset: -5;
}
.iti__al {
  --iti-flag-offset: -6;
}
.iti__am {
  --iti-flag-offset: -7;
}
.iti__ao {
  --iti-flag-offset: -8;
}
.iti__ar {
  --iti-flag-offset: -9;
}
.iti__as {
  --iti-flag-offset: -10;
}
.iti__at {
  --iti-flag-offset: -11;
}
.iti__au {
  --iti-flag-offset: -12;
}
.iti__aw {
  --iti-flag-offset: -13;
}
.iti__ax {
  --iti-flag-offset: -14;
}
.iti__az {
  --iti-flag-offset: -15;
}
.iti__ba {
  --iti-flag-offset: -16;
}
.iti__bb {
  --iti-flag-offset: -17;
}
.iti__bd {
  --iti-flag-offset: -18;
}
.iti__be {
  --iti-flag-offset: -19;
}
.iti__bf {
  --iti-flag-offset: -20;
}
.iti__bg {
  --iti-flag-offset: -21;
}
.iti__bh {
  --iti-flag-offset: -22;
}
.iti__bi {
  --iti-flag-offset: -23;
}
.iti__bj {
  --iti-flag-offset: -24;
}
.iti__bl {
  --iti-flag-offset: -25;
}
.iti__bm {
  --iti-flag-offset: -26;
}
.iti__bn {
  --iti-flag-offset: -27;
}
.iti__bo {
  --iti-flag-offset: -28;
}
.iti__bq {
  --iti-flag-offset: -29;
}
.iti__br {
  --iti-flag-offset: -30;
}
.iti__bs {
  --iti-flag-offset: -31;
}
.iti__bt {
  --iti-flag-offset: -32;
}
.iti__bw {
  --iti-flag-offset: -33;
}
.iti__by {
  --iti-flag-offset: -34;
}
.iti__bz {
  --iti-flag-offset: -35;
}
.iti__ca {
  --iti-flag-offset: -36;
}
.iti__cc {
  --iti-flag-offset: -37;
}
.iti__cd {
  --iti-flag-offset: -38;
}
.iti__cf {
  --iti-flag-offset: -39;
}
.iti__cg {
  --iti-flag-offset: -40;
}
.iti__ch {
  --iti-flag-offset: -41;
}
.iti__ci {
  --iti-flag-offset: -42;
}
.iti__ck {
  --iti-flag-offset: -43;
}
.iti__cl {
  --iti-flag-offset: -44;
}
.iti__cm {
  --iti-flag-offset: -45;
}
.iti__cn {
  --iti-flag-offset: -46;
}
.iti__co {
  --iti-flag-offset: -47;
}
.iti__cr {
  --iti-flag-offset: -48;
}
.iti__cu {
  --iti-flag-offset: -49;
}
.iti__cv {
  --iti-flag-offset: -50;
}
.iti__cw {
  --iti-flag-offset: -51;
}
.iti__cx {
  --iti-flag-offset: -52;
}
.iti__cy {
  --iti-flag-offset: -53;
}
.iti__cz {
  --iti-flag-offset: -54;
}
.iti__de {
  --iti-flag-offset: -55;
}
.iti__dj {
  --iti-flag-offset: -56;
}
.iti__dk {
  --iti-flag-offset: -57;
}
.iti__dm {
  --iti-flag-offset: -58;
}
.iti__do {
  --iti-flag-offset: -59;
}
.iti__dz {
  --iti-flag-offset: -60;
}
.iti__ec {
  --iti-flag-offset: -61;
}
.iti__ee {
  --iti-flag-offset: -62;
}
.iti__eg {
  --iti-flag-offset: -63;
}
.iti__eh {
  --iti-flag-offset: -64;
}
.iti__er {
  --iti-flag-offset: -65;
}
.iti__es {
  --iti-flag-offset: -66;
}
.iti__et {
  --iti-flag-offset: -67;
}
.iti__fi {
  --iti-flag-offset: -68;
}
.iti__fj {
  --iti-flag-offset: -69;
}
.iti__fk {
  --iti-flag-offset: -70;
}
.iti__fm {
  --iti-flag-offset: -71;
}
.iti__fo {
  --iti-flag-offset: -72;
}
.iti__fr {
  --iti-flag-offset: -73;
}
.iti__ga {
  --iti-flag-offset: -74;
}
.iti__gb {
  --iti-flag-offset: -75;
}
.iti__gd {
  --iti-flag-offset: -76;
}
.iti__ge {
  --iti-flag-offset: -77;
}
.iti__gf {
  --iti-flag-offset: -78;
}
.iti__gg {
  --iti-flag-offset: -79;
}
.iti__gh {
  --iti-flag-offset: -80;
}
.iti__gi {
  --iti-flag-offset: -81;
}
.iti__gl {
  --iti-flag-offset: -82;
}
.iti__gm {
  --iti-flag-offset: -83;
}
.iti__gn {
  --iti-flag-offset: -84;
}
.iti__gp {
  --iti-flag-offset: -85;
}
.iti__gq {
  --iti-flag-offset: -86;
}
.iti__gr {
  --iti-flag-offset: -87;
}
.iti__gt {
  --iti-flag-offset: -88;
}
.iti__gu {
  --iti-flag-offset: -89;
}
.iti__gw {
  --iti-flag-offset: -90;
}
.iti__gy {
  --iti-flag-offset: -91;
}
.iti__hk {
  --iti-flag-offset: -92;
}
.iti__hn {
  --iti-flag-offset: -93;
}
.iti__hr {
  --iti-flag-offset: -94;
}
.iti__ht {
  --iti-flag-offset: -95;
}
.iti__hu {
  --iti-flag-offset: -96;
}
.iti__id {
  --iti-flag-offset: -97;
}
.iti__ie {
  --iti-flag-offset: -98;
}
.iti__il {
  --iti-flag-offset: -99;
}
.iti__im {
  --iti-flag-offset: -100;
}
.iti__in {
  --iti-flag-offset: -101;
}
.iti__io {
  --iti-flag-offset: -102;
}
.iti__iq {
  --iti-flag-offset: -103;
}
.iti__ir {
  --iti-flag-offset: -104;
}
.iti__is {
  --iti-flag-offset: -105;
}
.iti__it {
  --iti-flag-offset: -106;
}
.iti__je {
  --iti-flag-offset: -107;
}
.iti__jm {
  --iti-flag-offset: -108;
}
.iti__jo {
  --iti-flag-offset: -109;
}
.iti__jp {
  --iti-flag-offset: -110;
}
.iti__ke {
  --iti-flag-offset: -111;
}
.iti__kg {
  --iti-flag-offset: -112;
}
.iti__kh {
  --iti-flag-offset: -113;
}
.iti__ki {
  --iti-flag-offset: -114;
}
.iti__km {
  --iti-flag-offset: -115;
}
.iti__kn {
  --iti-flag-offset: -116;
}
.iti__kp {
  --iti-flag-offset: -117;
}
.iti__kr {
  --iti-flag-offset: -118;
}
.iti__kw {
  --iti-flag-offset: -119;
}
.iti__ky {
  --iti-flag-offset: -120;
}
.iti__kz {
  --iti-flag-offset: -121;
}
.iti__la {
  --iti-flag-offset: -122;
}
.iti__lb {
  --iti-flag-offset: -123;
}
.iti__lc {
  --iti-flag-offset: -124;
}
.iti__li {
  --iti-flag-offset: -125;
}
.iti__lk {
  --iti-flag-offset: -126;
}
.iti__lr {
  --iti-flag-offset: -127;
}
.iti__ls {
  --iti-flag-offset: -128;
}
.iti__lt {
  --iti-flag-offset: -129;
}
.iti__lu {
  --iti-flag-offset: -130;
}
.iti__lv {
  --iti-flag-offset: -131;
}
.iti__ly {
  --iti-flag-offset: -132;
}
.iti__ma {
  --iti-flag-offset: -133;
}
.iti__mc {
  --iti-flag-offset: -134;
}
.iti__md {
  --iti-flag-offset: -135;
}
.iti__me {
  --iti-flag-offset: -136;
}
.iti__mf {
  --iti-flag-offset: -137;
}
.iti__mg {
  --iti-flag-offset: -138;
}
.iti__mh {
  --iti-flag-offset: -139;
}
.iti__mk {
  --iti-flag-offset: -140;
}
.iti__ml {
  --iti-flag-offset: -141;
}
.iti__mm {
  --iti-flag-offset: -142;
}
.iti__mn {
  --iti-flag-offset: -143;
}
.iti__mo {
  --iti-flag-offset: -144;
}
.iti__mp {
  --iti-flag-offset: -145;
}
.iti__mq {
  --iti-flag-offset: -146;
}
.iti__mr {
  --iti-flag-offset: -147;
}
.iti__ms {
  --iti-flag-offset: -148;
}
.iti__mt {
  --iti-flag-offset: -149;
}
.iti__mu {
  --iti-flag-offset: -150;
}
.iti__mv {
  --iti-flag-offset: -151;
}
.iti__mw {
  --iti-flag-offset: -152;
}
.iti__mx {
  --iti-flag-offset: -153;
}
.iti__my {
  --iti-flag-offset: -154;
}
.iti__mz {
  --iti-flag-offset: -155;
}
.iti__na {
  --iti-flag-offset: -156;
}
.iti__nc {
  --iti-flag-offset: -157;
}
.iti__ne {
  --iti-flag-offset: -158;
}
.iti__nf {
  --iti-flag-offset: -159;
}
.iti__ng {
  --iti-flag-offset: -160;
}
.iti__ni {
  --iti-flag-offset: -161;
}
.iti__nl {
  --iti-flag-offset: -162;
}
.iti__no {
  --iti-flag-offset: -163;
}
.iti__np {
  --iti-flag-offset: -164;
}
.iti__nr {
  --iti-flag-offset: -165;
}
.iti__nu {
  --iti-flag-offset: -166;
}
.iti__nz {
  --iti-flag-offset: -167;
}
.iti__om {
  --iti-flag-offset: -168;
}
.iti__pa {
  --iti-flag-offset: -169;
}
.iti__pe {
  --iti-flag-offset: -170;
}
.iti__pf {
  --iti-flag-offset: -171;
}
.iti__pg {
  --iti-flag-offset: -172;
}
.iti__ph {
  --iti-flag-offset: -173;
}
.iti__pk {
  --iti-flag-offset: -174;
}
.iti__pl {
  --iti-flag-offset: -175;
}
.iti__pm {
  --iti-flag-offset: -176;
}
.iti__pr {
  --iti-flag-offset: -177;
}
.iti__ps {
  --iti-flag-offset: -178;
}
.iti__pt {
  --iti-flag-offset: -179;
}
.iti__pw {
  --iti-flag-offset: -180;
}
.iti__py {
  --iti-flag-offset: -181;
}
.iti__qa {
  --iti-flag-offset: -182;
}
.iti__re {
  --iti-flag-offset: -183;
}
.iti__ro {
  --iti-flag-offset: -184;
}
.iti__rs {
  --iti-flag-offset: -185;
}
.iti__ru {
  --iti-flag-offset: -186;
}
.iti__rw {
  --iti-flag-offset: -187;
}
.iti__sa {
  --iti-flag-offset: -188;
}
.iti__sb {
  --iti-flag-offset: -189;
}
.iti__sc {
  --iti-flag-offset: -190;
}
.iti__sd {
  --iti-flag-offset: -191;
}
.iti__se {
  --iti-flag-offset: -192;
}
.iti__sg {
  --iti-flag-offset: -193;
}
.iti__sh {
  --iti-flag-offset: -194;
}
.iti__si {
  --iti-flag-offset: -195;
}
.iti__sj {
  --iti-flag-offset: -196;
}
.iti__sk {
  --iti-flag-offset: -197;
}
.iti__sl {
  --iti-flag-offset: -198;
}
.iti__sm {
  --iti-flag-offset: -199;
}
.iti__sn {
  --iti-flag-offset: -200;
}
.iti__so {
  --iti-flag-offset: -201;
}
.iti__sr {
  --iti-flag-offset: -202;
}
.iti__ss {
  --iti-flag-offset: -203;
}
.iti__st {
  --iti-flag-offset: -204;
}
.iti__sv {
  --iti-flag-offset: -205;
}
.iti__sx {
  --iti-flag-offset: -206;
}
.iti__sy {
  --iti-flag-offset: -207;
}
.iti__sz {
  --iti-flag-offset: -208;
}
.iti__tc {
  --iti-flag-offset: -209;
}
.iti__td {
  --iti-flag-offset: -210;
}
.iti__tg {
  --iti-flag-offset: -211;
}
.iti__th {
  --iti-flag-offset: -212;
}
.iti__tj {
  --iti-flag-offset: -213;
}
.iti__tk {
  --iti-flag-offset: -214;
}
.iti__tl {
  --iti-flag-offset: -215;
}
.iti__tm {
  --iti-flag-offset: -216;
}
.iti__tn {
  --iti-flag-offset: -217;
}
.iti__to {
  --iti-flag-offset: -218;
}
.iti__tr {
  --iti-flag-offset: -219;
}
.iti__tt {
  --iti-flag-offset: -220;
}
.iti__tv {
  --iti-flag-offset: -221;
}
.iti__tw {
  --iti-flag-offset: -222;
}
.iti__tz {
  --iti-flag-offset: -223;
}
.iti__ua {
  --iti-flag-offset: -224;
}
.iti__ug {
  --iti-flag-offset: -225;
}
.iti__us {
  --iti-flag-offset: -226;
}
.iti__uy {
  --iti-flag-offset: -227;
}
.iti__uz {
  --iti-flag-offset: -228;
}
.iti__va {
  --iti-flag-offset: -229;
}
.iti__vc {
  --iti-flag-offset: -230;
}
.iti__ve {
  --iti-flag-offset: -231;
}
.iti__vg {
  --iti-flag-offset: -232;
}
.iti__vi {
  --iti-flag-offset: -233;
}
.iti__vn {
  --iti-flag-offset: -234;
}
.iti__vu {
  --iti-flag-offset: -235;
}
.iti__wf {
  --iti-flag-offset: -236;
}
.iti__ws {
  --iti-flag-offset: -237;
}
.iti__xk {
  --iti-flag-offset: -238;
}
.iti__ye {
  --iti-flag-offset: -239;
}
.iti__yt {
  --iti-flag-offset: -240;
}
.iti__za {
  --iti-flag-offset: -241;
}
.iti__zm {
  --iti-flag-offset: -242;
}
.iti__zw {
  --iti-flag-offset: -243;
}
:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-country-selector-bg: white;
  --iti-icon-color: #555;
  --iti-spacer-horizontal: 10px;
  --iti-flag-height: calc(var(--iti-flag-width) * 3 / 4);
  --iti-globe-icon-size: 17px;
  --iti-clear-icon-size: 15px;
  --iti-border-width: 1px;
  --iti-arrow-size: 5px;
  --iti-arrow-width: 1.5px;
  --iti-arrow-padding: 7px;
  --iti-mobile-popup-margin: 30px;
  --iti-strict-reject-flash-color: rgba(255, 0, 0, 0.12);
}
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  display: block;
  min-width: 100%;
  margin: 0 !important;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__selected-dial-code {
  margin-left: 4px;
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  margin-top: -2px;
  width: var(--iti-arrow-size);
  height: var(--iti-arrow-size);
  box-sizing: border-box;
  border-right: var(--iti-arrow-width) solid var(--iti-icon-color);
  border-bottom: var(--iti-arrow-width) solid var(--iti-icon-color);
  transform: rotate(45deg);
}
.iti__arrow--up {
  margin-top: 4px;
  transform: rotate(-135deg);
}
.iti__country-selector {
  border-radius: 3px;
  background-color: var(--iti-country-selector-bg);
}
.iti--inline-country-selector .iti__country-selector {
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti--inline-country-selector:not(.iti--detached-country-selector) .iti__country-selector {
  position: absolute;
  z-index: 2;
  left: 0;
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding-left: calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal));
  padding-right: calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal));
}
[dir=rtl] .iti__search-input {
  padding-left: inherit;
  padding-right: 30px;
  background-position: right 8px center;
}
.iti__search-input::-webkit-search-cancel-button {
  appearance: none;
}
.iti__search-input,
.iti__country {
  padding-top: 8px;
  padding-bottom: 8px;
}
.iti__search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--iti-border-color);
}
.iti__search-icon {
  position: absolute;
  left: var(--iti-spacer-horizontal);
  display: flex;
  pointer-events: none;
}
[dir=rtl] .iti__search-icon {
  left: auto;
  right: var(--iti-spacer-horizontal);
}
.iti__search-icon-svg {
  width: var(--iti-globe-icon-size);
  height: var(--iti-globe-icon-size);
  display: block;
  stroke: var(--iti-icon-color);
  fill: none;
  stroke-width: 3;
}
.iti__search-clear {
  position: absolute;
  right: calc(var(--iti-spacer-horizontal) / 2);
  background: transparent;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  padding: calc(var(--iti-spacer-horizontal) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s ease;
}
.iti__search-clear .iti__search-clear-x {
  stroke-width: 2;
}
.iti__search-clear .iti__search-clear-bg {
  fill: var(--iti-icon-color);
}
[dir=rtl] .iti__search-clear {
  right: auto;
  left: var(--iti-spacer-horizontal);
}
.iti__search-clear:hover,
.iti__search-clear:focus-visible {
  background: var(--iti-hover-color);
  outline: none;
}
.iti__search-clear-svg {
  width: var(--iti-clear-icon-size);
  height: var(--iti-clear-icon-size);
  display: block;
}
.iti__no-results {
  text-align: center;
  padding: 30px 0;
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-country-selector .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding-left: var(--iti-spacer-horizontal);
  padding-right: var(--iti-spacer-horizontal);
  outline: none;
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__country-name {
  flex-grow: 1;
}
.iti__country-check {
  margin-left: var(--iti-spacer-horizontal);
  display: flex;
  align-items: center;
  color: var(--iti-icon-color);
}
.iti__country-check-svg {
  width: var(--iti-clear-icon-size);
  height: var(--iti-clear-icon-size);
  display: block;
}
.iti__country-list .iti__flag {
  margin-right: var(--iti-spacer-horizontal);
  flex-shrink: 0;
}
[dir=rtl] :is(.iti__country-list .iti__flag) {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
:is(.iti--has-country-selector .iti__country-container:has(+ input[disabled]), .iti--has-country-selector .iti__country-container:has(+ input[readonly])) button.iti__selected-country {
  cursor: not-allowed;
}
:is(.iti--has-country-selector .iti__country-container:has(+ input[disabled]), .iti--has-country-selector .iti__country-container:has(+ input[readonly])) button.iti__selected-country .iti__arrow {
  visibility: hidden;
}
.iti--has-country-selector .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--has-country-selector .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country[aria-expanded=true] .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.iti--detached-country-selector {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
}
.iti--detached-country-selector:hover {
  cursor: pointer;
}
.iti--detached-country-selector {
  top: calc(anchor(bottom) + 3px);
  left: anchor(left);
  position-try-fallbacks: --iti-flip-above;
}
@position-try --iti-flip-above {
  top: auto;
  bottom: calc(anchor(top) + 3px);
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti--fullscreen-popup.iti--detached-country-selector {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__country-selector {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country,
.iti--fullscreen-popup .iti__search-input {
  padding-top: 10px;
  padding-bottom: 10px;
}
.iti--fullscreen-popup .iti__country {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.5em;
}
.iti__flag {
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x);
  background-repeat: no-repeat;
  background-position: calc(var(--iti-flag-offset, 100) * var(--iti-flag-width)) 0;
  background-size: calc(var(--iti-flag-count) * var(--iti-flag-width)) var(--iti-flag-height);
}
.iti__loading {
  position: relative;
  background: none;
  box-shadow: none;
}
.iti__loading::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: var(--iti-flag-height);
  height: var(--iti-flag-height);
  box-sizing: border-box;
  border: 2px solid var(--iti-icon-color);
  border-right-color: transparent;
  border-radius: 50%;
  animation: iti-spinner 1s linear infinite;
}
@keyframes iti-spinner {
  to {
    transform: rotate(360deg);
  }
}
.iti__strict-reject-animation .iti__tel-input,
.iti__strict-reject-animation .iti__selected-country {
  animation: iti-strict-reject-shake 0.3s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}
@media (prefers-reduced-motion: reduce) {
  .iti__strict-reject-animation .iti__tel-input {
    animation: iti-strict-reject-flash 0.3s ease-out both;
  }
  .iti__strict-reject-animation .iti__selected-country {
    animation: none;
  }
}
@keyframes iti-strict-reject-shake {
  10%, 90% {
    transform: translateX(-1px);
  }
  20%, 80% {
    transform: translateX(2px);
  }
  30%, 50%, 70% {
    transform: translateX(-3px);
  }
  40%, 60% {
    transform: translateX(3px);
  }
}
@keyframes iti-strict-reject-flash {
  40% {
    background-color: var(--iti-strict-reject-flash-color);
  }
}
.iti__globe {
  background: none;
  box-shadow: none;
  height: var(--iti-globe-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.iti__globe .iti__globe-svg {
  width: 100%;
  height: 100%;
  fill: var(--iti-icon-color);
}
@supports (-webkit-appearance: none) and (not (background: -webkit-canvas(foo))) {
  .iti__tel-input:focus {
    outline-offset: 1px;
  }
}
:root {
  --iti-path-flags-1x: url("./media/flags-IICYN5M6.webp");
  --iti-path-flags-2x: url("./media/flags@2x-S6IFMOQO.webp");
}

/* node_modules/@ng-select/ng-select/themes/default.theme.css */
.ng-select.ng-select-opened > .ng-select-container {
  background: #fff;
  border-color: hsl(0, 0%, 70%) #ccc hsl(0, 0%, 85%);
}
.ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  top: -2px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999;
  border-width: 0 5px 5px;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;
}
.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-right > .ng-select-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-left > .ng-select-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1);
}
.ng-select.ng-select-disabled > .ng-select-container {
  background-color: #f9f9f9;
}
.ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.ng-select .ng-select-container {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 36px;
  align-items: center;
}
.ng-select .ng-select-container:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}
.ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-left: 10px;
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #999;
}
.ng-select.ng-select-single .ng-select-container {
  height: 36px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px;
  left: 0;
  padding-left: 10px;
  padding-right: 50px;
}
[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-right: 10px;
  padding-left: 50px;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #f9f9f9;
  border: 1px solid hsl(0, 0%, 90%);
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 5px;
  padding-left: 7px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: .9em;
  margin-bottom: 5px;
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
  border-radius: 2px;
  margin-right: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin-right: 0;
  margin-left: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: rgb(209.1, 231.78, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-left: 1px solid rgb(183.6, 218.88, 255);
  border-right: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 0;
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 3px 3px 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
  color: #000;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}
.ng-select .ng-clear-wrapper {
  color: #999;
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus {
  outline: none;
}
.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
[dir=rtl] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}
.ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-right: 5px;
}
[dir=rtl] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #666;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 5px 5px 2.5px;
}
.ng-dropdown-panel {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  left: 0;
}
.ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-right {
  left: 100%;
  top: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
}
.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: hsl(0, 0%, 90%);
  margin-top: -1px;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-left {
  left: -100%;
  top: 0;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: 4px;
}
.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  -webkit-user-select: none;
  user-select: none;
  padding: 8px 10px;
  font-weight: 500;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
  color: rgba(0, 0, 0, .54);
  background-color: rgb(234.6, 244.68, 255);
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
  padding: 8px 10px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
  color: #333;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #ccc;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  padding-right: 5px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
[dir=rtl] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}

/* src/styles.scss */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
:root {
  --light-font-weight: 300;
  --regular-font-weight: 400;
  --medium-font-weight: 500;
  --semi-bold-font-weight: 600;
  --bold-font-weight: 700;
  --fontweight-light: 300;
  --fontweight-regular: normal;
  --fontweight-medium: 500;
  --fontweight-semibold: 600;
  --fontweight-bold: bold;
  --fontsize-xs: 1rem;
  --fontsize-s: 1.2rem;
  --fontsize-m: 1.4rem;
  --fontsize-l: 1.6rem;
  --fontsize-xl: 1.8rem;
}
:root {
  --primary: #f5b049;
  --primary-dark: rgb(228.921875, 142.1328125, 12.578125);
  --color-white: #fff;
  --color-black: #000;
  --color-dark: #212121;
  --color-orange: #f5b049;
  --color-orange-dark: #c49a1b;
  --color-yellow-light: #ffefb9;
  --color-grey-darker: #d3d3d3;
  --color-grey-dark: #727272;
  --color-grey: #a3a3a3;
  --color-grey-light: #cdcdcd;
  --color-grey-lighter: #f4f4f4;
  --color-grey-box: #f3f3f3;
  --color-border: #e9e9e9;
  --color-red: #fc5447;
  --color-red-dark: #f35c7b;
  --color-red-light: #e1667d;
  --color-red-darker: #c04861;
  --color-blue: #3373ea;
  --color-blue-dark: #006ff2;
  --color-blue-darker: #0057bf;
  --color-chat-device: #e9e9e9;
  --color-read: #49da16;
  --color-green: #50c878;
  --color-green-dark: #04774e;
  --color-background: #f3f1ef;
  --white: #fff;
  --secondary-color: #a3a3a3;
  --disabled-primary-color: #f5dab1;
  --secondary-page-background: #fff;
  --default-page-background: #fafafa;
  --breadcrumbs-background: rgba(194, 194, 194, 0.15);
  --default-cover-image-background: #f0f0f0;
  --header-background: #fff;
  --input-background: #fff;
  --button-primary-background: var(--primary);
  --tile-background: #fff;
  --date-picker-background: #f6f6f6;
  --modal-overlay-background: rgba(33, 33, 33, 0.6);
  --modal-background: #fff;
  --label-info-color: #77ced8;
  --label-primary-color: var(--primary);
  --label-success-color: #fc5447;
  --label-text-color: #fff;
  --paragraph-text-color: rgba(62, 62, 62, 0.8);
  --primary-text-color: #212121;
  --link-text-color: var(--primary);
  --secondary-text-color: #3e3e3e;
  --muted-text-color: #999999;
  --secondary-select-text-color: #a3a3a3;
  --breadcrumbs-text-color: #a3a3a3;
  --inverse-text-color: #fff;
  --tertiary-color: #7f7f7f;
  --input-border: #e3e3e3;
  --radio-border: #e3e3e3;
  --default-border: #eeeeee;
  --select-border: #eeeeee;
  --menu-border: #efefef;
  --tile-inner-border: #f0f0f0;
  --area-marker-border: #c1c1c1;
  --ticket-border: #d5d5d5;
  --status-green: #a5e253;
  --status-orange: #f5b049;
  --status-red: #fc5447;
  --status-grey: #a3a3a3;
  --status-dark: #212121;
  --status-blue: #0057bf;
  --scale1: #fc5447;
  --scale2: #f98248;
  --scale3: #f5b049;
  --scale4: #cfe238;
  --scale5: #a5e253;
  --separator: #d8d8d8;
  --alert-info: #77ced8;
  --alert-danger: #fc5447;
  --alert-success: #a5e253;
  --alert-warning: #f5b049;
  --form-error-color: #fc5447;
  --toggle-background: #e0e0e0;
  --style-bar-background: #f6f6f6;
  --style-bar-border: #e3e3e3;
  --comments-border: #e3e3e3;
  --status-background: #efefef;
}
input,
textarea {
  width: 100%;
  box-sizing: border-box;
}
input[disabled],
textarea[disabled] {
  opacity: 0.7;
  background-color: rgb(249.9, 249.9, 249.9);
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
select {
  background-image: url(/assets/img/icons/chevron-down.svg);
  background-size: 2rem;
  background-repeat: no-repeat;
  background-position: right 1.2rem center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 1.2rem 4rem 1.2rem 1.2rem;
  width: 100%;
  border: 0.1rem solid #e9e9e9;
  border-radius: 0.8rem;
  margin: 0.6rem 0;
}
select[disabled] {
  opacity: 0.7;
  background-color: rgb(249.9, 249.9, 249.9);
}
select::-ms-expand {
  display: none;
}
.has-error label {
  color: #fc5447;
}
.has-error input:not([type=checkbox]):not([type=radio]),
.has-error textarea,
.has-error select,
.has-error .bouwapp-editor,
.has-error .input-file {
  border-color: #fc5447 !important;
  margin: 0;
}
.has-error .errors {
  margin-top: 0.4rem;
  color: #fc5447;
}
::-webkit-input-placeholder {
  color: rgba(33, 33, 33, 0.5);
  opacity: 1;
}
:-moz-placeholder {
  color: rgba(33, 33, 33, 0.5);
  opacity: 1;
}
::-moz-placeholder {
  color: rgba(33, 33, 33, 0.5);
  opacity: 1;
}
:-ms-input-placeholder {
  color: rgba(33, 33, 33, 0.5) !important;
  opacity: 1;
}
::-ms-input-placeholder {
  color: rgba(33, 33, 33, 0.5);
  opacity: 1;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family:
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  text-decoration: none;
}
a:hover,
a:focus {
  color: rgb(34.6799586777, 82.4466942149, 123.6700413223);
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid rgb(238.425, 238.425, 238.425);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role=button] {
  cursor: pointer;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container:before,
.container:after {
  display: table;
  content: " ";
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: " ";
}
.container-fluid:after {
  clear: both;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-1 {
  width: 8.3333333333%;
}
.col-xs-2 {
  width: 16.6666666667%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-4 {
  width: 33.3333333333%;
}
.col-xs-5 {
  width: 41.6666666667%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-7 {
  width: 58.3333333333%;
}
.col-xs-8 {
  width: 66.6666666667%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-10 {
  width: 83.3333333333%;
}
.col-xs-11 {
  width: 91.6666666667%;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-pull-1 {
  right: 8.3333333333%;
}
.col-xs-pull-2 {
  right: 16.6666666667%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-4 {
  right: 33.3333333333%;
}
.col-xs-pull-5 {
  right: 41.6666666667%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-7 {
  right: 58.3333333333%;
}
.col-xs-pull-8 {
  right: 66.6666666667%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-10 {
  right: 83.3333333333%;
}
.col-xs-pull-11 {
  right: 91.6666666667%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-push-1 {
  left: 8.3333333333%;
}
.col-xs-push-2 {
  left: 16.6666666667%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-4 {
  left: 33.3333333333%;
}
.col-xs-push-5 {
  left: 41.6666666667%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-7 {
  left: 58.3333333333%;
}
.col-xs-push-8 {
  left: 66.6666666667%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-10 {
  left: 83.3333333333%;
}
.col-xs-push-11 {
  left: 91.6666666667%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}
.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}
.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}
.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}
.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: rgb(51.4340909091, 122.2772727273, 183.4159090909);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family:
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family:
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.0001) 0%,
      rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "\2039";
}
.carousel-control .icon-next:before {
  content: "\203a";
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \	;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.toast-container .ngx-toastr {
  border-radius: 8px;
  padding: 16px 16px 16px 24px;
  background-image: none !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
  transition: box-shadow 0.2s ease-in-out;
}
.toast-container .ngx-toastr:hover {
  box-shadow: rgba(100, 100, 111, 0.4) 0 7px 29px 0;
}
.toast-container .ngx-toastr .toast-close-button {
  background: url("./media/close--white-XFMV5MX2.svg") no-repeat center center;
  background-size: contain;
  width: 16px;
  height: 16px;
  right: 0;
  top: 2px;
  transition: opacity 0.2s ease-in-out;
}
.toast-container .ngx-toastr .toast-close-button:hover {
  opacity: 0.7;
}
.toast-container .ngx-toastr .toast-close-button span {
  display: none;
}
:root {
  --logo: url(/assets/img/logo_bouwapp.png);
  --conversation-detail-width: 300px;
}
.container {
  width: 100%;
  padding: 0 6.4rem;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .container {
    padding: 0 1.6rem;
  }
}
.container.full {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.container.no-padding {
  padding: 0;
}
.flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
html,
body,
div[app-default],
.app {
  height: 100%;
  overflow: hidden;
}
body {
  font-family: "Mukta", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: rgba(62, 62, 62, 0.8);
  line-height: 1.42857143;
}
body.authentication-page {
  background-color: #fff;
}
app-two-factor .app {
  flex-direction: column;
}
.app {
  display: flex;
  flex-direction: row;
}
.app__content {
  flex: 1;
  height: 100%;
  background: #f3f1ef;
  overflow: auto;
  display: flex;
  flex-direction: column;
  border-radius: 4rem 0 0 4rem;
}
@media (max-width: 1024px) {
  .app__content {
    border-radius: 0;
  }
}
.app.fullscreen .app__content {
  width: 100%;
  min-width: 100%;
}
.app.fullscreen .header__logo img {
  max-width: 200px;
  height: auto;
}
.app.fullscreen .bouwapp-bottombar {
  left: 6.4rem;
  right: unset;
  width: calc(100% - 12.8rem - 16px);
}
.app.fullscreen .header,
.app.fullscreen app-sidebar,
.app.fullscreen .breadcrumbs,
.app.fullscreen .app__toggle__handle,
.app.fullscreen .navigation,
.app.fullscreen app-footer,
.app.fullscreen .footer {
  display: none;
}
p {
  color: rgba(62, 62, 62, 0.8);
  margin: 3px 0 0 0;
  line-height: 1.71;
}
p b {
  font-weight: 600;
}
p a {
  font-weight: 400;
}
a {
  cursor: pointer;
  font-weight: 600;
}
a,
a:link,
a:visited {
  color: var(--primary);
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  filter: brightness(95%);
  color: #3e3e3e;
}
a:active {
  text-decoration: none;
  filter: brightness(90%);
}
a.unstyled {
  font: inherit;
  color: inherit;
  filter: none;
}
h1 {
  color: #212121;
  font-weight: 700;
  font-size: 32px;
  margin: 20px 0;
}
h1.hasDescription {
  margin-bottom: 0;
}
h2 {
  color: #212121;
  font-weight: 600;
  font-size: 26px;
  margin: 20px 0 2px 0;
}
h3 {
  color: #212121;
  font-weight: 600;
  font-size: 22px;
  margin: 16px 0 2px 0;
}
h4 {
  color: #212121;
  font-weight: 600;
  font-size: 20px;
  margin: 16px 0 2px 0;
}
h5 {
  color: #212121;
  font-weight: 600;
  font-size: 18px;
  margin: 12px 0 2px 0;
}
h6 {
  font-weight: 600;
  color: #212121;
  font-size: 16px;
}
p.pageDescription {
  font-weight: 400;
  color: #212121;
  font-size: 16px;
  margin-bottom: 20px;
  max-width: 50%;
}
@media (max-width: 1024px) {
  p.pageDescription {
    max-width: 100%;
  }
}
.muted-text {
  color: #999999;
  font-size: 15px;
}
hr {
  border-color: #d8d8d8;
  margin-top: 24px;
  margin-bottom: 24px;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.logo-image {
  background-image: var(--logo);
}
[hidden] {
  display: none !important;
}
.bouwapp-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
}
.bouwapp-heading h1 {
  width: 50%;
  min-width: 50%;
  font-size: 36px;
  line-height: 48px;
  font-weight: bold;
  color: #212121;
  margin: 0;
}
.bouwapp-heading > div {
  width: 50%;
  min-width: 50%;
}
.bouwapp-heading > div button {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .bouwapp-heading {
    flex-direction: column;
    align-items: flex-start;
  }
  .bouwapp-heading h1 {
    width: 100%;
    min-width: 100%;
    font-size: 32px;
  }
  .bouwapp-heading > div {
    width: 100%;
    min-width: 100%;
    margin: 16px 0 0 0;
  }
  .bouwapp-heading > div button {
    margin: 0;
  }
}
.bouwapp-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  height: auto;
  transition: 0.1s all ease-in;
  background: #fff;
  border: 1px solid #e9e9e9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}
.bouwapp-box[hidden] {
  opacity: 0;
  height: 0;
}
.bouwapp-box__title {
  padding: 1.6rem 2.4rem;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
.bouwapp-box__title button {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.bouwapp-box__title h2 {
  font-size: 18px;
  font-weight: bold;
  color: #212121;
  margin: 0;
}
.bouwapp-box__title h2 span {
  font-size: 18px;
  line-height: 18px;
  color: #a3a3a3;
}
.bouwapp-box__title .popover {
  font-family: inherit;
}
.bouwapp-box__subheader {
  max-width: 1024px;
  margin-bottom: 2.4rem;
}
.bouwapp-box__subheader.border {
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #e9e9e9;
}
.bouwapp-box__subheader.no-margin {
  margin: 0;
}
.bouwapp-box__subheader p {
  margin: 0;
}
.bouwapp-box__subheader > button {
  margin: 0;
  margin-top: 1.6rem;
}
.bouwapp-box__subtitle__category_description {
  color: #a3a3a3;
  font-size: 14px;
}
.bouwapp-box__subtitle h3 {
  color: #212121;
  font-weight: 600;
  font-size: 16px;
  margin: 4px 0;
}
.bouwapp-box__subtitle h3 span {
  color: #a3a3a3;
  font-size: 14px;
}
.bouwapp-box__subtitle p {
  font-size: 16px;
  margin: 2px 0;
}
.bouwapp-box__subtitle:not(:first-child) {
  margin-top: 16px;
}
.bouwapp-box__self {
  padding: 2.4rem;
}
.bouwapp-box__self.hideTitle {
  width: 100%;
}
.bouwapp-box__self.no-padding {
  padding: 0;
}
.bouwapp-box__self.no-padding .errors {
  padding: 0.8rem;
}
.bouwapp-box__self > h2 {
  font-size: 18px;
  line-height: 30px;
  color: #212121;
  margin: 0;
}
.bouwapp-box__self .form-split {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.bouwapp-box__self .form-split > div {
  width: calc(50% - 12px);
  min-width: calc(50% - 12px);
}
.bouwapp-box__self > p,
.bouwapp-box__self > h3 {
  font-size: 16px;
  font-weight: normal;
  color: #a3a3a3;
  margin: 0 0 8px 0;
}
.bouwapp-box__self > .form-group,
.bouwapp-box__self > .form-split {
  margin-bottom: 16px;
}
.bouwapp-box__self .form-group {
  position: relative;
}
.bouwapp-box__self .form-group > p {
  margin: 0;
}
.bouwapp-box__self .form-group > h3,
.bouwapp-box__self .form-group > label {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  margin: 4px 0;
}
.bouwapp-box__self .form-group > h3 span.status,
.bouwapp-box__self .form-group > label span.status {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 8px;
}
.bouwapp-box__self__children {
  position: relative;
  max-width: 1024px;
}
.bouwapp-box__self__children > p.no-results {
  font-size: 16px;
  font-weight: normal;
  color: #a3a3a3;
  margin: 40px 0 0 0;
  text-align: center;
}
.bouwapp-box__self__children__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
}
.bouwapp-box__self__children__head p,
.bouwapp-box__self__children__head a {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #212121;
  margin: 0;
}
.bouwapp-box__self__children__head a {
  font-weight: normal;
  color: #f5b049;
  margin-left: 8px;
}
.bouwapp-box__self__children__head a:hover {
  text-decoration: underline;
}
.bouwapp-box__self__children > ul,
.bouwapp-box__self__children form > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.bouwapp-box__self__children > ul > li,
.bouwapp-box__self__children form > ul > li {
  padding: 16px 0;
}
.bouwapp-box__self__children > ul > li:first-child,
.bouwapp-box__self__children form > ul > li:first-child {
  padding-top: 0;
}
.bouwapp-box__footer {
  display: flex;
  flex-direction: row;
  border-top: 1px solid #e9e9e9;
}
.bouwapp-box__footer button {
  font-size: 14px;
  font-weight: 600;
  flex-grow: 1;
}
.bouwapp-box__footer button:first-of-type {
  margin-right: 8px;
}
.bouwapp-box__footer button:first-of-type.has-inline-spinner::before {
  background-image: url(/assets/img/icons/spinner.png);
}
.bouwapp-box__footer button:last-of-type {
  margin-left: auto;
}
.bouwapp-box .account table {
  width: 66%;
}
.bouwapp-box.compact .bouwapp-box__title {
  padding: 1.6rem;
}
.bouwapp-box.compact .bouwapp-box__self {
  padding: 1.6rem;
}
.bouwapp-box.compact .bouwapp-box__subtitle p {
  font-size: 1.4rem;
  margin: 0 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .bouwapp-box {
    flex-direction: column;
  }
  .bouwapp-box__title {
    width: 100%;
    min-width: 100%;
    padding: 16px;
  }
  .bouwapp-box__title h2 {
    font-size: 18px;
  }
  .bouwapp-box__title h2 span {
    font-size: 16px;
    line-height: 16px;
  }
  .bouwapp-box__self {
    margin: 0;
    padding: 16px;
  }
  .bouwapp-box__self .form-split {
    flex-direction: column;
  }
  .bouwapp-box__self .form-split > div {
    width: 100%;
    min-width: 100%;
  }
  .bouwapp-box__self .form-split > div:first-child {
    margin-bottom: 16px;
  }
}
.bouwapp-bottombar {
  position: fixed;
  z-index: 202;
  bottom: 0;
  left: 34.4rem;
  right: 1.6rem;
  width: calc(100% - 36rem);
  padding: 16px;
  background: #fff;
  border: 1px solid rgba(163, 163, 163, 0.6);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
  border-radius: 6px 6px 0 0;
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.bouwapp-bottombar__creation {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.bouwapp-bottombar__creation > p {
  width: 20%;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  color: #212121;
  margin: 0;
  text-align: left;
}
.bouwapp-bottombar__creation > p span {
  display: block;
  line-height: 20px;
  color: #a3a3a3;
}
.bouwapp-bottombar__creation__progress {
  width: 50%;
}
.bouwapp-bottombar__creation__progress > p {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #212121;
  text-align: center;
}
.bouwapp-bottombar__creation__progress > p span {
  color: #f5b049;
}
.bouwapp-bottombar__creation__progress .progress {
  max-width: 400px;
  margin: 0 auto;
  border-radius: 12px;
  background: #eeeeee;
}
.bouwapp-bottombar__creation__progress .progress-bar {
  background-color: var(--primary);
}
.bouwapp-bottombar__creation__button {
  display: flex;
  width: 30%;
  justify-content: flex-end;
  flex-direction: row;
}
.bouwapp-bottombar__creation__button button {
  margin-left: auto;
}
.bouwapp-bottombar > .button {
  margin-left: 16px;
}
@media screen and (max-width: 1023px) {
  .general.is-concept {
    padding: 40px 0 120px 0;
  }
  .general.is-concept div.bouwapp-bottombar {
    left: 0;
    right: 0;
    width: 100%;
    border-right: 0;
  }
  .general.is-concept div.bouwapp-bottombar__creation > p {
    width: 50%;
    min-width: 50%;
    order: 2;
  }
  .general.is-concept div.bouwapp-bottombar__creation__progress {
    order: 1;
    width: 100%;
    min-width: 100%;
    margin-bottom: 16px;
  }
  .general.is-concept div.bouwapp-bottombar__creation__button {
    order: 3;
    width: 50%;
    min-width: 50%;
    flex-direction: column;
  }
  .general.is-concept div.bouwapp-bottombar__creation__button .button--ghost {
    padding-right: 0;
  }
}
.button--black-white {
  background-color: #fff;
  color: #212121;
  border-radius: 10px;
  border: 1px solid #212121;
  box-shadow: none;
  margin: 0;
  margin-right: 10px;
  padding: 8px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 40px;
  transition: 260ms ease;
}
.button--black-white[disabled]:not(.back).inactive {
  background-color: #fff;
  opacity: 0.5;
  border-color: #212121;
}
.button--black-white[disabled]:not(.back).inactive p,
.button--black-white[disabled]:not(.back).inactive span {
  color: #212121;
}
.button--black-white[disabled]:not(.back).inactive svg,
.button--black-white[disabled]:not(.back).inactive path {
  fill: #212121;
}
.button--black-white p {
  line-height: 18px;
  font-size: 15px;
  color: #212121;
  margin: 0;
}
.button--black-white span {
  width: 15px;
  height: 18px;
  margin-right: 8px;
}
.button--black-white span.caret {
  margin-left: 8px;
  margin-right: 0;
}
.button--black-white span svg {
  width: 100%;
  height: 100%;
  fill: #212121;
}
.button--black-white span.magic-wand svg {
  fill: #fff;
}
.button--black-white span.stylus svg {
  fill: #000;
}
.button--black-white span.add svg {
  fill: #212121;
}
.button--black-white:hover {
  background-color: #212121;
  color: #fff;
}
.button--black-white:hover svg {
  fill: #fff;
}
.button--black-white:hover p {
  color: #fff;
}
.button--black-white:hover .magic-wand svg {
  fill: #212121;
}
.button--black-white:hover .magic-wand svg path {
  stroke: #fff;
}
.button--black-white:hover .spellcheck svg path {
  fill: #fff;
}
.button--black-white:hover .add svg path {
  fill: #fff;
}
.button--black-white:hover .undo svg {
  fill: #fff;
}
.button--black-white[disabled]:not(.back, .button--black-white) {
  background-color: #f5b049;
  opacity: 1;
  border-color: #f5b049;
}
.button--black-white[disabled]:not(.back, .button--black-white) p {
  color: #fff;
}
.button--black-white[disabled]:not(.back, .button--black-white) span polygon {
  fill: #fff;
}
.button--black-white[disabled]:not(.back, .button--black-white) span svg {
  fill: #fff;
}
.button--black-white[disabled]:not(.back, .button--black-white) .magic-wand svg path {
  fill: #fff;
  stroke: #212121;
}
button[disabled] {
  opacity: 0.7;
  cursor: default !important;
}
.media-modal .modal .modal-content {
  max-width: 900px;
}
.media-modal .modal .modal-content .multi-attachment {
  justify-content: center;
}
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  z-index: 206;
  background-color: rgba(33, 33, 33, 0.6);
}
.modal.modal-open {
  display: flex;
}
.modal .modal-header {
  display: flex;
  padding: 1.6rem;
  padding-bottom: 0;
  align-items: center;
}
.modal .modal-header .modal-icon {
  display: flex;
  align-items: center;
  padding-right: 15px;
}
.modal .modal-header .modal-icon svg {
  height: 3.2rem;
  width: 3.2rem;
  fill: #000;
}
.modal .modal-content {
  position: relative;
  background-color: #fff;
  width: 90%;
  max-width: 640px;
  max-height: calc(100% - 70px);
  border: 1px solid #e9e9e9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.modal .modal-content-inner {
  padding: 1.6rem;
  padding-top: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.modal .modal-content-inner.no-padding {
  padding: 0;
}
.modal .modal-content .ng-dropdown-panel {
  position: static;
  display: block;
  border-radius: 0;
  border-top: 0;
}
.modal .modal-content .ng-select-container {
  border-radius: 0;
}
.modal .modal-content .input {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #e9e9e9;
  box-shadow: none;
  margin: 0;
  transition: 260ms ease;
  font-size: 15px;
}
.modal .modal-content .input--m {
  height: 50px;
  font-size: 16px;
  line-height: 26px;
  padding: 0 16px;
}
.modal .modal-content .modal-title {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 3rem;
  color: #212121;
  margin-top: 0;
}
.modal .modal-content .modal-description {
  font-size: 1.6rem;
  display: inline;
}
.modal .modal-content .modal-description p:not(:last-child) {
  margin-bottom: 0.8rem;
}
.modal .modal-content .extra-info-icon {
  display: inline;
  margin-left: 1rem;
}
.modal .modal-content .form-group {
  margin-top: 1.6rem;
}
.modal .modal-content .modal-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #a3a3a3;
  margin: 0 0 24px 0;
}
.modal .modal-content .modal-close {
  cursor: pointer;
  margin-left: auto;
}
.modal .modal-content .modal-close > svg {
  fill: #000;
  width: 18px;
  height: 18px;
  transition: 260ms ease;
}
.modal .modal-content .modal-close:hover svg {
  transform: rotate(90deg);
}
.modal .modal-content .justified-buttons {
  margin-bottom: 0;
}
.modal .modal-content .flex.buttons {
  display: flex;
  flex-direction: row;
  margin-top: 16px;
}
.modal .modal-content .flex.buttons button {
  margin-right: 16px;
}
.modal .modal-content .modal-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.modal .modal-content.modal-image {
  padding: 0;
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  position: relative;
}
.modal .modal-content.modal-image img.modal-image-content {
  max-width: 100%;
  max-height: 90vh;
}
.modal .modal--no-scroll {
  overflow: visible;
}
.modal .modal--no-scroll .modal-content-inner {
  overflow: visible;
}
.permissions-form > div {
  display: flex;
  gap: 0.8rem 1.6rem;
  padding: 1.6rem 0;
  align-items: center;
}
.permissions-form > div:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
}
.permissions-form > div:not(:last-child) select {
  margin: 0;
  margin-left: auto;
  width: 30%;
}
.permissions-form > div:last-child {
  flex-wrap: wrap;
}
.permissions-form > div:last-child .errors {
  width: 100%;
}
.permissions-form > div:last-child select {
  width: 50%;
}
.permissions-form .ng-select.custom {
  width: 50%;
}
.permissions-form__button {
  float: right;
}
.form-group {
  width: 100%;
}
.ng-select.custom {
  width: 100%;
}
.ng-select.custom.ng-select-opened .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.custom .ng-select-container {
  border-radius: 8px;
  height: 50px;
}
.ng-select.custom .ng-select-container .ng-value-container .ng-input {
  top: 0;
  line-height: 50px;
}
.ng-select.custom .ng-dropdown-panel {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ng-select.custom .ng-dropdown-panel-items {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 240px;
}
label {
  display: inline-block;
  margin: 4px 0;
  color: #212121;
  font-weight: normal;
  font-size: 1.6rem;
}
label.label-lg {
  font-weight: 600;
  line-height: 1.35;
  font-size: 2rem;
}
label span {
  color: #a3a3a3;
}
label span.required {
  color: #fc5447;
  margin-left: 0.4rem;
}
label span[inlineSVG] {
  margin-left: 4px;
  position: relative;
  top: 2px;
}
input[type=search]:not([type=checkbox]):not([type=radio]):not(.mapboxgl-ctrl-geocoder--input):not(.iti__search-input) {
  background-image: url(/assets/img/icons/search.svg);
  background-size: 17px 17px;
  background-repeat: no-repeat;
  background-position: 9px center;
  padding-left: 35px;
}
input[type=search]:not([type=checkbox]):not([type=radio]):not(.mapboxgl-ctrl-geocoder--input):not(.iti__search-input).input-lg {
  padding-left: 35px;
}
input[type=search]:not([type=checkbox]):not([type=radio]):not(.mapboxgl-ctrl-geocoder--input):not(.iti__search-input).input-sm {
  padding-left: 33px;
}
input[type=checkbox] {
  display: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type=checkbox] + .checkbox-mark,
input[type=checkbox] + label .checkbox-mark {
  border: 2px solid #e3e3e3;
  width: 19px;
  height: 19px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
input[type=checkbox] + .checkbox-mark svg,
input[type=checkbox] + label .checkbox-mark svg {
  margin-left: 1px;
  margin-top: 1px;
  display: none;
}
input[type=checkbox]:checked + .checkbox-mark svg,
input[type=checkbox]:checked + label .checkbox-mark svg {
  display: block;
}
.input {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--color-border);
  box-shadow: none;
  margin: 0;
  transition: 260ms ease;
  font-size: 15px;
}
.input--m {
  height: 50px;
  font-size: 16px;
  line-height: 26px;
  padding: 0 16px;
}
.input-group,
.date-picker.date-picker-input-only {
  display: flex;
}
.input-group > .form-group,
.input-group > *,
.date-picker.date-picker-input-only > * {
  flex: 1;
}
.input-group > .form-group input:not([type=checkbox]):not([type=radio]),
.input-group > .form-group textarea,
.input-group > .form-group select,
.input-group > .form-group,
.input-group > * input:not([type=checkbox]):not([type=radio]),
.date-picker.date-picker-input-only > * input:not([type=checkbox]):not([type=radio]),
.input-group > * textarea,
.date-picker.date-picker-input-only > * textarea,
.input-group > * select,
.date-picker.date-picker-input-only > * select,
.input-group > *,
.date-picker.date-picker-input-only > * {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-group > .form-group:first-child input:not([type=checkbox]):not([type=radio]),
.input-group > .form-group:first-child textarea,
.input-group > .form-group:first-child select,
.input-group > .form-group:first-child,
.input-group > *:first-child input:not([type=checkbox]):not([type=radio]),
.date-picker.date-picker-input-only > *:first-child input:not([type=checkbox]):not([type=radio]),
.input-group > *:first-child textarea,
.date-picker.date-picker-input-only > *:first-child textarea,
.input-group > *:first-child select,
.date-picker.date-picker-input-only > *:first-child select,
.input-group > *:first-child,
.date-picker.date-picker-input-only > *:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-right: 0;
}
.input-group > .form-group:last-child input:not([type=checkbox]):not([type=radio]),
.input-group > .form-group:last-child textarea,
.input-group > .form-group:last-child select,
.input-group > .form-group:last-child,
.input-group > *:last-child input:not([type=checkbox]):not([type=radio]),
.date-picker.date-picker-input-only > *:last-child input:not([type=checkbox]):not([type=radio]),
.input-group > *:last-child textarea,
.date-picker.date-picker-input-only > *:last-child textarea,
.input-group > *:last-child select,
.date-picker.date-picker-input-only > *:last-child select,
.input-group > *:last-child,
.date-picker.date-picker-input-only > *:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-left: 0;
}
.input-group > .form-group:not(:last-of-type):not(:first-of-type) input:not([type=checkbox]):not([type=radio]),
.input-group > .form-group:not(:last-of-type):not(:first-of-type) textarea,
.input-group > .form-group:not(:last-of-type):not(:first-of-type) select,
.input-group > *:not(:last-of-type):not(:first-of-type) input:not([type=checkbox]):not([type=radio]),
.date-picker.date-picker-input-only > *:not(:last-of-type):not(:first-of-type) input:not([type=checkbox]):not([type=radio]),
.input-group > *:not(:last-of-type):not(:first-of-type) textarea,
.date-picker.date-picker-input-only > *:not(:last-of-type):not(:first-of-type) textarea,
.input-group > *:not(:last-of-type):not(:first-of-type) select,
.date-picker.date-picker-input-only > *:not(:last-of-type):not(:first-of-type) select {
  border-left: 0;
  border-right: 0;
}
.input-button-group {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 1.6rem;
}
.radio {
  margin-top: 5px;
  position: relative;
}
.radio input[type=radio] {
  display: none;
  outline: 0;
}
.radio input[type=radio].disabled {
  pointer-events: none;
}
.radio input[type=radio].disabled + label {
  opacity: 0.5;
}
.radio input[type=radio].disabled + label:hover {
  cursor: not-allowed;
}
.radio input[type=radio].disabled + label:hover:before,
.radio input[type=radio].disabled + label:hover:after {
  cursor: not-allowed;
}
.radio input[type=radio] + label {
  padding-left: 30px;
  cursor: pointer;
  line-height: 20px;
  margin-right: 30px;
}
.radio input[type=radio] + label:before,
.radio input[type=radio] + label:after {
  width: 20px;
  height: 20px;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #e3e3e3;
  margin-right: 8px;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.radio input[type=radio] + label:after {
  display: none;
}
.radio.radio--condensed input[type=radio] + label {
  margin-right: 6px;
}
.radio input[type=radio]:checked + label:after {
  background: var(--primary);
  display: inline-block;
  position: absolute;
  left: 4px;
  border: 0;
  width: 12px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.radio.radio-sm label {
  font-size: 13px;
}
.radio.radio-sm input[type=radio]:checked + label:after {
  top: 8px;
}
.radio-inline .radio {
  display: inline-block;
}
form[readonly] .inline-input {
  pointer-events: none;
}
form[readonly] .edit {
  display: none !important;
}
form[readonly] input,
form[readonly] select {
  pointer-events: none;
}
form[readonly] .date-picker,
form[readonly] .input-file,
form[readonly] .toggle,
form[readonly] .map-holder {
  pointer-events: none;
}
form[readonly] .upload {
  background: transparent !important;
}
.textarea--styles .preview__editable {
  min-height: 14rem;
}
.textarea--styles .preview__editable * {
  line-height: 1.3;
}
label.input-file-simple-label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-modal input[type=file] {
  opacity: 0;
  position: absolute;
  left: -10000px;
}
.video-modal .progress {
  margin-bottom: 0;
  align-self: center;
  margin-right: 15px;
}
.video-modal .progress .progress-bar {
  background-color: var(--primary);
}
.video-modal .progress .progress-bar[aria-valuenow="100"] {
  background-color: #5cb85c;
}
.checkboxes > .checkbox {
  margin-bottom: 8px;
}
.checkbox {
  position: relative;
  padding-left: 30px;
}
.checkbox label {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.8rem;
  margin: 0;
  color: #212121;
  cursor: pointer;
}
.checkbox label:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px #e9e9e9;
}
.checkbox input:checked ~ label {
  color: #212121;
}
.checkbox input:checked ~ label:before {
  background: #f5b049;
  box-shadow: 0 0 0 1px #f5b049;
  border: 3px solid #fff;
}
.checkbox input:checked ~ label:hover {
  color: rgba(33, 33, 33, 0.8);
}
.checkbox input:disabled ~ label {
  color: #a3a3a3;
  cursor: default;
}
.textarea {
  width: 100%;
  min-height: 140px;
  font-size: 16px;
  line-height: 26px;
  padding: 16px;
  border-radius: 6px;
  box-shadow: none;
  margin: 0;
  transition: 260ms ease;
  border: 1px solid #e9e9e9;
}
.category-dropdown .ng-select .ng-select-container {
  height: 50px;
  border-radius: 8px;
  font-size: 16px;
  color: unset;
}
.category-dropdown .ng-select .ng-select-container .ng-value-container {
  padding-left: 12px;
}
.category-dropdown .ng-select .ng-select-container .ng-value-container .ng-input {
  top: 0;
  height: 100%;
}
.category-dropdown .ng-select .ng-select-container .ng-value-container .ng-input > input {
  line-height: 50px;
  height: 100%;
}
.category-dropdown .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: rgba(33, 33, 33, 0.5);
}
.ng-select.ng-select-opened > .ng-select-container {
  background: url(/assets/img/icons/chevron-up.svg);
}
.ng-select-container {
  background: url(/assets/img/icons/chevron-down.svg);
  background-size: 2rem !important;
  background-repeat: no-repeat !important;
  background-position: right 1.2rem center !important;
  padding: 6px 4rem 6px 1.2rem;
  width: 100%;
  border: 0.1rem solid var(--input-border) !important;
  border-radius: 0.8rem !important;
  margin: 0.6rem 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  color: rgba(62, 62, 62, 0.8);
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ng-arrow-wrapper {
  display: none;
}
.ng-dropdown-panel {
  border-color: var(--input-border) !important;
}
.btn {
  cursor: pointer;
  display: inline-block;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  line-height: 100%;
  padding: 1.2rem 1.6rem;
  font-weight: 600;
  white-space: nowrap;
  transition: all 260ms ease;
  border: 0;
  outline: 0;
}
.btn,
.btn:link,
.btn:visited {
  color: #fff;
  background-color: var(--primary);
}
.btn:hover {
  filter: brightness(95%);
  outline: 0;
  color: #fff;
}
.btn:active {
  filter: brightness(90%);
  outline: 0;
  color: #fff;
}
.btn.has-inline-spinner::before {
  margin-right: 0.25em;
}
.btn.btn-xlg {
  font-size: 1.8rem;
  line-height: 100%;
  padding: 1.6rem 2.4rem;
}
.btn.btn-lg {
  font-size: 1.6rem;
  line-height: 100%;
  padding: 1.2rem 2.4rem;
}
.btn.btn-sm {
  font-size: 1.6rem;
  line-height: 100%;
  padding: 1.2rem 2.4rem;
}
.btn img {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn.btn-disabled,
.btn[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}
.btn.btn-secondary,
.btn.btn-secondary:link,
.btn.btn-secondary:visited {
  color: #fff;
  background-color: #a3a3a3;
}
.btn.btn-secondary:hover {
  background-color: rgb(150.25, 150.25, 150.25);
  outline: 0;
  color: #fff;
}
.btn.btn-secondary:active {
  background-color: rgb(137.5, 137.5, 137.5);
  outline: 0;
  color: #fff;
}
.btn.btn-ghost {
  background: transparent !important;
  border: none;
  color: #212121;
}
.btn.btn-ghost svg path {
  fill: #212121;
}
.btn.btn-ghost:hover {
  background-color: rgba(0, 0, 0, 0.05);
  filter: none;
}
.btn.btn-ghost.btn-primary {
  color: var(--primary);
}
.btn.btn-ghost.btn-primary svg path {
  fill: var(--primary) !important;
}
.btn.btn-ghost.btn-primary:hover {
  opacity: 0.7;
}
.btn.btn-ghost.btn-danger svg {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.btn.btn-ghost.btn-danger svg path {
  fill: #fc5447;
}
.btn.btn-ghost.btn-danger:hover svg {
  opacity: 0.5;
}
.btn.btn-blue,
.btn.btn-blue:link,
.btn.btn-blue:visited {
  color: #fff;
  background-color: #3373ea;
}
.btn.btn-blue:hover {
  background-color: rgb(27.88, 99.1333333333, 231.62);
  outline: 0;
  color: #fff;
}
.btn.btn-blue:active {
  background-color: rgb(21.84, 88.4, 212.16);
  outline: 0;
  color: #fff;
}
.btn.btn-danger,
.btn.btn-danger:link,
.btn.btn-danger:visited {
  color: #fff;
  background-color: #fc5447;
}
.btn.btn-danger:hover {
  background-color: rgb(251.5909090909, 60.6818181818, 45.9090909091);
  outline: 0;
  color: #fff;
}
.btn.btn-danger:active {
  background-color: rgb(251.1818181818, 37.3636363636, 20.8181818182);
  outline: 0;
  color: #fff;
}
.btn.btn-danger.btn-outlined {
  border: 1px solid #fc5447;
  background: transparent;
  color: #fc5447;
}
.btn.btn-danger.btn-outlined:hover {
  background-color: #fc5447;
  color: #fff;
}
.btn.btn-tertiary {
  color: #212121;
  box-shadow: inset 0 0 0 0.1rem #a3a3a3;
  background-color: transparent;
}
.btn.btn-tertiary:hover {
  background-color: rgba(33, 33, 33, 0.05);
  outline: 0;
}
.btn.btn-icon {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.btn.btn-icon svg {
  display: block;
  width: 16px;
  height: 16px;
}
.btn.btn-icon.btn-primary svg path {
  fill: var(--white);
}
.btn.btn-clear {
  background: transparent;
  box-shadow: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  color: var(--color-grey);
}
.btn.btn-clear span {
  height: 100%;
  display: flex;
  align-items: center;
}
.btn.btn-clear span svg {
  width: 1em;
  height: 1em;
}
.btn.btn-clear span svg path {
  fill: var(--color-grey);
}
.btn.btn-clear.btn-primary {
  color: var(--primary);
}
.btn.btn-clear.btn-primary span svg path {
  fill: var(--primary);
}
.btn.btn-link {
  background: none;
  color: #f5b049;
  padding: 0;
  font-weight: bold;
  border: none;
}
.btn.btn-link:hover {
  background: none;
  color: rgb(243.671875, 165.5078125, 48.828125);
}
.btn.btn-link span svg path {
  fill: var(--primary);
}
.btn.btn-outlined {
  background: transparent;
  border: 1px solid currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}
.btn.btn-outlined span {
  height: 100%;
  display: flex;
  align-items: center;
}
.btn.btn-outlined span svg {
  width: 1em;
  height: 1em;
}
.btn.btn-outlined span svg path,
.btn.btn-outlined span svg polygon {
  fill: currentColor;
}
.btn.btn-outlined.btn-primary {
  color: #f5b049;
}
.btn[hidden] {
  display: none;
}
.justified-buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 35px;
  margin-bottom: 20px;
}
.justified-buttons button:first-child,
.justified-buttons .btn:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .justified-buttons {
    flex-direction: column;
  }
  .justified-buttons > .btn {
    margin-bottom: 16px;
    text-align: center;
  }
}
.button {
  position: relative;
  cursor: pointer;
  outline: 0;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  -webkit-user-select: none;
  user-select: none;
  display: block;
  transition: 260ms ease;
  appearance: none;
  text-decoration: none;
  border-radius: 0.8rem;
}
.button.noTransition {
  transition: none;
}
.button.margin {
  margin: 5px;
}
.button--m {
  font-size: 1.6rem;
  line-height: 100%;
  padding: 1.2rem 2.4rem;
}
.button--l {
  font-size: 1.8rem;
  line-height: 100%;
  padding: 1.6rem 2.4rem;
}
.button--flat {
  color: #fff !important;
  box-shadow: none;
}
.button--flat:visited {
  color: #fff !important;
}
.button--flat.bg--blue {
  background: #3373ea;
}
.button--flat.bg--blue:hover {
  background: rgb(22.792, 92.2533333333, 221.408);
  color: #fff;
}
.button--flat.bg--orange {
  background: #f5b049;
}
.button--flat.bg--orange svg path,
.button--flat.bg--orange svg polygon {
  fill: #fff;
}
.button--flat.bg--orange:hover {
  background: rgb(242.875, 159.2125, 34.325);
  color: #fff;
}
.button--flat.bg--red {
  background: #fc5447;
}
.button--flat.bg--red:hover {
  background: rgb(251.3454545455, 46.6909090909, 30.8545454545);
  color: #fff;
}
.button--flat.bg--grey {
  color: #212121 !important;
  background: #eeeeee;
}
.button--flat.bg--grey:hover {
  background: rgb(217.6, 217.6, 217.6);
}
.button--ghost {
  background: none;
  box-shadow: none;
}
.button--ghost.bg--grey--hover {
  color: #a3a3a3 !important;
}
.button--ghost.bg--grey--hover:hover {
  background: #eeeeee;
  color: #212121 !important;
}
.button--ghost.bg--red--hover {
  color: #fc5447 !important;
}
.button--ghost.bg--red--hover:hover {
  opacity: 0.8;
}
.button--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.button--icon span {
  height: 16px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button--icon span svg {
  width: 16px;
  height: 16px;
}
.button--icon.button--ghost:hover svg path {
  fill: #212121;
}
.button--icon.button--ghost svg path {
  fill: #a3a3a3;
}
.button--dashed {
  box-shadow: none;
  border: 1px dashed #e9e9e9;
}
.button--dashed:hover {
  color: inherit;
  border-style: solid;
}
.button--outlined {
  box-shadow: inset 0 0 0 0.1rem #cdcdcd;
  color: #cdcdcd;
  background: none;
}
.button--outlined:hover,
.button--outlined:active {
  box-shadow: none;
}
.button--outlined.bg--orange--hover {
  box-shadow: inset 0 0 0 0.1rem #f5b049;
  color: #f5b049;
}
.button--outlined.bg--orange--hover svg {
  fill: #f5b049;
}
.button--outlined.bg--orange--hover:hover {
  background: #f5b049;
  color: #fff;
}
.button--outlined.bg--orange--hover:hover svg {
  fill: #fff;
}
.button--outlined.bg--blue--hover {
  box-shadow: inset 0 0 0 0.1rem #3373ea;
  color: #3373ea;
}
.button--outlined.bg--blue--hover:hover {
  background: #3373ea;
  color: #fff;
}
.button--outlined.bg--dark--hover {
  box-shadow: inset 0 0 0 0.1rem #212121;
  color: #212121;
}
.button--outlined.bg--dark--hover svg {
  fill: #212121;
}
.button--outlined.bg--dark--hover:hover {
  background: #212121;
  color: #fff;
}
.button--outlined.bg--dark--hover:hover svg {
  fill: #fff;
}
.button--outlined.bg--grey--hover {
  color: #cdcdcd !important;
}
.button--outlined.bg--grey--hover:hover {
  background: #cdcdcd;
  color: #fff !important;
}
.button--outlined.bg--red--hover {
  color: #fc5447 !important;
  box-shadow: inset 0 0 0 0.1rem #fc5447;
}
.button--outlined.bg--red--hover:hover {
  background: #fc5447;
  color: #fff !important;
}
.button--no-border {
  border: 0;
  box-shadow: none;
}
.button--dashed {
  border: 1px dashed #a3a3a3;
  box-shadow: none;
  background: none;
}
.button--dashed.bg--grey {
  color: #a3a3a3 !important;
}
.button--dashed.bg--grey:hover {
  background: #eeeeee;
  border: 1px solid #eeeeee;
  color: #212121 !important;
}
.chart .chart-top {
  display: flex;
  justify-content: space-between;
  color: #212121;
  align-items: center;
}
.chart .chart-top .chart-title {
  font-size: 20px;
  font-weight: 600;
}
.chart .chart-top .chart-export {
  font-weight: 600;
  font-size: 16px;
}
.chart canvas {
  margin-top: 10px;
  width: 100% !important;
  max-width: 585px;
  height: auto !important;
}
.chart ul {
  display: flex;
  margin: 10px 0 0 0;
  padding: 0 0 0 16px;
  list-style-type: none;
  font-size: 14px;
  font-weight: 500;
  flex-direction: column;
}
.chart ul li {
  margin: 5px 0;
  display: flex;
  flex-direction: row;
  order: 2;
}
.chart ul li .status {
  margin: 6px 0 0 12px;
  order: 2;
}
.chart ul li input[type=checkbox] {
  height: 15px;
  width: 15px;
}
.chart ul li.chart-dataset-prior {
  order: 1;
}
#chartjs-tooltip {
  opacity: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 3px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.chartjs-tooltip-key {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.chart__holder {
  position: relative;
  height: 250px;
}
.chart__point {
  cursor: pointer;
  position: absolute;
  width: 1rem;
  height: 1rem;
  margin-left: 1rem;
  margin-bottom: 3rem;
}
.chart__point__speech,
.chart__point__speech svg {
  height: 20px;
}
.chart__point__responses {
  cursor: default;
  position: absolute;
  top: 3rem;
  left: -1rem;
  background: #fff;
  width: 20rem;
  padding: 1rem;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border: 1px solid #e3e3e3;
  z-index: 100;
}
.chart__point__responses::after {
  position: absolute;
  content: "";
  display: block;
  left: 1.5rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-color: transparent transparent #fff transparent;
  top: -0.5rem;
}
.chart__point__responses::before {
  position: absolute;
  content: "";
  display: block;
  left: 1.2rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.8rem 0.6rem 0.8rem;
  border-color: transparent transparent #e3e3e3 transparent;
  top: -0.5rem;
  z-index: -1;
}
.chart__point__response {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e3e3e3;
  font-size: 13px;
}
.chart__point__response:last-of-type {
  border-bottom: 0;
}
.chart__point__responses__scroll {
  max-height: 20rem;
  overflow-y: auto;
}
.chart__option__items {
  display: flex;
}
.chart__option__item {
  margin-right: 0.5rem;
}
app-footer {
  padding: 2.4rem;
  padding-top: 4rem;
  margin-top: auto;
  width: 100%;
  min-width: 100%;
}
app-footer p {
  width: 100%;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: rgba(33, 33, 33, 0.3);
  text-align: center;
}
app-footer p a,
app-footer p a:link,
app-footer p a:visited {
  color: unset;
  font-weight: 600;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  app-footer {
    padding: 1.6rem;
  }
}
.data-filter {
  margin-top: 40px;
}
.data-filter__holder {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.data-filter__holder .radio,
.data-filter__holder .checkbox {
  margin-top: 0;
}
.data-filter__count {
  margin-left: auto;
}
.data-filter--unknown {
  color: #a3a3a3;
}
.date-picker {
  margin-top: 10px;
  margin-bottom: 10px;
}
.date-picker .date-picker-quick-select {
  margin-bottom: 20px;
}
.date-picker:not(.date-picker-with-time) .date-picker-quick-select {
  display: flex;
  justify-content: space-between;
}
.date-picker:not(.date-picker-with-time) .date-picker-quick-select select {
  width: auto;
  margin: 0;
}
.date-picker:not(.date-picker-with-time) .date-picker-quick-select .date-picker-day,
.date-picker:not(.date-picker-with-time) .date-picker-quick-select .date-picker-year {
  flex: 3;
}
.date-picker:not(.date-picker-with-time) .date-picker-quick-select .date-picker-month {
  flex: 4;
  margin: 0 10px;
}
.date-picker.date-picker-with-time .date-picker-time-container {
  display: flex;
  margin-top: 10px;
}
.date-picker.date-picker-with-time .date-picker-time-container .date-picker-quick-select {
  flex: 1;
  margin-right: 5px;
}
.date-picker.date-picker-with-time .date-picker-time-container .date-picker-quick-select .date-picker-day {
  flex: 1;
}
.date-picker.date-picker-with-time .date-picker-time-container .date-picker-quick-select .date-picker-year {
  flex: 3;
}
.date-picker.date-picker-with-time .date-picker-time-container .date-picker-quick-select .date-picker-month {
  flex: 4;
}
.date-picker.date-picker-with-time .date-picker-time-container .date-picker-time-input {
  flex: 1;
  margin-left: 5px;
}
.date-picker .date-picker-choose {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.date-picker .date-picker-choose .date-picker-item {
  flex: 1;
  flex-basis: calc((100% - 21px) / 7);
  font-size: 22px;
  color: var(--primary);
  text-align: center;
  padding: 16px 0;
  margin-right: 3px;
  margin-bottom: 3px;
  cursor: pointer;
}
.date-picker .date-picker-choose .date-picker-item:nth-child(7n+0) {
  margin-right: 0;
}
.date-picker .date-picker-choose .date-picker-item.active {
  background-color: var(--primary);
  color: #fff;
  cursor: default;
}
.date-picker .date-picker-choose .date-picker-item.disabled {
  color: #f5dab1;
  cursor: default;
}
.date-picker .date-picker-choose .date-picker-item.date-picker-heading {
  background-color: transparent;
  font-size: 14px;
  color: #7f7f7f;
  padding: 10px 0;
  margin-bottom: 0;
  cursor: default;
}
.date-picker.date-picker-input-only {
  width: 100%;
  max-width: 233px;
  display: inline-flex;
  margin: 0 8px;
  vertical-align: middle;
}
body.default .date-picker-item {
  background: #fff;
}
body.detail-page .date-picker-item {
  background: #f6f6f6;
}
.inline-svg__item {
  display: inline-block;
}
.inline-svg__fill-primary {
  fill: var(--primary) !important;
}
.inline-svg__stroke-primary {
  stroke: var(--primary) !important;
}
span.label {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  margin: 0 3px;
  padding: 2px 12px;
  vertical-align: middle;
  font-weight: 700;
}
span.label.label-primary,
span.label {
  background-color: var(--primary);
}
span.label.label-info {
  background-color: #77ced8;
}
span.label.label-success {
  background-color: #fc5447;
}
span.label.label-secondary {
  background-color: #a3a3a3;
}
span.label.label-black {
  background-color: #000;
}
span.label.label-green {
  background-color: #49da16;
}
.list .no-results {
  width: 100%;
  text-align: center;
  font-weight: 600;
  margin-top: 50px;
  padding: 40px 0;
}
.loader {
  width: 100%;
  text-align: center;
  font-weight: 600;
  padding: 40px 0;
}
.loader span {
  display: inline-block;
  margin-left: 10px;
}
.loader--condensed {
  padding: 5px 0;
  margin-top: 0;
}
.loader--small .spinner,
.loader--small .has-inline-spinner::before {
  width: 16px;
  height: 16px;
}
.spinner,
.has-inline-spinner::before {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  background-image: url(/assets/img/icons/spinner.png);
  background-size: 100%;
  background-repeat: no-repeat;
  animation: loader 1.5s ease-in-out infinite;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner[hidden],
[hidden].has-inline-spinner::before {
  display: none;
}
.has-inline-spinner::before {
  background-image: url(/assets/img/icons/spinner-white.png);
  content: " ";
  height: 14px;
  width: 14px;
  background-size: 100%;
}
.has-inline-spinner.dark::before {
  background-image: url(/assets/img/icons/spinner.png);
}
.menu,
.tabs .tabs-menu {
  list-style-type: none;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  padding: 0;
}
.menu li,
.tabs .tabs-menu li {
  display: block;
  height: 70px;
  vertical-align: middle;
  margin: 0 9px;
  font-weight: 600;
  font-size: 16px;
}
.menu li .label[hidden],
.tabs .tabs-menu li .label[hidden] {
  display: none;
}
.menu li a,
.tabs .tabs-menu li a {
  display: block;
  flex-direction: column;
  position: relative;
  height: inherit;
  font-weight: inherit;
  font-size: inherit;
  padding: 24px 0;
  white-space: nowrap;
  transition: color 260ms ease;
}
.menu li a,
.tabs .tabs-menu li a,
.menu li a:link,
.menu li a:active,
.menu li a:visited,
.menu li a:hover {
  color: #a3a3a3;
}
.menu li a:hover,
.tabs .tabs-menu li a:hover {
  border-bottom: 1px solid var(--primary);
}
.menu li a .icon,
.tabs .tabs-menu li a .icon {
  display: inline-flex;
  margin-right: 5px;
  vertical-align: middle;
}
.menu li a .icon,
.tabs .tabs-menu li a .icon,
.menu li a .icon svg,
.tabs .tabs-menu li a .icon svg {
  width: 15px;
  height: 15px;
}
.menu li .sub-title,
.tabs .tabs-menu li .sub-title {
  position: absolute;
  font-size: 11px;
  color: #a3a3a3;
  margin-top: 20px;
}
.menu li.active a,
.tabs .tabs-menu li.active a {
  color: #212121;
  border-bottom: 3px solid var(--primary);
}
.menu li.separator,
.tabs .tabs-menu li.separator {
  width: 1px;
  background-color: #d8d8d8;
  margin-right: 0;
}
.menu li.separator.full,
.tabs .tabs-menu li.separator.full {
  margin-right: 14px;
}
.menu li.account,
.tabs .tabs-menu li.account {
  cursor: pointer;
  padding-top: 5px;
  margin-left: 0;
  margin-right: 0;
}
.menu li.dropdown,
.tabs .tabs-menu li.dropdown {
  position: relative;
  min-width: 220px;
}
.menu li.dropdown .triangle,
.tabs .tabs-menu li.dropdown .triangle {
  display: inline-block;
  background-image: url(/assets/img/icons/chevron-down.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 10px;
  height: 5px;
  margin-left: 3px;
  margin-right: 10px;
}
.menu li.dropdown .toggle,
.tabs .tabs-menu li.dropdown .toggle {
  width: 100%;
  height: 70px;
  position: absolute;
}
.menu li.dropdown ul,
.tabs .tabs-menu li.dropdown ul {
  position: relative;
  height: auto;
  background-color: #fff;
  text-align: left;
  max-width: 100%;
  z-index: 100;
  padding: 0;
  margin: 0;
  display: none;
}
.menu li.dropdown ul li,
.tabs .tabs-menu li.dropdown ul li {
  font-weight: bold;
  border-top: 1px solid #efefef;
  width: 100%;
  display: block;
  margin: 0;
  height: auto;
}
.menu li.dropdown ul li.active a,
.tabs .tabs-menu li.dropdown ul li.active a {
  background-color: rgb(252.45, 252.45, 252.45);
}
.menu li.dropdown ul li a,
.tabs .tabs-menu li.dropdown ul li a {
  padding: 15px 20px;
  height: auto;
}
.menu li.dropdown ul li a,
.tabs .tabs-menu li.dropdown ul li a,
.menu li.dropdown ul li a:hover {
  border-bottom: 0;
}
.menu li.dropdown ul li a:hover,
.tabs .tabs-menu li.dropdown ul li a:hover {
  background-color: rgb(252.45, 252.45, 252.45);
}
.menu li.dropdown:hover,
.tabs .tabs-menu li.dropdown:hover {
  height: auto;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
}
.menu li.dropdown:hover .triangle,
.tabs .tabs-menu li.dropdown:hover .triangle {
  background-image: url(/assets/img/icons/chevron-up.png);
}
.menu li.dropdown:hover ul,
.tabs .tabs-menu li.dropdown:hover ul {
  display: block;
}
.switch {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.switch .switch-option {
  font-size: 15px;
  cursor: pointer;
  text-align: center;
  font-weight: 600;
  color: #212121;
  overflow: hidden;
  line-height: 36px;
  flex: 0 1 auto;
  padding: 0 20px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-width: 1px;
  border-color: transparent;
  border-radius: 0.8rem;
  box-shadow: inset 0 0 0 0.1rem #212121;
}
.switch .switch-option.active,
.switch .switch-option:hover {
  background: #212121;
  color: #fff;
}
.switch__range {
  color: #000;
}
.switch__range__dash {
  color: #a3a3a3;
  text-transform: lowercase;
}
.switch__range__edit {
  color: #f5b049;
  font-size: 14px;
  cursor: pointer;
  margin-left: 4px;
}
.switch.switch-inline {
  justify-content: flex-start;
}
.switch.switch-inline .switch-option {
  width: auto;
  flex: auto;
  flex-grow: 0;
  padding: 0 20px;
}
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 15px;
}
table thead th {
  font-weight: 700;
  color: #a3a3a3;
  text-align: left;
  padding: 12px 7px 0 7px;
  font-size: 15px;
}
table tbody {
}
table tbody tr {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
table tbody tr td {
  padding: 17px;
  background-color: #fff;
}
.tile {
  width: 100%;
  background-color: #fff;
  margin: 20px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 17px rgba(0, 0, 0, 0.09);
}
.tile.tile-inactive {
  opacity: 0.7;
}
.tile.tile-clickable {
  cursor: pointer;
}
.tile .tile-header .tile-image {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  width: 100%;
  height: 170px;
  background-size: cover;
}
.tile .tile-header .tile-image .tile-gradient {
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0) 43%,
      rgba(255, 255, 255, 0.83) 73%,
      #fff);
}
.tile .tile-header .tile-text {
  margin: -21px 20px 20px 20px;
  border-bottom: 1px solid #f0f0f0;
}
.tile .tile-header .tile-text h3,
.tile .tile-header .tile-text h4,
.tile .tile-header .tile-text h5 {
  margin: 0;
}
.tile .tile-header .tile-text h5 {
  color: #3e3e3e;
}
.tile .tile-header .tile-text .tile-info {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 600;
  color: #212121;
}
.tile .tile-header .tile-text .tile-info .tile-calendar {
  margin-right: 7px;
  display: inline-block;
}
.tile.tile-text .tile-content {
  font-weight: 400;
  padding: 35px;
}
.tile-content {
  padding: 15px 20px 30px 20px;
  font-size: 16px;
  font-weight: 600;
}
.tile-content .tile-actions {
  float: right;
}
.tile-content .tile-actions .tile-action {
  margin-left: 20px;
  cursor: pointer;
}
.tile-content .tile-actions .tile-delete,
.tile-content .tile-actions .tile-delete svg,
.tile-content .tile-actions .tile-edit,
.tile-content .tile-actions .tile-edit svg {
  height: 20px;
}
.tile-content .tile-attachments {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.tile-content .tile-attachments .tile-attachment {
  width: 80px;
  min-width: 80px;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 80px;
  display: flex;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 60px;
  background-size: cover;
  background-position: center;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}
.tile-content .tile-attachments .tile-attachment:last-of-type {
  margin-right: 0;
}
.tile-content .tile-attachments .tile-attachment.tile-attachment-more {
  cursor: pointer;
}
.tile-content .tile-attachments .tile-attachment .tile-attachment-more-text {
  line-height: 60px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.tile-attachment__icon svg {
  width: 3rem;
}
.toggle {
  display: block;
  width: 70px;
  height: 40px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #e0e0e0;
  position: relative;
  transition: 0.4s;
}
.toggle::after {
  position: absolute;
  height: 34px;
  width: 34px;
  display: block;
  background-color: #fff;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: 3px;
  top: 3px;
  cursor: pointer;
  transition: 0.4s;
}
.toggle.toggle-active {
  background-color: var(--primary);
}
.toggle.toggle-active::after {
  left: 33px;
}
.toggle.toggle-disabled {
  opacity: 0.66;
}
.toggle.toggle-disabled::after {
  cursor: default;
}
.toggle--small {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  width: 50px;
  height: 28px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.toggle--small::after {
  height: 22px;
  width: 22px;
}
.toggle--small.toggle-active::after {
  left: 25px;
}
.navigation {
  height: 60px;
  border-bottom: 1px solid #eeeeee;
  background: #fff;
}
.navigation .tabs-menu {
  float: none;
  overflow-x: scroll;
}
.navigation .tabs-menu::-webkit-scrollbar {
  display: none;
}
.navigation .tab-settings {
  margin-left: auto;
}
.navigation .tab-settings a {
  display: inline-flex;
  align-items: center;
}
.navigation .tab-export {
  margin-left: 0;
}
.navigation .tab-export a {
  display: inline-flex;
  align-items: center;
}
.navigation .tab-export .menu-image {
  margin-right: 0;
}
.navigation .menu-image {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
}
.navigation .menu-image,
.navigation .menu-image svg {
  height: 18px;
}
@media screen and (max-width: 767px) {
  .navigation {
    margin-bottom: 24px;
  }
}
.livestreams {
  border: 1px solid #e9e9e9;
  border-radius: 0.8rem;
  overflow: hidden;
  max-width: 1024px;
}
.livestreams__head {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #f3f3f3;
  border-bottom: 1px solid #e9e9e9;
  padding: 0.8rem 1.6rem;
  gap: 0.8rem 1.6rem;
}
.livestreams__head li {
  list-style-type: none;
  width: 100px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #212121;
}
.livestreams__head li:first-child {
  width: 80px;
}
.livestreams__head li:nth-child(2) {
  width: 150px;
}
.livestreams__head li:nth-child(3) {
  width: 250px;
}
.livestreams__head li:nth-child(4),
.livestreams__head li:nth-child(5) {
  width: 125px;
}
.livestreams table {
  display: flex;
  flex-direction: column;
}
.livestreams table tbody tr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-shadow: none;
  padding: 1.6rem;
  gap: 0.8rem 1.6rem;
}
.livestreams table tbody tr:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
}
.livestreams table tbody tr > td {
  padding: 0;
  width: 100px;
  background: none;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 300;
  color: #212121;
  word-wrap: break-word;
}
.livestreams table tbody tr > td > span {
  color: #a3a3a3;
}
.livestreams table tbody tr > td span.livestream-status {
  color: #fff;
  padding: 0.2rem 0.6rem;
  font-size: 1.2rem;
  font-weight: 600;
  border-radius: 0.8rem;
  background-color: #212121;
  display: block;
  width: fit-content;
}
.livestreams table tbody tr > td span.livestream-status.active {
  background-color: #49da16;
}
.livestreams table tbody tr > td:first-child {
  width: 80px;
}
.livestreams table tbody tr > td:nth-child(2) {
  width: 150px;
}
.livestreams table tbody tr > td:nth-child(3) {
  width: 250px;
}
.livestreams table tbody tr > td:nth-child(4),
.livestreams table tbody tr > td:nth-child(5) {
  width: 125px;
}
.livestreams table tbody tr > td:last-child {
  margin-left: auto;
  position: relative;
  display: flex;
  justify-content: end;
  text-align: end;
  width: fit-content;
}
.livestreams table tbody tr > td:last-child div {
  display: flex;
  gap: 0.4rem;
}
.livestreams table tbody tr > td:last-child div .tile-action {
  cursor: pointer;
}
.livestreams table tbody tr > td:last-child div .tile-action:last-child {
  font-weight: 600;
  color: var(--primary);
}
.livestreams table tbody tr > td:last-child div .tile-action:hover {
  opacity: 0.7;
}
.livestreams__modal form button {
  margin: 0 10px;
}
section.projects .live-stream__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 10px;
}
section.projects .live-stream__video {
  width: 90%;
}
section.projects .live-stream__error {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 0, 0, 0.8);
  color: white;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .livestreams .account ul {
    display: none;
  }
  .livestreams .account table tbody tr {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 16px;
  }
  .livestreams .account table tbody tr > td {
    width: 100%;
    min-width: 100%;
    padding: 16px 16px 0 16px;
  }
  .livestreams .account table tbody tr > td:before {
    content: attr(data-th);
    display: block;
    font-weight: 600;
    color: #212121;
  }
  .livestreams .account table tbody tr > td:last-child {
    justify-content: start;
    width: 100%;
    min-width: 100%;
    padding-bottom: 16px;
  }
  .livestreams .account table tbody tr > td:last-child:before {
    display: none;
  }
}
.update-location .map {
  margin-bottom: 0;
}
.update-location .map .mapboxgl-map {
  border-radius: 15px;
}
.update-location .error {
  margin-top: 0.4rem;
  color: #fc5447;
}
.project-shapefile {
  margin-top: 2.4rem;
}
.project-shapefile .shapefile-info {
  cursor: pointer;
}
.project-shapefile .input-file {
  min-height: 120px;
}
.project-map {
  position: relative;
  width: 100%;
}
.project-map .map-buttons {
  display: flex;
  justify-content: center;
  bottom: 10px;
  position: absolute;
  gap: 10px;
  width: 100%;
  z-index: 1000;
}
.project-map app-button.mapboxgl-ctrl,
.project-map .button.mapboxgl-ctrl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
}
.project-map .map {
  width: 100%;
  height: 420px;
}
.project-map .map .mapboxgl-map {
  border-radius: 0.8rem;
}
.project-map .map .mapboxgl-map .mapboxgl-ctrl-geocoder {
  border: 2px solid #e9e9e9;
  border-radius: 0.8rem;
}
.project-map .map .mapboxgl-map .mapboxgl-ctrl-geocoder--input:focus {
  outline: unset;
}
.project-map .map .mapboxgl-map .mapboxgl-canvas-container {
  width: 100%;
  height: 100%;
}
.category-dropdown .category-option {
  color: #212121;
  font-weight: 600;
  font-size: 16px;
}
.category-dropdown .category-description {
  font-size: 16px;
  color: rgba(33, 33, 33, 0.8);
  white-space: normal;
  overflow: visible;
  word-break: break-word;
}
.two-factor-screen {
  align-items: center;
}
.two-factor-screen .min-vh-100 {
  min-height: 100vh;
}
.two-factor-screen__title {
  width: 100%;
}
.two-factor-screen .page {
  max-width: 480px;
  padding-top: 2rem;
}
.two-factor-screen .page img {
  max-width: 240px;
  height: auto;
}
.two-factor-screen .page__content {
  flex-direction: column;
  text-align: center;
  background-color: white;
  border-radius: 0 0 25px 25px;
}
.two-factor-screen .page .align {
  width: 100%;
  display: flex;
  text-align: left;
  justify-content: center;
  padding-top: 2rem;
}
.two-factor-screen .page .align h2 {
  font-size: 4rem;
}
.two-factor-screen .page .align #phoneNumber {
  margin: 0 0 0 5px;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  box-shadow: none;
  font-size: 16px;
  height: 50px;
  outline: 0 !important;
  padding: 0 16px;
  transition: 0.26s ease;
  width: 100%;
}
.two-factor-screen .page .align .form {
  width: 100%;
  background-color: white;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
.two-factor-screen .page .align .form button:not(.iti__selected-country) {
  height: 50px;
}
.two-factor-screen .page .align .form label {
  margin-bottom: 0;
}
.two-factor-screen .page .align .form app-form-group {
  padding-bottom: 1rem;
}
.two-factor-screen .page .align .form div.bouwapp-group__item {
  padding-bottom: 2rem;
}
.two-factor-screen .page .align .form .ng-touched.ng-invalid {
  border-color: red;
}
.two-factor-screen .page .align .form .ng-touched.ng-invalid #phoneNumber {
  border-color: red;
}
.two-factor-screen .page .align .form .code-input {
  display: flex;
}
.two-factor-screen .page .align .form .code-input input {
  margin: 1rem;
  min-width: 4rem;
  max-width: 7rem;
  text-align: center;
}
.two-factor-screen .page .align .form .invalidTwoFa {
  margin: 1rem 0;
}
.two-factor-screen .page .align .form .invalidCode > h3 {
  color: inherit;
}
.two-factor-screen .page .align .form .resend {
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .two-factor-screen .page {
    padding: 16px;
  }
  .two-factor-screen .page .align {
    text-align: center;
  }
  .two-factor-screen .page .align h2 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 400px) {
  .two-factor-screen .page .align .form .code-input input {
    min-width: 3rem;
    margin: 5px;
  }
}
.button--black-white {
  background-color: #fff;
  color: #212121;
  border-radius: 10px;
  border: 1px solid #212121;
  box-shadow: none;
  margin: 0;
  margin-right: 10px;
  padding: 8px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 40px;
  transition: 260ms ease;
}
.button--black-white[disabled]:not(.back).inactive {
  background-color: #fff;
  opacity: 0.5;
  border-color: #212121;
}
.button--black-white[disabled]:not(.back).inactive p,
.button--black-white[disabled]:not(.back).inactive span {
  color: #212121;
}
.button--black-white[disabled]:not(.back).inactive svg,
.button--black-white[disabled]:not(.back).inactive path {
  fill: #212121;
}
.button--black-white p {
  line-height: 18px;
  font-size: 15px;
  color: #212121;
  margin: 0;
}
.button--black-white span {
  width: 15px;
  height: 18px;
  margin-right: 8px;
}
.button--black-white span.caret {
  margin-left: 8px;
  margin-right: 0;
}
.button--black-white span svg {
  width: 100%;
  height: 100%;
  fill: #212121;
}
.button--black-white span.magic-wand svg {
  fill: #fff;
}
.button--black-white span.stylus svg {
  fill: #000;
}
.button--black-white span.add svg {
  fill: #212121;
}
.button--black-white:hover {
  background-color: #212121;
  color: #fff;
}
.button--black-white:hover svg {
  fill: #fff;
}
.button--black-white:hover p {
  color: #fff;
}
.button--black-white:hover .magic-wand svg {
  fill: #212121;
}
.button--black-white:hover .magic-wand svg path {
  stroke: #fff;
}
.button--black-white:hover .spellcheck svg path {
  fill: #fff;
}
.button--black-white:hover .add svg path {
  fill: #fff;
}
.button--black-white:hover .undo svg {
  fill: #fff;
}
.button--black-white[disabled]:not(.back, .button--black-white) {
  background-color: #f5b049;
  opacity: 1;
  border-color: #f5b049;
}
.button--black-white[disabled]:not(.back, .button--black-white) p {
  color: #fff;
}
.button--black-white[disabled]:not(.back, .button--black-white) span polygon {
  fill: #fff;
}
.button--black-white[disabled]:not(.back, .button--black-white) span svg {
  fill: #fff;
}
.button--black-white[disabled]:not(.back, .button--black-white) .magic-wand svg path {
  fill: #fff;
  stroke: #212121;
}
button[disabled] {
  opacity: 0.7;
  cursor: default !important;
}
.ai-loading {
  border-top: 1px solid #cdcdcd;
  padding: 16px;
  text-align: center;
  font-weight: 600;
  color: #212121;
}
.ai-loading span:first-child {
  color: #cdcdcd;
}
.ai-loading span:nth-child(2) {
  color: #f5b049;
}
.ai-tool {
  border-top: 1px solid #e9e9e9;
  padding: 16px;
  font-size: 15px;
}
.ai-tool__top p {
  font-weight: 600;
  color: #212121;
}
.ai-tool__top p span {
  color: #f5b049;
}
.ai-tool__content {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  flex-wrap: wrap;
}
.ai-tool__content button {
  margin-bottom: 10px;
}
.ai-tool__content button:hover {
  cursor: pointer;
}
.ai-tool__content button.back {
  margin-left: auto;
  border-color: #cdcdcd;
}
.ai-tool__content button.back[disabled] {
  opacity: 1;
}
.ai-tool__content button.back:hover {
  border-color: #212121;
}
.ai-tool__content .dropdown {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.ai-tool__content .dropdown button {
  margin-bottom: 0;
}
.ai-tool__content .dropdown:hover:not(.disabled) .dropdown__content {
  display: block;
}
.ai-tool__content .dropdown:hover:not(.disabled) .dropdown__button {
  background-color: #212121;
  border-radius: 10px 10px 0 0;
}
.ai-tool__content .dropdown:hover:not(.disabled) .dropdown__button p {
  color: #fff;
}
.ai-tool__content .dropdown:hover:not(.disabled) .dropdown__button .stylus svg {
  fill: #fff;
}
.ai-tool__content .dropdown:hover:not(.disabled) .dropdown__button .caret svg polygon {
  fill: #fff;
}
.ai-tool__content .dropdown__content {
  display: none;
  position: absolute;
  min-width: 200px;
  background-color: #fff;
  border: 1px solid #212121;
  border-top: none;
  border-radius: 0 0 10px 10px;
  width: calc(100% - 10px);
  z-index: 1;
}
.ai-tool__content .dropdown__content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ai-tool__content .dropdown__content ul li {
  cursor: pointer;
  padding: 6px 10px;
}
.ai-tool__content .dropdown__content ul li p {
  font-size: 15px;
}
.ai-tool__content .dropdown__content ul li:hover {
  background-color: #212121;
}
.ai-tool__content .dropdown__content ul li:hover p {
  color: #fff;
}
.alert {
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  color: #3e3e3e;
  background: #fff;
  border: 2px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 18px 27px 18px 60px;
  margin: 10px 0;
  position: relative;
}
.alert button.close {
  position: absolute;
  top: 8px;
  right: 8px;
  background: none;
  border: none;
  padding: 0;
  width: 16px;
  height: 16px;
}
.alert button.close svg {
  width: 100%;
  height: 100%;
  display: block;
}
.alert:before {
  content: " ";
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  left: 16px;
  top: calc(50% - 16px);
  background-size: 32px;
  background-repeat: no-repeat;
  background-size: contain;
}
.alert.alert-default {
  border-color: #0d0d0d;
}
.alert.alert-default:before {
  background-image: url(/assets/img/icons/info.svg);
}
.alert.alert-statistics {
  max-width: 800px;
  border-radius: 12px;
  box-shadow: 3px 3px 6px rgba(163, 163, 163, 0.7);
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
  align-items: center;
  gap: 16px;
  transition: 0.25s all ease-in-out;
  height: 0;
  opacity: 0;
  padding: 0;
  margin: 0;
}
.alert.alert-statistics.show {
  height: unset;
  opacity: 1;
  padding: 16px;
  margin: 50px auto 0 auto;
}
.alert.alert-statistics div:first-child {
  width: 80px;
  height: 80px;
}
.alert.alert-statistics div:nth-child(2) {
  min-width: 275px;
  max-width: 375px;
}
.alert.alert-statistics div:last-child {
  margin-left: auto;
}
.alert.alert-statistics div h2 {
  margin-top: 0;
}
.alert.alert-statistics div svg {
  width: 100%;
  height: 100%;
  display: block;
}
.alert.alert-statistics:before {
  content: none;
}
.alert.alert-statistics button {
  position: relative;
  cursor: pointer;
  outline: 0;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  -webkit-user-select: none;
  user-select: none;
  display: block;
  transition: 260ms ease;
  appearance: none;
  text-decoration: none;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  line-height: 100%;
  padding: 1.2rem 2.4rem;
  padding: 1.2rem 1.6rem;
  color: #fff;
  background: #f5b049;
}
.alert.alert-statistics button:hover {
  text-decoration: none;
}
.alert.alert-statistics button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.alert.alert-statistics button span {
  font-size: 1.6rem;
  line-height: 100%;
}
.alert.alert-statistics button span {
  display: inline-block;
  vertical-align: middle;
}
.alert.alert-statistics button span.icon {
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
  margin-bottom: 0.2rem;
}
.alert.alert-statistics button span.icon svg {
  width: 1.6rem;
  height: 1.6rem;
}
.alert.alert-statistics button span.icon svg path {
  transition: 260ms ease;
}
.alert.alert-statistics button span.arrow {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  margin-left: auto;
}
.alert.alert-statistics button span.arrow svg {
  width: 2rem;
  height: 2rem;
}
.alert.alert-statistics button span.arrow svg path {
  transition: 260ms ease;
}
.alert.alert-statistics button span.icon + span:not(.icon),
.alert.alert-statistics button span:not(.icon) + span.icon {
  margin-left: 0.8rem;
}
.alert.alert-statistics button svg {
  fill: #fff;
  display: block;
}
.alert.alert-statistics button span:first-child {
  margin-right: 8px;
}
.alert.alert-info {
  border-color: #77ced8;
}
.alert.alert-info:before {
  background-image: url(/assets/img/icons/info.svg);
}
.alert.no-margin,
.alert .no-margin {
  margin: 0;
}
.alert.alert-danger {
  border-color: #fc5447;
}
.alert.alert-danger:before {
  background-image: url(/assets/img/icons/danger.svg);
}
.alert.alert-warning {
  border-color: #f5b049;
}
.alert.alert-warning:before {
  background-image: url(/assets/img/icons/warning.svg);
}
.alert.alert-success {
  border-color: #a5e253;
}
.alert.alert-success:before {
  background-image: url(/assets/img/icons/success.svg);
}
.alert.on-screen {
  margin: 0;
  width: auto;
  border-radius: 8px;
  padding: 18px 26px 18px 60px;
  position: fixed;
  box-shadow: 2px 2px 5px #cdcdcd;
  bottom: 100px;
  left: calc(50% + 16.4rem);
  transform: translateX(-50%);
  z-index: 198;
}
.alert.on-screen[hidden] {
  opacity: 0;
}
@media screen and (max-width: 1023px) {
  .alert.on-screen {
    left: 50%;
  }
}
.app.conversations__content {
  pointer-events: none;
}
.app__content__image-modal__wrapper {
  z-index: 2001;
  pointer-events: all;
}
section.tickets.conversations {
  position: fixed;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: row-reverse;
  bottom: 0;
  width: 100%;
  pointer-events: none;
}
section.tickets.conversations__overlay {
  position: fixed;
  z-index: 2000;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
section.tickets.conversations app-modal {
  pointer-events: all;
}
section.tickets.conversations .conversation {
  z-index: 200;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  width: 500px;
  height: 100vh;
  max-height: 100vh;
  background: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
section.tickets.conversations .conversation::-webkit-scrollbar {
  display: none;
}
section.tickets.conversations .conversation .form-group {
  margin: 0;
}
section.tickets.conversations .conversation__header {
  border-bottom: 1px solid #e9e9e9;
  background: #fff;
}
section.tickets.conversations .conversation__header__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 12px 16px 16px;
}
section.tickets.conversations .conversation__header__top__head p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  color: #212121;
  margin: 0;
}
section.tickets.conversations .conversation__header__top__head span {
  font-size: 14px;
}
section.tickets.conversations .conversation__header__top__icons {
  display: flex;
  flex-direction: row;
  margin-left: auto;
}
section.tickets.conversations .conversation__header__top__icons > div {
  position: relative;
  width: 32px;
  height: 32px;
  text-align: center;
  cursor: pointer;
}
section.tickets.conversations .conversation__header__top__icons > div:not(:first-child) {
  margin-left: 8px;
}
section.tickets.conversations .conversation__header__top__icons > div svg {
  fill: #a3a3a3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  transition: 260ms ease;
}
section.tickets.conversations .conversation__header__top__icons > div svg path,
section.tickets.conversations .conversation__header__top__icons > div svg polygon {
  transition: 260ms ease;
}
section.tickets.conversations .conversation__header__top__icons > div.close:hover svg polygon {
  fill: #212121;
}
section.tickets.conversations .conversation__header__top__icons > div.fullscreen:hover svg path,
section.tickets.conversations .conversation__header__top__icons > div.fullscreen:hover svg polygon,
section.tickets.conversations .conversation__header__top__icons > div.normalscreen:hover svg path,
section.tickets.conversations .conversation__header__top__icons > div.normalscreen:hover svg polygon,
section.tickets.conversations .conversation__header__top__icons > div.minimize:hover svg path,
section.tickets.conversations .conversation__header__top__icons > div.minimize:hover svg polygon {
  fill: #212121;
}
section.tickets.conversations .conversation__header__type {
  margin-top: -8px;
  padding: 0 16px 16px 16px;
}
section.tickets.conversations .conversation__header__type > p {
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  cursor: pointer;
  margin: 0;
}
section.tickets.conversations .conversation__header__type > p span {
  color: #fc5447;
  font-weight: 600;
}
section.tickets.conversations .conversation__header__type__options .radio {
  margin-top: 0;
}
section.tickets.conversations .conversation__header__type__options .radio:not(:first-child) {
  margin-left: 12px;
}
section.tickets.conversations .conversation__header__type__options .radio input[type=radio] + label {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #212121;
  margin: 0;
  transition: 260ms ease;
}
section.tickets.conversations .conversation__header__type__options .radio input[type=radio] + label:hover {
  color: rgba(33, 33, 33, 0.6);
}
section.tickets.conversations .conversation__header__type__options .radio input[type=radio] + label:hover:before {
  border-color: rgba(163, 163, 163, 0.8);
}
section.tickets.conversations .conversation__header__type__options .radio input[type=radio] + label:before {
  width: 18px;
  height: 18px;
  border: 1px solid #a3a3a3;
  margin: -2px 8px 0 0;
  transition: 260ms ease;
}
section.tickets.conversations .conversation__header__type__options .radio input[type=radio] + label:after {
  width: 12px;
  height: 12px;
  top: 7px;
  left: 3px;
  background: #f5b049;
  transition: 260ms ease;
}
section.tickets.conversations .conversation__header__type__options .radio input[type=radio]:checked + label:before {
  border-color: #f5b049;
}
section.tickets.conversations .conversation__header__type__notice {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 16px;
  padding: 13px 16px 12px 52px;
  background: rgba(252, 84, 71, 0.2);
  border-radius: 4px;
}
section.tickets.conversations .conversation__header__type__notice span {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
section.tickets.conversations .conversation__header__type__notice span svg {
  width: 20px;
  height: 20px;
}
section.tickets.conversations .conversation__header__type__notice p {
  font-size: 14px;
  font-weight: 600;
  color: #fc5447;
  margin: 0;
}
section.tickets.conversations .conversation__messages {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  flex-grow: 1;
}
section.tickets.conversations .conversation__messages .messages {
  display: flex;
  flex-direction: column-reverse;
  flex-grow: 1;
  padding: 16px 24px;
}
section.tickets.conversations .conversation__messages .messages .closed {
  width: calc(100% + 48px);
  text-align: center;
  font-weight: 600;
  margin: 12px 0 12px -24px;
  padding-top: 24px;
  border-top: 1px solid #e9e9e9;
}
section.tickets.conversations .conversation__messages .messages .closed .feedback {
  margin-top: 16px;
}
section.tickets.conversations .conversation__messages .messages .closed .feedback > .button {
  margin: 0 auto;
}
section.tickets.conversations .conversation__messages .messages .closed .feedback .awaiting-feedback,
section.tickets.conversations .conversation__messages .messages .closed .feedback .given-feedback-label {
  font-size: 13px;
  color: #a3a3a3;
}
section.tickets.conversations .conversation__messages .messages .closed .feedback .given-feedback-label {
  margin-bottom: 0.8rem;
}
section.tickets.conversations .conversation__messages .messages .closed .feedback .given-feedback-result,
section.tickets.conversations .conversation__messages .messages .closed .feedback .given-feedback-result svg {
  height: 60px;
}
section.tickets.conversations .conversation__messages .messages .closed .feedback .given-feedback {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.tickets.conversations .conversation__messages .messages .loader {
  margin-top: 0;
}
section.tickets.conversations .conversation__messages .messages .message {
  position: relative;
  padding: 8px 12px 24px 12px;
  margin: 0 0 16px 0;
  border-radius: 4px;
  width: 100%;
  max-width: calc(100% - 32px);
}
section.tickets.conversations .conversation__messages .messages .message__head {
  display: flex;
}
section.tickets.conversations .conversation__messages .messages .message__head span.name {
  color: #212121;
  font-size: 14px;
  font-weight: bold;
}
section.tickets.conversations .conversation__messages .messages .message__head__icon {
  cursor: pointer;
  margin-left: auto;
  display: flex;
  align-items: center;
}
section.tickets.conversations .conversation__messages .messages .message__head__icon span {
  margin-left: 5px;
  font-size: 12px;
  color: #212121;
}
section.tickets.conversations .conversation__messages .messages .message__head__icon span svg {
  width: 16px;
  height: 16px;
}
section.tickets.conversations .conversation__messages .messages .message__head .has-inline-spinner {
  margin-left: 12px;
}
section.tickets.conversations .conversation__messages .messages .message__content {
  white-space: pre-line;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  margin-top: 2px;
  word-break: break-word;
  color: #212121;
}
section.tickets.conversations .conversation__messages .messages .message__content strong {
  font-weight: bold;
}
section.tickets.conversations .conversation__messages .messages .message__content p {
  word-break: break-word;
  color: #212121;
}
section.tickets.conversations .conversation__messages .messages .message__content a {
  font-weight: 600;
  color: #006ff2;
  text-decoration: underline;
}
section.tickets.conversations .conversation__messages .messages .message__content img {
  width: 100%;
  max-width: 100%;
  height: 130px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #fff;
  margin: 4px 0;
}
section.tickets.conversations .conversation__messages .messages .message__date {
  position: absolute;
  bottom: 4px;
  right: 8px;
  color: #a3a3a3;
  font-size: 10px;
  font-weight: 300;
  text-align: right;
}
section.tickets.conversations .conversation__messages .messages .message__attachment {
  width: 100%;
  height: 132px;
  border-radius: 4px;
  overflow: hidden;
  margin: 4px 0;
}
section.tickets.conversations .conversation__messages .messages .message__attachment > div {
  width: 100%;
  max-width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #fff;
  cursor: pointer;
  margin: 0;
  background-size: cover;
  background-position: center;
}
section.tickets.conversations .conversation__messages .messages .message.device {
  background: #e9e9e9;
  margin-right: auto;
}
section.tickets.conversations .conversation__messages .messages .message.device .message__head span.name {
  cursor: pointer;
  color: #212121;
}
section.tickets.conversations .conversation__messages .messages .message.device .message__head span.name:hover {
  text-decoration: underline;
}
section.tickets.conversations .conversation__messages .messages .message.device .message__head .has-inline-spinner:before {
  background-image: url(/assets/img/icons/spinner.png) !important;
}
section.tickets.conversations .conversation__messages .messages .message.support {
  background: #ffefb9;
  margin-left: auto;
}
section.tickets.conversations .conversation__messages .messages .message.animate {
  animation: fade 0.3s ease-in;
}
section.tickets.conversations .conversation__bottom {
  margin-top: auto;
  width: 100%;
  position: relative;
}
section.tickets.conversations .conversation__bottom__attachment {
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: #fff;
  border-top: 1px solid #e9e9e9;
  font-size: 14px;
  line-height: 40px;
  color: #212121;
  padding: 0 12px;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.08);
}
section.tickets.conversations .conversation__bottom__toolbar {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 42px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
section.tickets.conversations .conversation__bottom__toolbar__markup {
  padding: 0;
  border: 0;
}
section.tickets.conversations .conversation__bottom__toolbar__markup > button {
  width: 40px;
  height: 40px;
  border-right: 1px solid #e9e9e9;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
  padding: 10px !important;
  float: none;
  margin: 0;
  background: #fff;
  transition: 260ms ease;
}
section.tickets.conversations .conversation__bottom__toolbar__markup > button svg {
  width: 20px;
  height: 20px;
  transition: 260ms ease;
}
section.tickets.conversations .conversation__bottom__toolbar__markup > button:hover {
  background: rgba(233, 233, 233, 0.1);
}
section.tickets.conversations .conversation__bottom__toolbar__image .input-file {
  position: relative;
  margin: 0;
  width: 40px;
  min-width: 40px;
  height: 40px;
  border: 0;
  border-right: 1px solid #e9e9e9;
  cursor: pointer;
  background: #fff;
  transition: 260ms ease;
}
section.tickets.conversations .conversation__bottom__toolbar__image .input-file:hover {
  background: rgba(233, 233, 233, 0.1);
}
section.tickets.conversations .conversation__bottom__toolbar__image .input-file:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-image: url(/assets/img/icons/upload-image.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
section.tickets.conversations .conversation__bottom__toolbar__status {
  position: relative;
  width: 140px;
  margin-left: auto;
  margin-right: 10px;
}
section.tickets.conversations .conversation__bottom__toolbar__status > .default {
  position: absolute;
  font-weight: bold;
  font-size: 13px;
  line-height: 40px;
  color: #212121;
  width: 56px;
  height: 40px;
  left: -44px;
  padding-left: 4px;
}
section.tickets.conversations .conversation__bottom__toolbar__status .label {
  position: absolute;
  top: 6px;
  left: 4px;
  font-size: 13px;
  line-height: 24px;
  padding: 2px 10px 1px 10px;
  display: block;
  border-radius: 4px;
}
section.tickets.conversations .conversation__bottom__toolbar__status .label[hidden] {
  display: none;
}
section.tickets.conversations .conversation__bottom__toolbar__status select {
  font-weight: 500;
  text-transform: capitalize;
  padding: 5px 10px;
  margin: 2.5px;
  border: 1px solid #e9e9e9;
  box-shadow: none;
  height: 35px;
  background-image: url(/assets/img/icons/caret-down-dark.svg);
  background-size: 12px 8px;
  background-repeat: no-repeat;
  background-position: right 12px center;
  outline: none;
}
section.tickets.conversations .conversation__bottom__compose {
  position: relative;
  height: 200px;
  display: flex;
  flex-direction: row;
}
section.tickets.conversations .conversation__bottom__compose ::ng-deep .bouwapp-editor__content .ProseMirror p.is-editor-empty:first-child::before {
  color: #cdcdcd;
  font-weight: 300;
}
section.tickets.conversations .conversation__bottom__compose > div ::ng-deep .bouwapp-editor__content {
  width: 100%;
  height: 100%;
}
section.tickets.conversations .conversation__bottom__compose > button.send {
  background: none;
  color: #cdcdcd;
  font-weight: bold;
  border: 0;
  padding: 12px;
  box-shadow: none;
  text-align: center;
  border-radius: 0;
  margin-left: auto;
  align-self: start;
}
section.tickets.conversations .conversation__bottom__compose > button.send.touched {
  color: #f5b049;
}
section.tickets.conversations .conversation__bottom__compose > button.send:hover {
  filter: none;
  transform: scale(1.05);
  color: rgb(242.34375, 155.015625, 24.65625);
}
section.tickets.conversations .conversation__modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(33, 33, 33, 0.5);
  padding: 40px;
}
section.tickets.conversations .conversation__modal__box {
  width: calc(100% - 80px);
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  background: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  padding: 16px;
}
section.tickets.conversations .conversation__modal__box__close {
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 11px;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}
section.tickets.conversations .conversation__modal__box__close svg {
  width: 18px;
  height: 18px;
  transition: 260ms ease;
}
section.tickets.conversations .conversation__modal__box__close:hover svg {
  transform: rotate(90deg);
}
section.tickets.conversations .conversation__modal__box__head > p {
  width: calc(100% - 48px);
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  color: #212121;
}
section.tickets.conversations .conversation__modal__box__head > p span {
  display: block;
  font-weight: normal;
  color: #a3a3a3;
}
section.tickets.conversations .conversation__modal__box__content {
  margin-top: 16px;
}
section.tickets.conversations .conversation__modal__box__content input {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #e9e9e9;
  box-shadow: none;
  margin: 0;
  transition: 260ms ease;
  height: 40px;
  font-size: 15px;
  line-height: 26px;
  padding: 0 16px;
}
section.tickets.conversations .conversation__modal__box__content button {
  margin: 12px 0 0 auto;
  box-shadow: none;
}
section.tickets.conversations .conversation.full-screen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  border: 0;
}
section.tickets.conversations .conversation.full-screen .conversation__header__type__options .radio input[type=radio] + label:after {
  top: 5px;
}
section.tickets.conversations .conversation.full-screen .messages .message {
  max-width: calc(60% - 24px);
}
section.tickets.conversations .conversation.closed .conversation__header__type > p {
  display: none;
}
section.tickets.conversations .conversation.closed .conversation__header__type__options {
  pointer-events: none;
}
section.tickets.conversations .conversation.closed .conversation__bottom__toolbar__markup,
section.tickets.conversations .conversation.closed .conversation__bottom__toolbar__image {
  display: none;
}
section.tickets.conversations .conversation.closed .conversation__bottom__compose {
  pointer-events: none;
}
section.tickets.conversations .conversation.closed .conversation__bottom__compose > div,
section.tickets.conversations .conversation.closed .conversation__bottom__compose .send {
  display: none;
}
section.tickets.conversations .conversation.closed .conversation__bottom__compose > span {
  font-size: 16px;
  color: #a3a3a3;
  text-align: center;
  padding: 32px;
}
@media screen and (max-width: 1023px) {
  body.conversation-opened {
    overflow: hidden;
  }
  section.tickets.conversations .conversation {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: 0;
  }
  section.tickets.conversations .conversation__header__top > div div.fullscreen,
  section.tickets.conversations .conversation__header__top > div div.normalscreen {
    display: none;
  }
  section.tickets.conversations .conversation__header__type__options .radio:not(:first-child) {
    margin-left: 6px;
  }
  section.tickets.conversations .conversation__header__type__options .radio input[type=radio] + label:after {
    top: 5px;
  }
}
@media screen and (max-width: 767px) {
  section.tickets.conversations .conversation__bottom__toolbar__markup .bouwapp-editor__button--underline {
    display: none;
  }
  section.tickets.conversations .conversation__bottom__toolbar__status {
    width: 130px;
  }
  section.tickets.conversations .conversation__bottom__toolbar__status .label {
    font-size: 12px;
  }
  section.tickets.conversations .conversation__bottom__toolbar__status .default {
    display: none;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.satisfaction-distribution-wrapper {
  background-color: #fff;
  padding: 20px;
  border-radius: 12px;
}
.satisfaction-distribution {
  display: flex;
  margin-top: 16px;
}
.satisfaction-distribution__score {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  position: relative;
}
.satisfaction-distribution__score:first-of-type .satisfaction-distribution__bar {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.satisfaction-distribution__score:last-of-type .satisfaction-distribution__bar {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.satisfaction-distribution__score--1 .satisfaction-distribution__bar {
  background: #fc5447;
}
.satisfaction-distribution__score--2 .satisfaction-distribution__bar {
  background: #f98248;
}
.satisfaction-distribution__score--3 .satisfaction-distribution__bar {
  background: #f5b049;
}
.satisfaction-distribution__score--4 .satisfaction-distribution__bar {
  background: #cfe238;
}
.satisfaction-distribution__score--5 .satisfaction-distribution__bar {
  background: #a5e253;
}
.satisfaction-distribution__score__image {
  top: 4rem;
}
.satisfaction-distribution__score__image .bg {
  fill: #cdcdcd;
}
.satisfaction-distribution__score__image .fg {
  fill: #212121;
  stroke: #212121;
}
.satisfaction-distribution__bar {
  width: 100%;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .satisfaction-distribution__score {
    min-width: 64px;
  }
  .satisfaction-distribution__score__image {
    top: 16px;
  }
  .satisfaction-distribution__score__image .custom-icon svg {
    width: 24px;
    height: 24px;
  }
}
.bouwapp-phases__start,
.bouwapp-phases__end {
  margin-left: 0.1rem;
}
.bouwapp-phases__start > span,
.bouwapp-phases__end > span {
  height: 2.4rem;
  line-height: 2.4rem;
  vertical-align: middle;
  margin-right: 0.8rem;
  font-size: 1.6rem;
  color: #212121;
  font-weight: 500;
}
.bouwapp-phases__start > span svg,
.bouwapp-phases__end > span svg {
  width: 2.4rem;
  height: 2.4rem;
  fill: #212121;
}
.bouwapp-phases__start a,
.bouwapp-phases__end a {
  line-height: 2.4rem;
  vertical-align: middle;
}
.bouwapp-phases__start + .bouwapp-phases__item:after,
.bouwapp-phases__end + .bouwapp-phases__item:after {
  content: "";
  position: absolute;
  top: -2.4rem;
  left: -2rem;
  width: 0.2rem;
  height: 4rem;
  border: 0.1rem dashed #cdcdcd;
}
.bouwapp-phases__end {
  margin-top: 4rem;
}
.bouwapp-phases__item {
  position: relative;
  margin-left: 3.2rem;
}
.bouwapp-phases__item .phase:before,
.bouwapp-phases__item .event:before {
  content: "";
  position: absolute;
  top: 1.6rem;
  left: -2.6rem;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border: 0.2rem solid #212121;
  border-radius: 50%;
}
.bouwapp-phases__item .event:before {
  left: -2.4rem;
}
.bouwapp-phases__item .event {
  position: relative;
}
.bouwapp-phases__item .event__content {
  border: 1px solid #a3a3a3;
}
.bouwapp-phases__item .phase {
  border: 2px solid #e9e9e9;
}
.bouwapp-phases__item .phase + .events > .event:first-child:after {
  content: "";
  position: absolute;
  top: -1.6rem;
  left: -1.4rem;
  width: 0.2rem;
  height: 2.8rem;
  border: 0.1rem dashed #cdcdcd;
}
.bouwapp-phases__item .phase,
.bouwapp-phases__item .event__content {
  margin: 1.6rem 0;
  background: #fff;
  padding: 2.4rem;
  border-radius: 1.6rem;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: start;
}
.bouwapp-phases__item .phase .left .current,
.bouwapp-phases__item .event__content .left .current {
  margin-bottom: 0.8rem;
}
.bouwapp-phases__item .phase .left .current span,
.bouwapp-phases__item .event__content .left .current span {
  color: #fc5447;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: bold;
  height: 1.8rem;
  vertical-align: middle;
  display: inline-block;
}
.bouwapp-phases__item .phase .left .current span:first-child,
.bouwapp-phases__item .event__content .left .current span:first-child {
  margin-right: 0.8rem;
}
.bouwapp-phases__item .phase .left .current span svg,
.bouwapp-phases__item .event__content .left .current span svg {
  fill: #fc5447;
}
.bouwapp-phases__item .phase .left > h3,
.bouwapp-phases__item .phase .left > h4,
.bouwapp-phases__item .event__content .left > h3,
.bouwapp-phases__item .event__content .left > h4 {
  margin: 0;
  margin-bottom: 0.4rem;
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: 600;
}
.bouwapp-phases__item .phase .left > div > h3,
.bouwapp-phases__item .event__content .left > div > h3 {
  margin: 0.4rem 0;
  font-size: 1.8rem;
}
.bouwapp-phases__item .phase .left > div > h4,
.bouwapp-phases__item .event__content .left > div > h4 {
  margin: 0.4rem 0;
  font-size: 1.6rem;
}
.bouwapp-phases__item .phase .left p,
.bouwapp-phases__item .phase .left ul,
.bouwapp-phases__item .phase .left ol,
.bouwapp-phases__item .event__content .left p,
.bouwapp-phases__item .event__content .left ul,
.bouwapp-phases__item .event__content .left ol {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 0.4rem 0;
}
.bouwapp-phases__item .phase .left span,
.bouwapp-phases__item .event__content .left span {
  display: block;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #3373ea;
}
.bouwapp-phases__item .phase .left > div > span,
.bouwapp-phases__item .event__content .left > div > span {
  color: #a3a3a3;
  font-weight: bold;
}
.bouwapp-phases__item .phase .right,
.bouwapp-phases__item .event__content .right {
  min-width: 10rem;
  margin-left: auto;
  text-align: right;
}
.bouwapp-phases__item .phase .right > a,
.bouwapp-phases__item .event__content .right > a {
  margin-left: 0.8rem;
}
.bouwapp-phases__item .phase .right > a:first-child,
.bouwapp-phases__item .event__content .right > a:first-child {
  color: #a3a3a3;
  font-weight: normal;
}
.bouwapp-phases__item .phase .right > a:last-child,
.bouwapp-phases__item .event__content .right > a:last-child {
  color: var(--primary);
  font-weight: 600;
}
.bouwapp-phases__item .phase .right > span,
.bouwapp-phases__item .event__content .right > span {
  display: block;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  text-align: center;
  margin-top: 1.6rem;
  font-size: 1.4rem;
  font-weight: 600;
}
.bouwapp-phases__item .phase .right > span.upcoming,
.bouwapp-phases__item .event__content .right > span.upcoming {
  border: 1px solid var(--primary);
  color: var(--primary);
}
.bouwapp-phases__item .phase .right > span.current,
.bouwapp-phases__item .event__content .right > span.current {
  background-color: #fc5447;
  color: #fff;
}
.bouwapp-phases__item.past {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.bouwapp-phases__item.past button {
  background-color: transparent;
  width: 100%;
  border: 1px dashed #212121;
  color: #212121;
  padding: 1rem 0;
  border-radius: 0.8rem;
  transition: 0.25s all ease;
}
.bouwapp-phases__item.past button span {
  vertical-align: middle;
  display: inline-block;
  height: 1.6rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 600;
}
.bouwapp-phases__item.past button span:first-child {
  margin-right: 0.4rem;
  margin-bottom: 0.1rem;
}
.bouwapp-phases__item.past button span svg {
  height: 100%;
  fill: #212121;
}
.bouwapp-phases__item.past button:hover {
  background-color: #212121;
  color: #fff;
}
.bouwapp-phases__item.past button:hover svg {
  fill: #fff;
}
.bouwapp-phases__item.past button:before {
  content: "";
  position: absolute;
  top: 1.8rem;
  left: -2.4rem;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border: 0.2rem solid #212121;
  border-radius: 50%;
}
.bouwapp-phases__item:first-child:after {
  content: "";
  position: absolute;
  top: -1rem;
  left: -2rem;
  width: 0.2rem;
  height: 2.8rem;
  border: 0.1rem dashed #cdcdcd;
}
.bouwapp-phases__item:not(:last-child):before {
  content: "";
  position: absolute;
  top: 1.8rem;
  left: -2rem;
  width: 0.2rem;
  height: calc(100% + 1.6rem);
  border: 0.1rem dashed #cdcdcd;
}
.bouwapp-phases__item .phase + .events > .event {
  margin: 1.6rem 0 1.6rem 4.8rem;
}
.bouwapp-phases__item .phase + .events > .event:not(:last-child) .event__content:before {
  content: "";
  position: absolute;
  top: 2.2rem;
  left: -1.5rem;
  width: 0.2rem;
  height: calc(100% + 1.8rem);
  border: 0.1rem dashed #cdcdcd;
}
.bouwapp-phases__item .phase + .events > .event:before {
  content: "";
  position: absolute;
  top: 1.4rem;
  left: -1.8rem;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border: 0.2rem solid #212121;
  border-radius: 50%;
}
.bouwapp-phases__item .phase + .events > .event > span {
  display: block;
}
.bouwapp-phases__item .phase + .events > .event > span:first-letter {
  text-transform: uppercase;
}
.bouwapp-phases__item.first .phase,
.bouwapp-phases__item.first .phase:before {
  border-color: #212121;
}
.bouwapp-phases__item.first .phase + .events > .event:before,
.bouwapp-phases__item.first .phase + .events > .event:after,
.bouwapp-phases__item.first .phase + .events > .event .event__content,
.bouwapp-phases__item.first .phase + .events > .event .event__content:before {
  border-color: #212121;
}
.bouwapp-phases__item.second .phase,
.bouwapp-phases__item.second .phase:before {
  border-color: #3373ea;
}
.bouwapp-phases__item.second .phase + .events > .event:before,
.bouwapp-phases__item.second .phase + .events > .event:after,
.bouwapp-phases__item.second .phase + .events > .event .event__content,
.bouwapp-phases__item.second .phase + .events > .event .event__content:before {
  border-color: #3373ea;
}
.bouwapp-phases__item.third .phase,
.bouwapp-phases__item.third .phase:before {
  border-color: #e1667d;
}
.bouwapp-phases__item.third .phase + .events > .event:before,
.bouwapp-phases__item.third .phase + .events > .event:after,
.bouwapp-phases__item.third .phase + .events > .event .event__content,
.bouwapp-phases__item.third .phase + .events > .event .event__content:before {
  border-color: #e1667d;
}
.new-phase .form-split {
  margin-top: 1.6rem;
}
.project-picker .modal-header {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 1.6rem;
}
.project-picker .modal-content-inner {
  padding: 0;
}
.project-picker .bouwapp-toolbar {
  padding: 1.6rem;
}
.project-picker .project-name {
  color: #212121;
  font-weight: bold;
  margin-right: 10px;
}
.project-picker .project__list {
  padding: 0;
  list-style: none;
  margin: 0;
}
.project-picker .project__item {
  display: flex;
  padding: 10px 20px;
  border-bottom: 1px solid #e9e9e9;
}
.project-picker .project__item__header {
  margin-right: 10px;
  font-size: 16px;
}
.project-picker .project__item__header > p:nth-child(1) {
  color: #000;
}
.project-picker .project__item__header > p {
  line-height: 1.4;
}
.project-picker .project__item__button {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.project-picker .project__item__button button {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 1.2rem 1.4rem;
  margin-left: auto;
}
.project-picker .project__item__button button .icon {
  padding-left: 5px;
  display: flex;
}
.project-picker .project__item__button button svg {
  fill: #f5b049;
}
.project-picker .project__item__button button:hover svg {
  fill: white;
}
.sticky-submit {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sticky-submit__wrapper {
  min-width: 40%;
  position: fixed;
  top: 1.6rem;
  z-index: 199;
  background: #fff;
  border: 1px solid #e9e9e9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 16px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.sticky-submit__wrapper > span > h3 {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  margin: 0;
}
.sticky-submit__wrapper > span > div {
  font-size: 14px;
}
.sticky-submit__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sticky-submit__buttons > button {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.sticky-submit__buttons > button > span:first-child {
  margin-right: 5px;
}
.sticky-submit__buttons > button.primary {
  color: #fff;
  background: #f5b049;
}
.sticky-submit__buttons > button.secondary {
  color: #fff;
  background: #3373ea;
}
@media screen and (max-width: 767px) {
  .sticky-submit__wrapper {
    flex-direction: column;
    text-align: center;
  }
  .sticky-submit__wrapper > span > div {
    display: none;
  }
  .sticky-submit__wrapper > span > h3 {
    margin-bottom: 0.6rem;
  }
  .sticky-submit__wrapper > button {
    margin-left: 0;
  }
}
.update-location .map {
  margin-bottom: 0;
}
.update-location .map .mapboxgl-map {
  border-radius: 15px;
}
.update-location .error {
  margin-top: 0.4rem;
  color: #fc5447;
}
.project-shapefile {
  margin-top: 2.4rem;
}
.project-shapefile .shapefile-info {
  cursor: pointer;
}
.project-shapefile .input-file {
  min-height: 120px;
}
.project-map {
  position: relative;
  width: 100%;
}
.project-map .map-buttons {
  display: flex;
  justify-content: center;
  bottom: 10px;
  position: absolute;
  gap: 10px;
  width: 100%;
  z-index: 1000;
}
.project-map app-button.mapboxgl-ctrl,
.project-map .button.mapboxgl-ctrl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
}
.project-map .map {
  width: 100%;
  height: 420px;
}
.project-map .map .mapboxgl-map {
  border-radius: 0.8rem;
}
.project-map .map .mapboxgl-map .mapboxgl-ctrl-geocoder {
  border: 2px solid #e9e9e9;
  border-radius: 0.8rem;
}
.project-map .map .mapboxgl-map .mapboxgl-ctrl-geocoder--input:focus {
  outline: unset;
}
.project-map .map .mapboxgl-map .mapboxgl-canvas-container {
  width: 100%;
  height: 100%;
}
.tabs .tabs-menu {
  height: 60px;
  float: left;
  overflow-x: scroll;
}
.tabs .tabs-menu:after {
  content: "";
  display: inline-block;
  min-width: 16px;
  width: 16px;
  height: 10px;
}
.tabs .tabs-menu li {
  height: 60px;
}
.tabs .tabs-menu li div.count-number {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.tabs .tabs-menu li div.count-number span {
  position: absolute;
  right: -1rem;
  top: -1.4rem;
  width: 2rem;
  height: 2rem;
  background: #f5b049;
  border-radius: 50%;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #fff;
  text-align: center;
}
.tabs .tabs-menu li a {
  padding: 19px 0;
  font-size: 16px;
}
.tabs .tabs-menu li:first-of-type {
  margin-left: 0;
}
.tabs .tabs-menu li.action {
  align-self: flex-end;
}
.tabs .tabs-content {
  padding-top: 20px;
}
.tabs .tabs-content .tab {
  display: none;
}
.tabs .tabs-content .tab.active {
  display: block;
}
@media screen and (max-width: 767px) {
  .tabs .tabs-content {
    padding-top: 0;
  }
  .tabs .navigation .container {
    padding: 0;
  }
  .tabs .navigation .container .tabs-menu {
    padding: 0 16px;
  }
}
.avatar {
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  border-radius: 0.6rem;
  position: relative;
  text-align: center;
  font-size: 2rem;
  line-height: 4rem;
  color: #fff;
  overflow: hidden;
}
.avatar img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.avatar:where([class*=avatar__background__]) {
  background: #d98880;
}
.avatar__background__a {
  background: #d98880;
}
.avatar__background__b {
  background: #d35400;
}
.avatar__background__c {
  background: #ca6f1e;
}
.avatar__background__d {
  background: #a04000;
}
.avatar__background__e {
  background: #b9770e;
}
.avatar__background__f {
  background: #117864;
}
.avatar__background__g {
  background: #148f77;
}
.avatar__background__h {
  background: #1f618d;
}
.avatar__background__i {
  background: #1a5276;
}
.avatar__background__j {
  background: #6c3483;
}
.avatar__background__k {
  background: #76448a;
}
.avatar__background__l {
  background: #633974;
}
.avatar__background__m {
  background: #4a235a;
}
.avatar__background__n {
  background: #512e5f;
}
.avatar__background__o {
  background: #154360;
}
.avatar__background__p {
  background: #0e6251;
}
.avatar__background__q {
  background: #145a32;
}
.avatar__background__r {
  background: #196f3d;
}
.avatar__background__s {
  background: #a67c52;
}
.avatar__background__t {
  background: #915b3c;
}
.avatar__background__u {
  background: #873600;
}
.avatar__background__v {
  background: #6e2c00;
}
.avatar__background__w {
  background: #5b2c6f;
}
.avatar__background__x {
  background: #283747;
}
.avatar__background__y {
  background: #1c2833;
}
.avatar__background__z {
  background: #212f3d;
}
.new-event__buttons {
  display: flex;
  justify-content: center;
}
.road-maintenance__map {
  width: 100%;
  height: 600px;
  position: relative;
}
.road-maintenance__map .map {
  height: 100%;
}
.road-maintenance__map-overlay {
  position: absolute;
  right: 1.6rem;
  bottom: 1.6rem;
  z-index: 2;
  width: min(36rem, 100% - 3.2rem);
  max-height: calc(100% - 3.2rem);
  overflow: auto;
  padding: 1.2rem;
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}
.road-maintenance__map-marker {
  width: 18px;
  height: 18px;
  border: 2px solid var(--color-white);
  border-radius: 50%;
  background: #d96b2b;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  padding: 0;
}
.road-maintenance__map-marker--active {
  background: #9f3f16;
}
.road-maintenance .project-map {
  position: relative;
}
.road-maintenance .project-map app-map-legend .map-legend {
  top: 56px;
  z-index: 1;
}
.road-maintenance .project-map .map {
  width: 100%;
  height: 450px;
}
.road-maintenance__modal {
  position: relative;
}
.road-maintenance__modal .modal-content {
  height: calc(100% - 70px);
}
.road-maintenance__modal .bouwapp-toolbar {
  position: relative;
}
.road-maintenance__modal .buttons {
  position: absolute;
  right: 24px;
  z-index: 2;
  margin: 0;
  padding: 0;
  bottom: 10px;
}
.road-maintenance__modal .buttons .btn {
  margin: 0;
}
.road-maintenance__publish .modal-content-inner {
  height: 100%;
}
.road-maintenance__publish__table {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.3rem 24px;
  align-items: start;
  padding-top: 5px;
}
.road-maintenance__publish__table span {
  font-weight: bold;
  align-self: center;
}
.road-maintenance__publish__table p {
  align-self: center;
}
.road-maintenance__publish__divider {
  display: flex;
  justify-content: center;
  margin: 1.5rem 0;
}
.road-maintenance__publish__options {
  display: flex;
  gap: 1.2rem;
  justify-content: center;
  margin-top: 1.5rem;
}
.road-maintenance__publish__final {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  margin-top: 1.5rem;
  height: 100%;
}
.road-maintenance__publish__final > p {
  text-align: center;
  margin: 20px 0;
}
.road-maintenance .bouwapp-overview {
  margin-top: 20px;
}
.road-maintenance .content-table__list span:last-child {
  text-align: center;
}
.road-maintenance .content-table__list ul.body li {
  cursor: default;
}
.road-maintenance .content-table__list .tile-action {
  cursor: pointer;
}
.road-maintenance .content-table__list .tile-delete {
  color: #a3a3a3;
  margin-right: 5px;
}
.road-maintenance .content-table__list .tile-delete:hover {
  color: #727272;
}
@media screen and (max-width: 767px) {
  .road-maintenance .content-table__list ul.head > li,
  .road-maintenance .content-table__list ul.body > li {
    padding: 1.6rem;
  }
  .road-maintenance .content-table__list ul.head > li > span,
  .road-maintenance .content-table__list ul.body > li > span {
    padding: 0;
  }
  .road-maintenance .content-table__list ul.head > li > span:nth-child(1),
  .road-maintenance .content-table__list ul.head > li > span:nth-child(2),
  .road-maintenance .content-table__list ul.body > li > span:nth-child(1),
  .road-maintenance .content-table__list ul.body > li > span:nth-child(2) {
    width: 50%;
    min-width: 50%;
  }
  .road-maintenance .content-table__list ul.head > li > span:nth-child(2),
  .road-maintenance .content-table__list ul.body > li > span:nth-child(2) {
    text-align: right;
  }
  .road-maintenance .content-table__list ul.head > li > span:nth-child(n+3),
  .road-maintenance .content-table__list ul.body > li > span:nth-child(n+3) {
    width: 100%;
    min-width: 100%;
    padding-bottom: 0.8rem;
  }
  .road-maintenance .content-table__list ul.head > li > span:nth-child(n+3):before,
  .road-maintenance .content-table__list ul.body > li > span:nth-child(n+3):before {
    content: attr(aria-label);
    display: block;
    color: #a3a3a3;
    text-align: left;
  }
  .road-maintenance .content-table__list ul.head > li > span.datetime,
  .road-maintenance .content-table__list ul.body > li > span.datetime {
    display: inline-block;
  }
  .road-maintenance .content-table__list ul.head > li > span:last-child,
  .road-maintenance .content-table__list ul.body > li > span:last-child {
    padding-bottom: 0;
  }
  .road-maintenance .content-table__list ul.head {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .road-maintenance .content-table__list ul.head > li > span:nth-child(1),
  .road-maintenance .content-table__list ul.body > li > span:nth-child(1) {
    width: 100%;
    min-width: 100%;
  }
  .road-maintenance .content-table__list ul.head > li > span:nth-child(2),
  .road-maintenance .content-table__list ul.body > li > span:nth-child(2) {
    width: calc(100% - 120px);
    min-width: calc(100% - 120px);
    justify-content: end;
    flex-grow: 1;
  }
  .road-maintenance .content-table__list ul.head > li > span:nth-child(n+3),
  .road-maintenance .content-table__list ul.body > li > span:nth-child(n+3) {
    width: 33%;
    min-width: 33%;
    flex-grow: 1;
  }
  .road-maintenance .content-table__list ul.head > li > span:nth-child(n+3):before,
  .road-maintenance .content-table__list ul.body > li > span:nth-child(n+3):before {
    content: attr(aria-label);
    display: block;
    color: #a3a3a3;
  }
  .road-maintenance .content-table__list ul.head > li > span.datetime,
  .road-maintenance .content-table__list ul.body > li > span.datetime {
    display: inline-block;
  }
  .road-maintenance .content-table__list ul.head {
    display: none;
  }
}
input,
textarea {
  width: 100%;
  box-sizing: border-box;
}
input[disabled],
textarea[disabled] {
  opacity: 0.7;
  background-color: rgb(249.9, 249.9, 249.9);
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
select {
  background-image: url(/assets/img/icons/chevron-down.svg);
  background-size: 2rem;
  background-repeat: no-repeat;
  background-position: right 1.2rem center;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 1.2rem 4rem 1.2rem 1.2rem;
  width: 100%;
  border: 0.1rem solid #e9e9e9;
  border-radius: 0.8rem;
  margin: 0.6rem 0;
}
select[disabled] {
  opacity: 0.7;
  background-color: rgb(249.9, 249.9, 249.9);
}
select::-ms-expand {
  display: none;
}
.has-error label {
  color: #fc5447;
}
.has-error input:not([type=checkbox]):not([type=radio]),
.has-error textarea,
.has-error select,
.has-error .bouwapp-editor,
.has-error .input-file {
  border-color: #fc5447 !important;
  margin: 0;
}
.has-error .errors {
  margin-top: 0.4rem;
  color: #fc5447;
}
::-webkit-input-placeholder {
  color: rgba(33, 33, 33, 0.5);
  opacity: 1;
}
:-moz-placeholder {
  color: rgba(33, 33, 33, 0.5);
  opacity: 1;
}
::-moz-placeholder {
  color: rgba(33, 33, 33, 0.5);
  opacity: 1;
}
:-ms-input-placeholder {
  color: rgba(33, 33, 33, 0.5) !important;
  opacity: 1;
}
::-ms-input-placeholder {
  color: rgba(33, 33, 33, 0.5);
  opacity: 1;
}
.smart-reporting__content {
  width: 100%;
}
.smart-reporting__wrapper > p {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  margin-bottom: 8px;
}
.smart-reporting__error-text {
  color: #fc5447;
}
.smart-reporting__title {
  margin: 0;
  font-size: 32px;
}
.smart-reporting__closed,
.smart-reporting__pending {
  padding-top: 64px;
  margin-top: 64px;
  border-top: 1px solid #cdcdcd;
}
.smart-reporting__closed > h2,
.smart-reporting__pending > h2 {
  margin: 0 0 16px 0;
}
.smart-reporting__notice-create__box {
  width: 75%;
}
.smart-reporting__notice-create__theme {
  background-color: #fff;
  color: #a3a3a3;
}
.smart-reporting__notice-create__info {
  margin-right: 0.5rem;
}
.smart-reporting__notice-create__media + div.error {
  font-size: 1.4rem;
  color: #fc5447;
  margin-top: 0.8rem;
}
.smart-reporting__notice-create__submit {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 1.6rem;
  z-index: 9999;
  background: #fff;
  border: 1px solid #e9e9e9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 16px 20px;
  display: flex;
  flex-direction: row;
}
.smart-reporting__notice-create__submit > span > h3 {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  margin: 0;
}
.smart-reporting__notice-create__submit > span > div {
  font-size: 14px;
}
.smart-reporting__notice-create__submit > button {
  position: relative;
  cursor: pointer;
  outline: 0;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  -webkit-user-select: none;
  user-select: none;
  display: block;
  transition: 260ms ease;
  appearance: none;
  text-decoration: none;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  line-height: 100%;
  padding: 1.2rem 2.4rem;
  padding: 1.2rem 1.6rem;
  color: #fff;
  background: #3373ea;
  margin-left: 10vw;
}
.smart-reporting__notice-create__submit > button:hover {
  text-decoration: none;
}
.smart-reporting__notice-create__submit > button.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.smart-reporting__notice-create__submit > button span {
  font-size: 1.6rem;
  line-height: 100%;
}
.smart-reporting__notice-create__submit > button span {
  display: inline-block;
  vertical-align: middle;
}
.smart-reporting__notice-create__submit > button span.icon {
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
  margin-bottom: 0.2rem;
}
.smart-reporting__notice-create__submit > button span.icon svg {
  width: 1.6rem;
  height: 1.6rem;
}
.smart-reporting__notice-create__submit > button span.icon svg path {
  transition: 260ms ease;
}
.smart-reporting__notice-create__submit > button span.arrow {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  margin-left: auto;
}
.smart-reporting__notice-create__submit > button span.arrow svg {
  width: 2rem;
  height: 2rem;
}
.smart-reporting__notice-create__submit > button span.arrow svg path {
  transition: 260ms ease;
}
.smart-reporting__notice-create__submit > button span.icon + span:not(.icon),
.smart-reporting__notice-create__submit > button span:not(.icon) + span.icon {
  margin-left: 0.8rem;
}
.smart-reporting__map {
  width: 100%;
  height: 28rem;
  margin-top: 16px;
  margin-bottom: 8px;
}
.smart-reporting__map .map {
  width: 100%;
  height: 100%;
}
.smart-reporting__map .map .mapboxgl-map {
  border-radius: 12px;
}
.smart-reporting__map.large {
  height: 45rem;
}
.smart-reporting__settings .checkbox {
  margin-top: 10px;
}
.smart-reporting__box {
  border-radius: 12px;
}
.smart-reporting__box .bouwapp-box__title,
.smart-reporting__box .bouwapp-box__self {
  padding: 16px 24px;
}
.smart-reporting__box .bouwapp-box__title .form-group,
.smart-reporting__box .bouwapp-box__self .form-group {
  margin-top: 16px;
}
.smart-reporting__box .bouwapp-box__title .bouwapp-group__item .iti.iti--allow-dropdown .iti__dropdown-content,
.smart-reporting__box .bouwapp-box__self .bouwapp-group__item .iti.iti--allow-dropdown .iti__dropdown-content {
  position: unset;
}
.smart-reporting__box .input {
  box-sizing: border-box;
  font-family: "Mukta", sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  width: 100%;
  height: 5rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #e9e9e9;
  padding: 1.3rem 2rem;
  transition: 260ms ease;
}
.smart-reporting__themes__modal label {
  font-weight: 600;
  color: #212121;
}
.smart-reporting__themes__modal input {
  box-sizing: border-box;
  font-family: "Mukta", sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  width: 100%;
  height: 5rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #e9e9e9;
  padding: 1.3rem 2rem;
  transition: 260ms ease;
}
.smart-reporting__themes__modal .buttons {
  display: flex;
  justify-content: flex-end;
}
.smart-reporting__detail {
  display: flex;
  flex-direction: row;
}
.smart-reporting__detail > div:first-child {
  width: 65%;
  margin-right: 32px;
}
.smart-reporting__detail > div:last-child {
  width: 35%;
  max-height: 83rem;
}
.smart-reporting__detail .bouwapp-box__self > span {
  display: inline-block;
  width: 33.3333333333%;
  vertical-align: top;
}
.smart-reporting__detail .bouwapp-box__self > span:first-child {
  width: 100%;
}
.smart-reporting__detail .bouwapp-box__self > span > div {
  font-size: 16px;
}
.smart-reporting__detail .bouwapp-box__self > span > div:first-child {
  font-weight: bold;
  color: #212121;
  margin: 4px 0;
}
.smart-reporting__detail .bouwapp-box__self > span > div:last-child {
  font-weight: normal;
  color: #a3a3a3;
  margin: 0 0 24px 0;
}
.smart-reporting__detail .bouwapp-box__self > span > div:last-child > p {
  font-weight: normal;
  color: #a3a3a3;
  margin: 0 0 24px 0;
}
.smart-reporting__detail .bouwapp-box__self > span > div select {
  background-color: #fff;
  color: #212121;
  font-weight: 600;
}
.smart-reporting__detail .responses {
  position: relative;
  overflow-x: hidden;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.smart-reporting__detail .responses .messages {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.smart-reporting__detail .responses .messages .closed {
  width: calc(100% + 48px);
  text-align: center;
  font-weight: 600;
  margin: 12px 0 12px -24px;
  padding-top: 24px;
  border-top: 1px solid #e9e9e9;
}
.smart-reporting__detail .responses .messages .closed .feedback {
  margin-top: 16px;
}
.smart-reporting__detail .responses .messages .closed .feedback > .button {
  margin: 0 auto;
}
.smart-reporting__detail .responses .messages .closed .feedback .awaiting-feedback,
.smart-reporting__detail .responses .messages .closed .feedback .given-feedback-label {
  font-size: 13px;
  color: #a3a3a3;
}
.smart-reporting__detail .responses .messages .closed .feedback .given-feedback-label {
  margin-bottom: 0.8rem;
}
.smart-reporting__detail .responses .messages .closed .feedback .given-feedback-result .bg {
  fill: #f5b049;
}
.smart-reporting__detail .responses .messages .closed .feedback .given-feedback-result .fg {
  fill: #212121;
  stroke: #212121;
}
.smart-reporting__detail .responses .messages .closed .feedback .given-feedback {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.smart-reporting__detail .responses .messages .loader {
  margin-top: 0;
}
.smart-reporting__detail .responses .messages .message {
  position: relative;
  padding: 8px 12px 24px 12px;
  margin: 0 0 16px 0;
  border-radius: 4px;
  width: 100%;
  max-width: calc(100% - 32px);
}
.smart-reporting__detail .responses .messages .message__head {
  display: flex;
}
.smart-reporting__detail .responses .messages .message__head span.name {
  color: #212121;
  font-size: 14px;
  font-weight: bold;
}
.smart-reporting__detail .responses .messages .message__head__icon {
  cursor: pointer;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.smart-reporting__detail .responses .messages .message__head__icon span {
  margin-left: 5px;
  font-size: 12px;
  color: #212121;
}
.smart-reporting__detail .responses .messages .message__head__icon span svg {
  width: 16px;
  height: 16px;
}
.smart-reporting__detail .responses .messages .message__head .has-inline-spinner {
  margin-left: 12px;
}
.smart-reporting__detail .responses .messages .message__content {
  white-space: pre-line;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  margin-top: 2px;
  word-break: break-word;
  color: #212121;
}
.smart-reporting__detail .responses .messages .message__content strong {
  font-weight: bold;
}
.smart-reporting__detail .responses .messages .message__content p {
  word-break: break-word;
  color: #212121;
}
.smart-reporting__detail .responses .messages .message__content a {
  font-weight: 600;
  color: #006ff2;
  text-decoration: underline;
}
.smart-reporting__detail .responses .messages .message__content img {
  width: 100%;
  max-width: 100%;
  height: 130px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #fff;
  margin: 4px 0;
}
.smart-reporting__detail .responses .messages .message__date {
  position: absolute;
  bottom: 4px;
  right: 8px;
  color: #a3a3a3;
  font-size: 10px;
  font-weight: 300;
  text-align: right;
}
.smart-reporting__detail .responses .messages .message.device {
  background: #e9e9e9;
  margin-right: auto;
}
.smart-reporting__detail .responses .messages .message.support {
  background: #ffefb9;
  margin-left: auto;
}
.smart-reporting__detail .responses .messages .message.animate {
  animation: fade 0.3s ease-in;
}
.smart-reporting__detail .bottom {
  width: 100%;
  position: relative;
}
.smart-reporting__detail .bottom__compose {
  position: relative;
  height: 200px;
}
.smart-reporting__detail .bottom__compose app-editor {
  width: calc(100% - 56px);
  min-width: calc(100% - 56px);
}
.smart-reporting__detail .bottom__compose .bouwapp-editor {
  border: none;
}
.smart-reporting__detail .bottom__compose .bouwapp-editor__content {
  width: 100%;
  height: 100%;
}
.smart-reporting__detail .bottom__compose .bouwapp-editor button.send {
  background: #fff;
  color: #cdcdcd;
  font-weight: bold;
  border: 0;
  padding: 0;
  box-shadow: none;
  text-align: center;
  border-radius: 0;
}
.smart-reporting__detail .bottom__compose .bouwapp-editor button.send.touched {
  color: #f5b049;
}
.smart-reporting__detail .bottom__compose .bouwapp-editor button.send:hover {
  background: #fff;
  filter: none;
  transform: scale(1.05);
  color: rgb(242.34375, 155.015625, 24.65625);
}
@media screen and (max-width: 767px) {
  .smart-reporting__content {
    flex-direction: column;
  }
  .smart-reporting__wrapper {
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
  .smart-reporting__wrapper > p {
    margin-top: 0.8rem;
    text-align: center;
  }
  .smart-reporting__toolbar {
    flex-direction: column;
  }
  .smart-reporting__toolbar > div:first-child {
    width: 100%;
    min-width: 100%;
    margin-bottom: 16px;
  }
  .smart-reporting__toolbar > div:first-child .checkbox {
    margin-top: 0;
  }
  .smart-reporting__toolbar > div:last-child {
    width: 100%;
    min-width: 100%;
  }
  .smart-reporting__list ul.head > li,
  .smart-reporting__list ul.body > li {
    padding: 1.6rem;
  }
  .smart-reporting__list ul.head > li > span:nth-child(2),
  .smart-reporting__list ul.body > li > span:nth-child(2) {
    flex-grow: 1;
    justify-content: end;
  }
  .smart-reporting__list ul.head > li > span:nth-child(3),
  .smart-reporting__list ul.body > li > span:nth-child(3) {
    padding-top: 0.8rem;
  }
  .smart-reporting__list ul.head > li > span:nth-child(3),
  .smart-reporting__list ul.head > li > span:nth-child(4),
  .smart-reporting__list ul.head > li > span:nth-child(5),
  .smart-reporting__list ul.head > li > span:nth-child(6),
  .smart-reporting__list ul.head > li > span:last-child,
  .smart-reporting__list ul.body > li > span:nth-child(3),
  .smart-reporting__list ul.body > li > span:nth-child(4),
  .smart-reporting__list ul.body > li > span:nth-child(5),
  .smart-reporting__list ul.body > li > span:nth-child(6),
  .smart-reporting__list ul.body > li > span:last-child {
    width: 100%;
    min-width: 100%;
    padding-bottom: 0.8rem;
  }
  .smart-reporting__list ul.head > li > span:nth-child(3):before,
  .smart-reporting__list ul.head > li > span:nth-child(4):before,
  .smart-reporting__list ul.head > li > span:nth-child(5):before,
  .smart-reporting__list ul.head > li > span:nth-child(6):before,
  .smart-reporting__list ul.head > li > span:last-child:before,
  .smart-reporting__list ul.body > li > span:nth-child(3):before,
  .smart-reporting__list ul.body > li > span:nth-child(4):before,
  .smart-reporting__list ul.body > li > span:nth-child(5):before,
  .smart-reporting__list ul.body > li > span:nth-child(6):before,
  .smart-reporting__list ul.body > li > span:last-child:before {
    content: attr(aria-label);
    display: block;
    color: #a3a3a3;
  }
  .smart-reporting__list ul.head > li > span:nth-last-child(1 of .datetime),
  .smart-reporting__list ul.body > li > span:nth-last-child(1 of .datetime) {
    display: inline-block;
  }
  .smart-reporting__list ul.head > li > span:last-child,
  .smart-reporting__list ul.body > li > span:last-child {
    padding-bottom: 0;
  }
  .smart-reporting__list ul.head {
    display: none;
  }
  .smart-reporting--tabs {
    margin-top: -24px;
  }
  .smart-reporting__notice-create__submit > span > div {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .smart-reporting__content {
    flex-direction: column;
  }
  .smart-reporting__wrapper {
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
  .smart-reporting__wrapper > p {
    margin-top: 0.8rem;
    text-align: center;
  }
  .smart-reporting__list ul.head > li.isCustomer > span:nth-child(3),
  .smart-reporting__list ul.head > li.isCustomer > span:nth-child(4),
  .smart-reporting__list ul.head > li.isCustomer > span:nth-child(5),
  .smart-reporting__list ul.head > li.isCustomer > span:nth-child(6),
  .smart-reporting__list ul.head > li.isCustomer > span:last-child,
  .smart-reporting__list ul.body > li.isCustomer > span:nth-child(3),
  .smart-reporting__list ul.body > li.isCustomer > span:nth-child(4),
  .smart-reporting__list ul.body > li.isCustomer > span:nth-child(5),
  .smart-reporting__list ul.body > li.isCustomer > span:nth-child(6),
  .smart-reporting__list ul.body > li.isCustomer > span:last-child {
    width: 20%;
    min-width: 20%;
  }
  .smart-reporting__list ul.head > li > span,
  .smart-reporting__list ul.body > li > span {
    padding: 0.8rem;
  }
  .smart-reporting__list ul.head > li > span:nth-child(1),
  .smart-reporting__list ul.body > li > span:nth-child(1) {
    width: unset;
  }
  .smart-reporting__list ul.head > li > span:nth-child(2),
  .smart-reporting__list ul.body > li > span:nth-child(2) {
    width: calc(100% - 120px);
    min-width: calc(100% - 120px);
    justify-content: end;
    flex-grow: 1;
  }
  .smart-reporting__list ul.head > li > span:nth-child(3),
  .smart-reporting__list ul.head > li > span:nth-child(4),
  .smart-reporting__list ul.head > li > span:nth-child(5),
  .smart-reporting__list ul.head > li > span:nth-child(6),
  .smart-reporting__list ul.head > li > span:last-child,
  .smart-reporting__list ul.body > li > span:nth-child(3),
  .smart-reporting__list ul.body > li > span:nth-child(4),
  .smart-reporting__list ul.body > li > span:nth-child(5),
  .smart-reporting__list ul.body > li > span:nth-child(6),
  .smart-reporting__list ul.body > li > span:last-child {
    width: 33%;
    min-width: 33%;
    flex-grow: 1;
  }
  .smart-reporting__list ul.head > li > span:nth-child(3):before,
  .smart-reporting__list ul.head > li > span:nth-child(4):before,
  .smart-reporting__list ul.head > li > span:nth-child(5):before,
  .smart-reporting__list ul.head > li > span:nth-child(6):before,
  .smart-reporting__list ul.head > li > span:last-child:before,
  .smart-reporting__list ul.body > li > span:nth-child(3):before,
  .smart-reporting__list ul.body > li > span:nth-child(4):before,
  .smart-reporting__list ul.body > li > span:nth-child(5):before,
  .smart-reporting__list ul.body > li > span:nth-child(6):before,
  .smart-reporting__list ul.body > li > span:last-child:before {
    content: attr(aria-label);
    display: block;
    color: #a3a3a3;
  }
  .smart-reporting__list ul.head > li > span:nth-last-child(1 of .datetime),
  .smart-reporting__list ul.body > li > span:nth-last-child(1 of .datetime) {
    display: inline-block;
  }
  .smart-reporting__list ul.head {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  .smart-reporting__detail {
    flex-direction: column;
  }
  .smart-reporting__detail > div {
    width: 100% !important;
  }
  .smart-reporting__detail > div:first-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .smart-reporting__detail .bouwapp-box__self > span {
    width: 50%;
  }
}
section.authentication {
  padding: 0 16px;
}
section.authentication .content {
  width: 100%;
  max-width: 460px;
  margin: 90px auto 20px auto;
}
section.authentication .content .logo {
  text-align: center;
  margin-bottom: 90px;
}
section.authentication .content .logo img {
  width: 100%;
  max-width: 310px;
}
section.authentication .content .actions {
  margin-top: 15px;
}
section.authentication .content .actions.form-group {
  margin-top: 20px;
}
section.authentication .content .actions.form-group button {
  float: right;
}
section.authentication .content .actions.form-group a {
  float: left;
  line-height: 45px;
  font-size: 18px;
}
section.authentication form {
  margin-top: 18px;
}
.twofactor {
  width: 100%;
  max-width: 374px;
  margin: 140px auto;
  padding: 40px 32px 32px 32px;
  background: #fff;
  border: 1px solid #cdcdcd;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}
.twofactor__logo {
  text-align: center;
}
.twofactor__form h1 {
  font-size: 18px;
  font-weight: bold;
  color: #212121;
  margin: 32px 0 4px 0;
  text-align: center;
}
.twofactor__form .errors {
  font-size: 14px;
}
.twofactor__form p {
  font-size: 16px;
  font-weight: normal;
  color: #212121;
  text-align: center;
}
.twofactor__form input[type=number] {
  width: 100%;
  height: 40px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  font-size: 16px;
  font-weight: normal;
  padding: 0 16px;
  box-shadow: none;
  margin-top: 24px;
}
.twofactor__form input[type=number]::-webkit-outer-spin-button,
.twofactor__form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.twofactor__form button {
  width: 100%;
  height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #f5b049;
  margin: 16px 0 0 0;
  box-shadow: none;
  border-radius: 2px;
}
.twofactor__resend {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #cdcdcd;
  text-align: center;
}
.twofactor__resend p {
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  color: #f5b049;
  margin: 0;
  padding: 0;
}
.twofactor__resend p:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .twofactor {
    height: 100%;
    max-width: 100%;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
  }
}
section.content {
  margin-top: 60px;
}
section.content .holder {
  margin-top: 15px;
}
section.content .holder p {
  margin: 8px 0 35px 0;
}
section.content .holder .image {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  background-size: cover;
  height: 390px;
  margin-top: 15px;
}
.news .filter__label {
  margin-bottom: 20px;
}
.news .filter__wrapper {
  padding: 1.6rem 2.4rem;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #e9e9e9;
}
.news .filter__wrapper .checkboxes {
  display: flex;
}
.news .filter__wrapper .checkboxes .checkbox {
  padding-right: 0.6rem;
}
.news__head h1 {
  font-size: 40px;
  font-weight: bold;
  margin: 0;
}
.news__head p {
  width: 50%;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #212121;
  margin-bottom: 40px;
}
.news__noResults {
  padding-top: 2.4rem;
  text-align: center;
}
.news__overview {
  display: flex;
  flex-direction: column;
  padding-top: 2.4rem;
}
.news__overview > p {
  font-weight: bold;
  font-size: 16px;
  line-height: 27px;
  color: #212121;
  margin: 0 0 8px 8px;
}
.news__overview__items {
  width: calc(100% + 24px);
  min-width: calc(100% + 24px);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 -12px;
  list-style-type: none;
}
.news__overview__items .article {
  position: relative;
  width: calc(25% - 24px);
  min-width: calc(25% - 24px);
  margin: 0 12px 24px 12px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #eeeeee;
  padding: 8px;
  transition: 260ms ease;
  cursor: pointer;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.news__overview__items .article:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  border-color: #c1c1c1;
}
.news__overview__items .article__image {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 160px;
  border-radius: 4px;
  border: 1px solid #eeeeee;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.news__overview__items .article__image.noImage {
  background: rgba(163, 163, 163, 0.3);
}
.news__overview__items .article__tag {
  position: absolute;
  z-index: 2;
  top: 16px;
  left: 16px;
  font-weight: bold;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  padding: 1px 10px;
  background: #a3a3a3;
  border-radius: 6px;
}
.news__overview__items .article__favorite {
  position: absolute;
  z-index: 3;
  display: block;
  top: 16px;
  right: 16px;
  width: 32px;
  max-width: 32px;
  height: 32px;
  color: #fff;
  background: transparent;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #fff;
  padding: 5px 0 0 0;
  margin: 0;
  box-shadow: none;
  transition: 260ms ease;
  cursor: pointer;
}
.news__overview__items .article__favorite svg {
  width: 20px;
  height: 20px;
}
.news__overview__items .article__favorite svg path {
  fill: #fff;
  transition: 260ms ease;
}
.news__overview__items .article__favorite.isFavorited {
  background: #f5b049;
  border-color: #f5b049;
}
.news__overview__items .article__favorite.isFavorited:hover svg path {
  fill: #fff;
}
.news__overview__items .article__favorite:hover {
  border-color: #f5b049;
}
.news__overview__items .article__favorite:hover svg path {
  fill: #f5b049;
}
.news__overview__items .article__content {
  padding: 12px 8px 4px 8px;
}
.news__overview__items .article__content > h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #212121;
  max-width: 100%;
  max-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 4px 0;
}
.news__overview__items .article__content > span {
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  color: #a3a3a3;
}
.news__overview__items .article__content > .icon {
  position: absolute;
  right: 12px;
  bottom: 8px;
  width: 24px;
  height: 24px;
}
.news__overview__items .article__content > .icon.read svg polygon {
  fill: #49da16;
}
.news__overview__items .article__content > .icon.unread svg polygon {
  fill: #cdcdcd;
}
.news__overview__items .article__content > .icon svg {
  width: 24px;
  height: 24px;
}
.news__overview.related {
  padding-top: 0;
}
.news__overview.related > div {
  padding-top: 64px;
  margin-top: 64px;
  border-top: 1px solid #d8d8d8;
}
.news__overview.related > div > p {
  font-weight: bold;
  font-size: 24px;
  color: #000;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .news__head h1 {
    font-size: 32px;
  }
  .news__head p {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 24px;
  }
  .news__toolbar {
    padding: 16px 16px 8px 16px;
  }
  .news__toolbar > div > label {
    font-size: 14px;
    line-height: 22px;
  }
  .news__toolbar > div input[type=search] {
    height: 44px;
    font-size: 15px;
  }
  .news__toolbar > div select {
    height: 44px;
    font-size: 15px;
  }
  .news__toolbar > div.search {
    width: 100%;
    min-width: 100%;
  }
  .news__toolbar > div.sort {
    width: 100%;
    min-width: 100%;
    margin-top: 16px;
  }
  .news__toolbar > div.category > .checkboxes > .checkbox {
    margin: 0 16px 8px 0;
  }
  .news__toolbar > div.category > .checkboxes > .checkbox:not(:last-child) {
    margin: 0 16px 8px 0;
  }
  .news__overview__items {
    margin: 0;
    width: 100%;
    min-width: 100%;
  }
  .news__overview__items .article {
    width: 100%;
    min-width: 100%;
    margin: 0 0 16px 0;
  }
  .news__overview.related {
    padding-top: 0;
  }
  .news__overview.related > div {
    padding-top: 32px;
    margin-top: 32px;
  }
  .news__overview.related > div > p {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .news__head p {
    width: 80%;
  }
  .news__overview__items .article {
    width: calc(50% - 24px);
    min-width: calc(50% - 24px);
  }
}
.article-detail__inner {
  max-width: 772px;
  margin: 0 auto;
  padding-top: 24px;
}
.article-detail__action {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 24px;
}
.article-detail__action > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.article-detail__action > div:hover {
  text-decoration: underline;
}
.article-detail__action > div span:first-child {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 4px;
}
.article-detail__action > div span:first-child svg {
  width: 24px;
  height: 24px;
}
.article-detail__action > div span:last-child {
  font-size: 16px;
  line-height: 24px;
}
.article-detail__action > div:first-child {
  color: #000;
}
.article-detail__action > div:first-child span:last-child {
  font-weight: bold;
  color: #000;
}
.article-detail__action > div:last-child {
  margin-left: auto;
  color: #f5b049;
}
.article-detail__action > div:last-child span:first-child svg path {
  fill: #f5b049;
}
.article-detail__action > div:last-child span:last-child {
  font-weight: normal;
  color: #f5b049;
}
.article-detail__tag {
  font-weight: bold;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  padding: 1px 10px;
  background: #a3a3a3;
  border-radius: 6px;
  display: inline-block;
  margin: 8px 0 12px 0;
}
.article-detail__head h1 {
  font-weight: bold;
  font-size: 32px;
  line-height: 42px;
  color: #000;
  margin: 0;
}
.article-detail__head > p {
  font-weight: normal;
  font-size: 16px;
  line-height: 27px;
  color: #a3a3a3;
  margin: 0 0 16px 0;
}
.article-detail__image {
  width: 100%;
  height: 200px;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  margin-bottom: 24px;
}
.article-detail__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.article-detail__content {
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
  color: rgba(33, 33, 33, 0.8);
}
.article-detail__content p {
  margin-bottom: 24px;
}
.article-detail__content h2 {
  font-size: 24px;
}
.article-detail__content h3,
.article-detail__content h4,
.article-detail__content h5 {
  font-size: 20px;
}
.article-detail__content a {
  font-weight: bold;
  color: #f5b049;
}
.resident-letters__iframe {
  width: 100%;
  height: 100%;
}
.resident-letters__container .modal {
  padding: 20px;
}
.resident-letters__container .modal .modal-content {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
}
.resident-letters__container .modal .modal-content .modal-content-inner {
  height: 100%;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .article-detail__inner {
    padding-top: 12px;
  }
  .article-detail__action {
    margin-top: 16px;
  }
  .article-detail__action > div:last-child {
    width: 32px;
    height: 32px;
    border: 1px solid #f5b049;
    border-radius: 6px;
    padding: 5px 5px 0 5px;
  }
  .article-detail__action > div:last-child.isFavorited {
    background: #f5b049;
  }
  .article-detail__action > div:last-child.isFavorited svg path {
    fill: #fff !important;
  }
  .article-detail__action > div:last-child span:first-child {
    margin: 0;
    text-align: center;
  }
  .article-detail__action > div:last-child span:first-child svg {
    width: 20px;
    height: 20px;
  }
  .article-detail__action > div:last-child span:last-child {
    display: none;
  }
  .article-detail__tag {
    margin: 8px 0 12px 0;
    font-size: 14px;
  }
  .article-detail__head h1 {
    font-size: 26px;
    line-height: 36px;
  }
  .article-detail__image {
    height: 160px;
  }
  .article-detail__content {
    font-size: 15px;
    line-height: 24px;
  }
  .article-detail__content p {
    margin-bottom: 16px;
  }
  .article-detail__content h2 {
    font-size: 20px;
  }
  .article-detail__content h3,
  .article-detail__content h4,
  .article-detail__content h5 {
    font-size: 18px;
  }
}
.project-contact {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.project-contact__image {
  width: 100%;
  min-width: 144px;
}
.project-contact__image__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 8px;
}
.project-contact__image__instructions {
  align-self: center;
}
.project-contact__image__instructions p {
  margin: 0;
}
.project-contact__image__instructions ul {
  padding-left: 2.4rem;
  margin: 0;
}
.project-contact__image__buttons {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 8px;
  flex-basis: 100%;
}
.project-contact__image__buttons a {
  display: flex;
  align-items: center;
  gap: 4px;
}
.project-contact__image__buttons a span {
  font-weight: 500;
  color: rgba(33, 33, 33, 0.5);
}
.project-contact__image__buttons a span > svg {
  display: block;
}
.project-contact__image__buttons a span > svg > path {
  fill: rgba(33, 33, 33, 0.5);
}
.project-contact__image__buttons a:hover span {
  color: #212121;
}
.project-contact__image__buttons a:hover span > svg > path {
  fill: #212121;
}
.project-contact__image h3 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  color: #212121;
  margin: 0 0 8px 0;
}
.project-contact__image__self {
  position: relative;
  width: 144px;
  height: 144px;
  background-size: cover;
  border-radius: 6px;
  transition: 260ms all ease;
  background-position: center center;
}
.project-contact__first,
.project-contact__second {
  flex: 1;
}
.project-contact__first input,
.project-contact__second input {
  margin-bottom: 16px !important;
}
.project-contact__description {
  width: 100%;
  min-width: 100%;
  margin-top: 8px;
}
.project-contact + button {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .project-contact {
    flex-direction: column;
  }
  .project-contact__image {
    margin-bottom: 16px;
  }
  .project-contact__first,
  .project-contact__second {
    width: 100%;
    min-width: 100%;
  }
  .project-contact__description {
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .project-contact__image {
    width: 100%;
    min-width: 100%;
    margin-bottom: 16px;
  }
  .project-contact__first,
  .project-contact__second {
    width: calc(50% - 8px);
    min-width: calc(50% - 8px);
  }
}
.ticket-notification > span {
  display: block;
  font-weight: 600;
  font-size: 16px;
  color: #212121;
  margin-bottom: 4px;
}
.ticket-notification form ul,
.ticket-notification form ul > li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ticket-notification form ul > li {
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
}
.ticket-notification form ul > li .input.invalid {
  border-color: #fc5447 !important;
}
.ticket-notification form ul > li .input.invalid:focus-visible {
  outline-color: #fc5447 !important;
}
.ticket-notification form ul > li > div {
  width: calc(100% - 40px) !important;
  max-width: 480px;
}
.ticket-notification form ul > li span {
  display: block;
  cursor: pointer;
  margin: 13px 0 0 16px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  margin-left: 8px;
  text-align: center;
  padding-top: 4px;
  border-radius: 2px;
  transition: 260ms ease;
}
.ticket-notification form ul > li span svg path {
  fill: #a3a3a3 !important;
  transition: 260ms ease;
}
.ticket-notification form ul > li span:hover svg path {
  fill: #fc5447 !important;
}
.ticket-notification form > div {
  align-items: center;
  margin-top: 24px;
}
.ticket-notification form > div span {
  font-size: 16px;
  font-weight: 600;
  color: #a3a3a3;
  margin-left: 24px;
  cursor: pointer;
}
.ticket-notification form > div span:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .ticket-notification form > div {
    flex-direction: column;
    align-items: flex-start;
  }
  .ticket-notification form > div button {
    order: 2;
  }
  .ticket-notification form > div span {
    order: 1;
    margin: 0 0 16px 10px;
  }
}
.ticket-feedback,
.ticket-feedback svg {
  height: 15px;
}
.ticket-email-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px 24px 24px;
  background: #f3f3f3;
  border-radius: 0 0 6px 6px;
  margin-bottom: 40px;
}
.ticket-email-group > button {
  width: 240px;
  min-width: 240px;
  height: 50px;
  margin-left: auto;
}
.ticket-email-group .ticket-email {
  width: calc(100% - 264px);
  min-width: calc(100% - 264px);
}
.ticket-email-group .ticket-email span {
  font-size: 16px;
  font-weight: bold;
  color: black;
  display: block;
}
.ticket-email-group .ticket-email p {
  max-width: 1000px;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .ticket-email-group {
    flex-direction: column;
    align-items: center;
  }
  .ticket-email-group > button {
    width: 100%;
    max-width: 320px;
    height: 50px;
    margin: 0 auto;
  }
  .ticket-email-group .ticket-email {
    width: 100%;
    min-width: 100%;
    margin-bottom: 24px;
    text-align: center;
  }
}
app-default-profile-company .bouwapp-group__item.flex {
  gap: 2.4rem;
}
app-default-profile-company .bouwapp-group__item.flex :first-child {
  flex-basis: 66%;
}
app-default-profile-company .bouwapp-group__item.flex :last-child {
  flex-basis: 34%;
}
.feedback__head {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.feedback__head > div:first-child h1 {
  font-weight: bold;
  font-size: 36px;
  line-height: 46px;
  color: #212121;
  margin: 0;
}
.feedback__head > div:first-child p {
  margin-top: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
  color: #212121;
  max-width: 600px;
}
.feedback__head > div:last-child {
  margin-left: auto;
}
.feedback__filter {
  padding: 24px;
  margin: 40px 0;
  background: #f3f3f3;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.feedback__filter > div:first-child {
  width: calc(100% - 540px);
  min-width: calc(100% - 540px);
}
.feedback__filter > div:nth-child(2),
.feedback__filter > div:nth-child(3) {
  width: 246px;
  min-width: 246px;
  margin-left: 24px;
}
.feedback__filter > div label {
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #212121;
  margin: 0 0 4px 0;
}
.feedback__filter > div input[type=search] {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #e9e9e9;
  box-shadow: none;
  margin: 0;
  height: 50px;
  font-size: 16px;
  transition: 260ms ease;
}
.feedback__filter > div select {
  width: 100%;
  border-radius: 6px;
  font-weight: normal;
  border: 1px solid #e9e9e9;
  box-shadow: none;
  margin: 0;
  transition: 260ms ease;
  height: 50px;
  font-size: 16px;
  padding: 0 16px;
}
.feedback__count {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  margin-bottom: 8px;
}
.feedback__list__hidden {
  display: none;
}
.feedback__list table {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 14px;
}
.feedback__list table thead {
  background-color: #f3f3f3;
  border: 1px solid #e9e9e9;
}
.feedback__list table thead th {
  font-weight: 600;
  color: #212121;
  padding: 16px;
  border: none;
}
.feedback__list table tbody tr {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.feedback__list table tbody tr td {
  line-height: 24px;
  padding: 1.2rem 1rem;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  word-wrap: break-word;
}
.feedback__list table tbody tr td .date,
.feedback__list table tbody tr td .time {
  font-size: 1.4rem;
}
.feedback__list table tbody tr td .date {
  margin-right: 0.4rem;
}
.feedback__list table tbody tr td .time {
  color: #a3a3a3;
}
.feedback__list table tbody tr td .label {
  border-radius: 0.4rem;
}
.feedback__list table tbody tr td:first-child {
  border-left: 1px solid #e9e9e9;
  border-radius: 6px 0 0 6px;
}
.feedback__list table tbody tr td:last-child {
  border-right: 1px solid #e9e9e9;
  border-radius: 0 6px 6px 0;
}
.feedback__list table tbody tr td:last-child > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.feedback__list table tbody tr td .tile-actions {
  display: inline-block;
  margin-left: auto;
}
.feedback__list table tbody tr td .tile-actions:has(> :nth-child(3):last-child) {
  display: flex;
  flex-direction: column;
}
.feedback__list table tbody tr td .tile-actions .tile-preview {
  text-decoration: underline;
}
.feedback__list table tbody tr td .tile-actions .tile-preview:hover {
  text-decoration: none;
}
.feedback__list table tbody tr td .tile-actions a {
  cursor: pointer;
}
.feedback__list table tbody tr td .tile-actions a + a {
  margin-left: 10px;
}
.feedback__list table tbody tr td .tile-actions a.tile-delete {
  font-weight: normal;
  color: #a3a3a3;
}
.feedback__list table tbody tr td .tile-actions a.tile-delete:hover {
  color: #fc5447;
}
@media screen and (max-width: 1080px) {
  .feedback__count {
    margin: 0.8rem 0;
    text-align: center;
  }
  .feedback__head > div:first-child {
    width: 100%;
    min-width: 100%;
  }
  .feedback__head > div:first-child p {
    max-width: 100%;
  }
  .feedback__head > div:last-child {
    width: 100%;
    min-width: 100%;
    margin-top: 24px;
  }
  .feedback__head > div:last-child a {
    display: inline-block;
  }
  .feedback__list__hidden {
    display: block;
  }
  .feedback__list table thead {
    display: none;
  }
  .feedback__list table tbody tr {
    display: flex;
    flex-direction: column;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    background: #fff;
    margin-bottom: 16px;
  }
  .feedback__list table tbody tr td {
    width: 100%;
    padding: 8px 16px;
    border: 0;
    border-radius: 6px;
    background: none;
  }
  .feedback__list table tbody tr td td:nth-child(3) {
    display: block;
  }
  .feedback__list table tbody tr td:before {
    content: attr(data-th);
    display: block;
    font-weight: 600;
    color: #212121;
  }
  .feedback__list table tbody tr td:first-child,
  .feedback__list table tbody tr td:last-child {
    border: 0;
    border-radius: 0;
  }
  .feedback__list table tbody tr td:first-child {
    padding-top: 16px;
  }
  .feedback__list table tbody tr td:last-child {
    padding-bottom: 16px;
  }
  .feedback__list table tbody tr td:last-child > div.tile-actions {
    flex-direction: row;
  }
  .feedback__list table tbody tr td:last-child > div.tile-actions:has(> :nth-child(3):last-child) {
    flex-direction: row;
  }
  .feedback__list table tbody tr td:last-child:before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .feedback__head > div:first-child h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .feedback__filter {
    padding: 16px;
    margin: 32px 0;
  }
  .feedback__filter > div:first-child {
    width: 100%;
    min-width: 100%;
  }
  .feedback__filter > div:nth-child(2),
  .feedback__filter > div:nth-child(3) {
    width: 100%;
    min-width: 100%;
    margin: 16px 0 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .feedback__filter > div:first-child {
    width: 100%;
    min-width: 100%;
    margin-bottom: 24px;
  }
  .feedback__filter > div:nth-child(2),
  .feedback__filter > div:nth-child(3) {
    width: calc(50% - 12px);
    min-width: calc(50% - 12px);
    margin: 0;
  }
  .feedback__filter > div:nth-child(2) {
    margin-right: 24px;
  }
}
@media screen and (max-width: 1280px) {
  .feedback__list__hidden {
    display: block;
  }
  .feedback__list table thead th:nth-child(3) {
    display: none;
  }
  .feedback__list table tbody td:nth-child(3) {
    display: none;
  }
}
.feedback-editor .bouwapp-header__content p {
  width: 50%;
}
.feedback-editor .bouwapp-header__text {
  display: flex;
  align-items: center;
}
.feedback-editor .bouwapp-header__text > span {
  margin-left: 5px;
}
.feedback-editor input,
.feedback-editor select {
  scroll-margin-top: 175px;
}
.feedback-editor .form-group > label span.required {
  margin-left: 0;
}
.feedback-editor .notification-targets .form-group.has-error label {
  color: #212121;
}
.feedback-editor .count {
  position: absolute;
  top: -10px;
  left: -10px;
  background-color: #212121;
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
  color: #fff;
  line-height: 2.4rem;
  font-size: 1.4rem;
  text-align: center;
}
.feedback-editor__tabs {
  margin-bottom: 20px;
}
.feedback-editor__tabs:before,
.feedback-editor__tabs:after {
  content: "";
  width: 100%;
  height: 48px;
  position: absolute;
  top: 0;
  background: #fff;
  border-bottom: 1px solid #eeeeee;
}
.feedback-editor__tabs:before {
  left: -100%;
}
.feedback-editor__tabs:after {
  right: -100%;
}
.feedback-editor__tabs ul {
  display: flex;
  flex-direction: row;
  justify-content: start;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.feedback-editor__tabs ul li:first-child {
  margin-right: 24px;
}
.feedback-editor__tabs ul li:has(.counter):after {
  width: calc(100% - 2.4rem);
}
.feedback-editor__tabs ul li {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 48px;
  color: #000;
  cursor: pointer;
  transition: 260ms ease;
}
.feedback-editor__tabs ul li .counter {
  background-color: var(--primary);
  color: #fff;
  transition: 260ms ease;
  margin-left: 5px;
  min-width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  padding: 0 0.4rem;
}
.feedback-editor__tabs ul li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  border-radius: 2px 2px 0 0;
  background: #f5b049;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: 260ms ease;
}
.feedback-editor__tabs ul li:hover:after {
  opacity: 1;
  transform: scaleY(1);
}
.feedback-editor__tabs ul li.active {
  color: #212121;
}
.feedback-editor__tabs ul li.active:after {
  opacity: 1;
  transform: scaleY(1);
}
.feedback-editor__head {
  margin-bottom: 40px;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  flex-direction: row;
}
.feedback-editor__head > div:first-child {
  width: calc(100% - 200px);
  min-width: calc(100% - 200px);
}
.feedback-editor__head h1 {
  font-weight: bold;
  font-size: 36px;
  line-height: 46px;
  color: #212121;
  margin: 0;
}
.feedback-editor__head p {
  margin-top: 4px;
  font-size: 16px;
  line-height: 27px;
  color: #212121;
  max-width: 600px;
}
.feedback-editor__default .form-split > div:first-child {
  width: 240px;
  min-width: 240px;
}
.feedback-editor__default .form-split > div:last-child {
  width: calc(100% - 264px);
  min-width: calc(100% - 264px);
  margin-left: 24px;
}
.feedback-editor__default select {
  font-weight: normal;
}
.feedback-editor__default .right .bouwapp-box__footer {
  margin-top: 12px;
  padding-top: 16px;
}
.feedback-editor__nav .sticky-submit__buttons {
  width: 100%;
  justify-content: space-between;
}
.feedback-editor__nav .sticky-submit__buttons > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.feedback-editor__nav .sticky-submit__buttons > div button {
  margin: 0;
}
.feedback-editor__nav .sticky-submit__buttons select {
  margin: 0;
  margin-right: 20px;
  height: 40px;
  padding: 0 4rem 0 1.2rem;
  width: 25%;
}
.feedback-editor__nav.isEdit .feedback-editor__nav__top {
  box-shadow: none;
  border-bottom: 1px solid #eeeeee;
}
.feedback-editor__nav__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 16px;
  z-index: 1;
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
}
.feedback-editor__nav__top__left {
  display: flex;
  flex-direction: column;
}
.feedback-editor__nav__top__right {
  display: flex;
  flex-direction: row;
  margin-left: auto;
}
.feedback-editor .settings {
  margin-bottom: 32px;
}
.feedback-editor .settings .period-scrollable {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #e9e9e9 #fff;
}
.feedback-editor .settings .period-scrollable::-webkit-scrollbar {
  height: 8px;
}
.feedback-editor .settings .period-scrollable::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 4px;
}
.feedback-editor .settings .period-scrollable::-webkit-scrollbar-thumb {
  background: #e9e9e9;
  border-radius: 4px;
}
.feedback-editor .settings .period-scrollable::-webkit-scrollbar-thumb:hover {
  background: rgb(207.5, 207.5, 207.5);
}
.feedback-editor .settings .period-scrollable .switch-scrollable {
  display: inline-flex;
  min-width: 100%;
  width: auto;
}
.feedback-editor .settings .period-scrollable .switch-scrollable .switch-option {
  flex: 0 0 auto;
  min-width: 150px;
  white-space: nowrap;
  padding: 0 15px;
}
@media screen and (max-width: 767px) {
  .feedback-editor {
    padding-top: 20px;
  }
  .feedback-editor .bouwapp-header__content {
    width: 100%;
    padding-top: 20px;
  }
  .feedback-editor__nav__top {
    flex-direction: column;
  }
  .feedback-editor__nav__top__right {
    margin-left: unset;
  }
  .feedback-editor__head {
    flex-direction: column;
  }
  .feedback-editor__head > div:first-child,
  .feedback-editor__head > div:last-child {
    width: 100%;
    min-width: 100%;
  }
  .feedback-editor__head > div:last-child {
    padding-top: 32px;
  }
  .feedback-editor__head > div:last-child button {
    margin: 0;
  }
  .feedback-editor__head > div:last-child span {
    text-align: left;
  }
  .feedback-editor__head h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .feedback-editor__default .form-split {
    margin-bottom: 24px;
  }
  .feedback-editor__default .form-split > div:first-child {
    width: 100%;
    min-width: 100%;
  }
  .feedback-editor__default .form-split > div:last-child {
    width: 100%;
    min-width: 100%;
    margin: 0;
  }
}
.feedback-modal .modal-content {
  width: 96%;
  max-width: 560px;
}
.feedback-modal.deactivate .modal-content p {
  margin: 4px auto 32px auto;
}
.feedback-modal.deactivate .modal-content .buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.feedback-modal.deactivate .modal-content .buttons .button {
  margin: 0 8px;
}
.feedback-modal.reorder .modal-content {
  padding: 0;
}
.feedback-modal.reorder .modal-content .modal-header {
  border-bottom: 1px solid #e9e9e9;
}
.feedback-modal.reorder .modal-content .modal-header > div:nth-child(2) {
  margin-bottom: 20px;
}
.feedback-modal.reorder .modal-content .modal-close {
  top: 16px;
  right: 16px;
}
.feedback-modal.reorder .modal-content .reorder-container {
  width: 100%;
  height: 380px;
  overflow-y: scroll;
}
.feedback-modal.reorder .modal-content .reorder-container ul {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.feedback-modal.reorder .modal-content .reorder-container ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  border-bottom: 1px solid #e9e9e9;
}
.feedback-modal.reorder .modal-content .reorder-container ul li span.draggable {
  display: block;
  width: 50px;
  min-width: 50px;
  height: 50px;
  text-align: center;
  padding-top: 17px;
  margin-right: 8px;
  cursor: grab;
}
.feedback-modal.reorder .modal-content .reorder-container ul li span.draggable:hover {
  background: rgba(233, 233, 233, 0.2);
}
.feedback-modal.reorder .modal-content .reorder-container ul li > .question p {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.feedback-modal.reorder .modal-content .reorder-container ul li > .question span {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #a3a3a3;
}
.feedback-modal.reorder .modal-content .reorder-container ul li > .order {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
}
.feedback-modal.reorder .modal-content .reorder-container ul li > .order span {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  padding-top: 13px;
  transition: 260ms ease;
  cursor: pointer;
}
.feedback-modal.reorder .modal-content .reorder-container ul li > .order span svg polygon {
  transition: 260ms ease;
}
.feedback-modal.reorder .modal-content .reorder-container ul li > .order span:hover {
  background: rgba(233, 233, 233, 0.2);
}
.feedback-modal.reorder .modal-content .reorder-container ul li > .order span:hover svg polygon:last-child {
  fill: #000;
}
.feedback-modal.reorder .modal-content .buttons {
  border-top: 1px solid #e9e9e9;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 24px;
}
.feedback-modal.reorder .modal-content .buttons .button {
  margin-left: 16px;
}
.gu-mirror {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.gu-mirror span.draggable {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  padding-top: 17px;
  margin-right: 8px;
}
.gu-mirror .order {
  display: none;
}
.gu-mirror .question p {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.gu-mirror .question span {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #a3a3a3;
}
.feedback-not-active {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-top: 20px;
  border-radius: 12px;
}
.feedback-not-active article {
  border-radius: 12px;
}
.feedback-not-active article:first-child {
  width: 100%;
}
.feedback-not-active article:first-child:has(+ *) {
  width: 30%;
}
.feedback-not-active article:first-child > p {
  margin: 20px 0;
}
.feedback-not-active article:first-child a {
  display: inline-block;
}
.feedback-not-active article:first-child a > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.feedback-not-active article:first-child a > div svg {
  display: flex;
  fill: #fff;
}
.feedback-not-active article:nth-child(2) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.feedback-not-active article:nth-child(2) > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.feedback-not-active article:nth-child(2) > div img {
  width: 100%;
  max-width: 250px;
  display: block;
}
.feedback-not-active article:nth-child(2) > div img:first-child {
  grid-column: span 2;
  justify-self: center;
}
.feedback-not-active article:nth-child(2) > div img:last-child {
  grid-column: span 2;
  justify-self: center;
}
@media screen and (max-width: 767px) {
  .feedback-not-active {
    flex-direction: column;
    padding: 20px;
  }
  .feedback-not-active article:first-child {
    width: 100%;
  }
}
.filter {
  display: flex;
}
.filter .ng-select {
  width: 250px;
  max-width: 100%;
}
.filter .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  flex: 1 1 100%;
}
.filter .ng-select .ng-arrow-wrapper {
  width: 20px;
  padding: 0;
}
.filter .ng-select .ng-select-container .ng-value-container {
  padding: 0;
}
.filter .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  padding: 0;
}
.filter .ng-select .ng-select-container .ng-value-container .ng-input {
  padding: 0;
}
.filter .ng-select .ng-select-container .ng-value-container .ng-input > input {
  margin: 0;
}
.filter.isHorizontal {
  flex-direction: column;
}
.filter.isHorizontal .filter__wrapper {
  width: 100%;
  min-width: 100%;
}
.filter.isHorizontal .filter__content {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
}
.filter.isHorizontal .checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.8rem;
}
.filter.isHorizontal .checkboxes .checkbox {
  padding-right: 0.6rem;
}
.filter__content {
  margin-left: 2.4rem;
  width: calc(100% - 240px);
  max-width: calc(100% - 240px);
}
.filter__wrapper {
  width: 240px;
  min-width: 240px;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #e9e9e9;
  height: fit-content;
}
.filter__wrapper .filter__group {
  padding: 1.6rem 2.4rem;
  max-height: 32rem;
  overflow-y: auto;
}
.filter__wrapper .filter__group:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
}
.filter__wrapper .filter__group input {
  padding: 0.8rem 1.2rem;
  color: #a3a3a3;
  font-weight: 500;
  border: 0.1rem solid #e9e9e9;
  border-radius: 0.8rem;
  margin-bottom: 0.8rem;
}
.filter__wrapper .filter__title {
  padding: 1.6rem 2.4rem;
  border-bottom: 1px solid #e9e9e9;
}
.filter__wrapper .filter__title h3 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: bold;
}
.filter__wrapper .show-more {
  background: none;
  border: none;
  color: #a3a3a3;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
  font-size: inherit;
}
.filter__wrapper .show-more:hover {
  text-decoration: underline;
}
.filter__wrapper .hidden {
  display: none;
}
.filter__wrapper .filter__label {
  display: block;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3rem;
  color: #212121;
  margin-bottom: 8px;
}
.filter__wrapper .filter__label > span {
  margin-left: 5px;
  color: var(--primary);
  font-size: 14px;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .filter {
    flex-direction: column;
  }
  .filter__wrapper {
    width: 100%;
    min-width: 100%;
  }
  .filter__wrapper .filter__group > .dates {
    display: flex;
    flex-direction: column;
  }
  .filter__wrapper .filter__group > .dates input {
    width: 250px;
    max-width: 100%;
  }
  .filter__wrapper .filter__group > .checkboxes {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
  .filter__wrapper .filter__group > .checkboxes > .checkbox {
    margin-right: 16px;
  }
  .filter__content {
    margin: auto;
    width: 100%;
    min-width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .ng-select.ng-select-multiple .ng-select-container {
    justify-content: space-between;
  }
  .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    max-width: 80%;
  }
  .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    overflow: hidden;
  }
}
.audit-log__wrapper > p {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  margin-bottom: 0.8rem;
}
.audit-log__list ul.head,
.audit-log__list ul.body {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.audit-log__list ul.head > li,
.audit-log__list ul.body > li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.4rem;
}
.audit-log__list ul.head > li > span,
.audit-log__list ul.body > li > span {
  overflow: hidden;
  padding: 0.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  width: 16.6666666667%;
  line-clamp: 3;
  text-overflow: ellipsis;
  word-break: break-word;
}
.audit-log__list ul.head li span {
  font-weight: bold;
  font-size: 14px;
  color: #000;
}
.audit-log__list ul.head li:first-child {
  background-color: #f3f3f3;
}
.audit-log__list ul.body li {
  background: #fff;
  transition: 260ms ease;
  font-weight: 300;
  font-size: 14px;
  color: #212121;
}
.audit-log__list ul.body li:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
}
.audit-log__list ul.body li span.label {
  margin: 0;
  font-size: 1.2rem;
  padding: 0.4rem 1.2rem;
  border-radius: 0.4rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .audit-log__wrapper > p {
    margin-top: 0.8rem;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .audit-log__wrapper > p {
    margin-top: 0.8rem;
    text-align: center;
  }
  .audit-log__list ul.body > li > span,
  .audit-log__list ul.head > li > span {
    width: 20%;
  }
  .audit-log__list ul.body > li > span:first-child,
  .audit-log__list ul.head > li > span:first-child {
    width: 100%;
  }
}
.content-table__list {
  border: 1px solid #e9e9e9;
  border-radius: 1.2rem;
  overflow: hidden;
}
.content-table__list .date,
.content-table__list .time {
  font-size: 1.4rem;
}
.content-table__list .date {
  margin-right: 0.4rem;
}
.content-table__list .time {
  color: #a3a3a3;
}
.content-table__list ul.head,
.content-table__list ul.body {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.content-table__list ul.head > li,
.content-table__list ul.body > li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.2rem 0.8rem;
}
.content-table__list ul.head > li > span,
.content-table__list ul.body > li > span {
  flex: 1 1 0;
  overflow: hidden;
  padding: 0.4rem;
  max-height: 6rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.content-table__list ul.head > li > span.datetime,
.content-table__list ul.body > li > span.datetime {
  display: flex;
  flex-wrap: wrap;
}
.content-table__list ul.head > li > span.actions-column > div,
.content-table__list ul.body > li > span.actions-column > div {
  display: flex;
}
.content-table__list ul.head > li > span.actions-column > div .actions,
.content-table__list ul.body > li > span.actions-column > div .actions {
  display: inline-block;
  margin-left: auto;
}
.content-table__list ul.head > li > span.actions-column > div .actions a,
.content-table__list ul.body > li > span.actions-column > div .actions a {
  cursor: pointer;
}
.content-table__list ul.head > li > span.actions-column > div .actions a:first-child,
.content-table__list ul.body > li > span.actions-column > div .actions a:first-child {
  color: #a3a3a3;
  margin-right: 16px;
}
.content-table__list ul.head > li > span.actions-column > div .actions a:first-child:hover,
.content-table__list ul.body > li > span.actions-column > div .actions a:first-child:hover {
  color: #727272;
}
.content-table__list ul.head li span {
  font-weight: bold;
  font-size: 14px;
  color: #000;
}
.content-table__list ul.head li:first-child {
  background-color: #f3f3f3;
}
.content-table__list ul.body li {
  cursor: pointer;
  background: #fff;
  transition: 260ms ease;
  font-weight: 300;
  font-size: 14px;
  color: #212121;
}
.content-table__list ul.body li:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
}
.content-table__list ul.body li span.label {
  margin: 0;
  font-size: 1.2rem;
  padding: 0.4rem 1.2rem;
  border-radius: 0.4rem;
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .content-table__list.notices ul.head > li.isCustomer > span:nth-child(1),
  .content-table__list.notices ul.body > li.isCustomer > span:nth-child(1) {
    flex-basis: 100%;
  }
  .content-table__list.notices ul.head > li > span:nth-child(1),
  .content-table__list.notices ul.body > li > span:nth-child(1) {
    flex-basis: 100%;
  }
}
.bouwapp-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 4rem 0 2rem 0;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 1.2rem;
}
.bouwapp-header a {
  color: #212121;
}
.bouwapp-header__text {
  flex: 1;
}
.bouwapp-header__text__back-button {
  margin-bottom: 0.5em;
}
.bouwapp-header__text__back-button button {
  font-weight: var(--fontweight-medium);
}
.bouwapp-header__text__title {
  display: flex;
  gap: 16px;
  align-items: center;
}
.bouwapp-header__text--fixed {
  max-width: 70%;
}
.bouwapp-header__text h1 {
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1;
  color: #212121;
  margin: 0;
}
.bouwapp-header__text h1 span {
  color: #a3a3a3;
}
.bouwapp-header__text > p,
.bouwapp-header__text ul li {
  font-weight: normal;
  font-size: 1.6rem;
  color: #212121;
  margin: 0;
}
.bouwapp-header__text ul {
  margin: 1.6rem 0 0 0;
  padding-left: 1.6rem;
}
.bouwapp-header__buttons {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.bouwapp-header__buttons button,
.bouwapp-header__buttons a {
  box-shadow: none;
}
.bouwapp-header__buttons .secondary {
  position: relative;
  cursor: pointer;
  outline: 0;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  -webkit-user-select: none;
  user-select: none;
  display: block;
  transition: 260ms ease;
  appearance: none;
  text-decoration: none;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  line-height: 100%;
  padding: 1.2rem 2.4rem;
  padding: 1.2rem 1.6rem;
  color: #fff;
  background: #3373ea;
}
.bouwapp-header__buttons .secondary:hover {
  text-decoration: none;
}
.bouwapp-header__buttons .secondary.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.bouwapp-header__buttons .secondary span {
  font-size: 1.6rem;
  line-height: 100%;
}
.bouwapp-header__buttons .secondary span {
  display: inline-block;
  vertical-align: middle;
}
.bouwapp-header__buttons .secondary span.icon {
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
  margin-bottom: 0.2rem;
}
.bouwapp-header__buttons .secondary span.icon svg {
  width: 1.6rem;
  height: 1.6rem;
}
.bouwapp-header__buttons .secondary span.icon svg path {
  transition: 260ms ease;
}
.bouwapp-header__buttons .secondary span.arrow {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  margin-left: auto;
}
.bouwapp-header__buttons .secondary span.arrow svg {
  width: 2rem;
  height: 2rem;
}
.bouwapp-header__buttons .secondary span.arrow svg path {
  transition: 260ms ease;
}
.bouwapp-header__buttons .secondary span.icon + span:not(.icon),
.bouwapp-header__buttons .secondary span:not(.icon) + span.icon {
  margin-left: 0.8rem;
}
.bouwapp-header__buttons .primary {
  position: relative;
  cursor: pointer;
  outline: 0;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  -webkit-user-select: none;
  user-select: none;
  display: block;
  transition: 260ms ease;
  appearance: none;
  text-decoration: none;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  line-height: 100%;
  padding: 1.2rem 2.4rem;
  padding: 1.2rem 1.6rem;
  color: #fff;
  background: #f5b049;
}
.bouwapp-header__buttons .primary:hover {
  text-decoration: none;
}
.bouwapp-header__buttons .primary.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.bouwapp-header__buttons .primary span {
  font-size: 1.6rem;
  line-height: 100%;
}
.bouwapp-header__buttons .primary span {
  display: inline-block;
  vertical-align: middle;
}
.bouwapp-header__buttons .primary span.icon {
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
  margin-bottom: 0.2rem;
}
.bouwapp-header__buttons .primary span.icon svg {
  width: 1.6rem;
  height: 1.6rem;
}
.bouwapp-header__buttons .primary span.icon svg path {
  transition: 260ms ease;
}
.bouwapp-header__buttons .primary span.arrow {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  margin-left: auto;
}
.bouwapp-header__buttons .primary span.arrow svg {
  width: 2rem;
  height: 2rem;
}
.bouwapp-header__buttons .primary span.arrow svg path {
  transition: 260ms ease;
}
.bouwapp-header__buttons .primary span.icon + span:not(.icon),
.bouwapp-header__buttons .primary span:not(.icon) + span.icon {
  margin-left: 0.8rem;
}
.bouwapp-header__buttons .delete {
  position: relative;
  cursor: pointer;
  outline: 0;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  -webkit-user-select: none;
  user-select: none;
  display: block;
  transition: 260ms ease;
  appearance: none;
  text-decoration: none;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  line-height: 100%;
  padding: 1.2rem 2.4rem;
  padding: 1.2rem 1.6rem;
  background: transparent;
  color: #fc5447;
  box-shadow: inset 0 0 0 0.1rem #fc5447;
}
.bouwapp-header__buttons .delete:hover {
  text-decoration: none;
}
.bouwapp-header__buttons .delete.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.bouwapp-header__buttons .delete span {
  font-size: 1.6rem;
  line-height: 100%;
}
.bouwapp-header__buttons .delete span {
  display: inline-block;
  vertical-align: middle;
}
.bouwapp-header__buttons .delete span.icon {
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
  margin-bottom: 0.2rem;
}
.bouwapp-header__buttons .delete span.icon svg {
  width: 1.6rem;
  height: 1.6rem;
}
.bouwapp-header__buttons .delete span.icon svg path {
  transition: 260ms ease;
}
.bouwapp-header__buttons .delete span.arrow {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  margin-left: auto;
}
.bouwapp-header__buttons .delete span.arrow svg {
  width: 2rem;
  height: 2rem;
}
.bouwapp-header__buttons .delete span.arrow svg path {
  transition: 260ms ease;
}
.bouwapp-header__buttons .delete span.icon + span:not(.icon),
.bouwapp-header__buttons .delete span:not(.icon) + span.icon {
  margin-left: 0.8rem;
}
.bouwapp-header__buttons .delete svg path {
  fill: #fc5447;
}
.bouwapp-header__buttons .delete:hover {
  background: #fc5447;
  color: #fff;
}
.bouwapp-header__buttons .delete:hover svg path {
  fill: #fff;
}
.bouwapp-header__buttons .tertiary {
  position: relative;
  cursor: pointer;
  outline: 0;
  border: 0;
  font-family: "Mukta", sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  -webkit-user-select: none;
  user-select: none;
  display: block;
  transition: 260ms ease;
  appearance: none;
  text-decoration: none;
  border-radius: 0.8rem;
  font-size: 1.6rem;
  line-height: 100%;
  padding: 1.2rem 2.4rem;
  padding: 1.2rem 1.6rem;
  background: transparent;
  color: #000;
  box-shadow: inset 0 0 0 0.1rem #a3a3a3;
}
.bouwapp-header__buttons .tertiary:hover {
  text-decoration: none;
}
.bouwapp-header__buttons .tertiary.isLoading {
  opacity: 0.5;
  pointer-events: none;
}
.bouwapp-header__buttons .tertiary span {
  font-size: 1.6rem;
  line-height: 100%;
}
.bouwapp-header__buttons .tertiary span {
  display: inline-block;
  vertical-align: middle;
}
.bouwapp-header__buttons .tertiary span.icon {
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
  margin-bottom: 0.2rem;
}
.bouwapp-header__buttons .tertiary span.icon svg {
  width: 1.6rem;
  height: 1.6rem;
}
.bouwapp-header__buttons .tertiary span.icon svg path {
  transition: 260ms ease;
}
.bouwapp-header__buttons .tertiary span.arrow {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  margin-left: auto;
}
.bouwapp-header__buttons .tertiary span.arrow svg {
  width: 2rem;
  height: 2rem;
}
.bouwapp-header__buttons .tertiary span.arrow svg path {
  transition: 260ms ease;
}
.bouwapp-header__buttons .tertiary span.icon + span:not(.icon),
.bouwapp-header__buttons .tertiary span:not(.icon) + span.icon {
  margin-left: 0.8rem;
}
.bouwapp-header__buttons .tertiary svg path {
  fill: #000;
}
.bouwapp-header__buttons .tertiary:hover {
  background: #a3a3a3;
  color: #fff;
}
.bouwapp-header__buttons .tertiary:hover svg path {
  fill: #fff;
}
.bouwapp-header__content {
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: 1em;
}
.bouwapp-header [slot=description] {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .bouwapp-header {
    padding: 2.4rem 0;
  }
  .bouwapp-header__text {
    max-width: 100%;
  }
  .bouwapp-header__text h1 {
    font-size: 2.6rem;
  }
  .bouwapp-header__text p {
    font-size: 1.4rem;
  }
}
.bouwapp-toolbar {
  padding-bottom: 2.4rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.4rem;
}
.bouwapp-toolbar__search {
  flex: 1;
}
.bouwapp-toolbar__sort {
  margin-left: auto;
}
.bouwapp-toolbar input[type=search] {
  box-sizing: border-box;
  font-family: "Mukta", sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  width: 100%;
  height: 5rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #e9e9e9;
  padding: 1.3rem 2rem;
  transition: 260ms ease;
  padding: 1.3rem 4.9rem !important;
  background-image: url(/assets/icons/search--dark.svg) !important;
  background-size: 2.4rem !important;
  background-position: 1.3rem center !important;
}
@media screen and (max-width: 767px) {
  .bouwapp-toolbar {
    gap: 1.2rem;
    flex-direction: column;
  }
  .bouwapp-toolbar__search,
  .bouwapp-toolbar__sort {
    width: 100%;
  }
}
.bouwapp-filter {
  padding: 1.6rem 2.4rem;
  background: #fff;
  border: 0.1rem solid #e9e9e9;
  border-radius: 1.2rem;
}
.bouwapp-filter > span {
  font-weight: bold;
  font-size: 1.8rem;
  color: #212121;
}
.bouwapp-filter > ul,
.bouwapp-filter > ul > li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.bouwapp-filter > ul > li input {
  display: none !important;
}
.bouwapp-filter > ul > li input + label {
  position: relative;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 100%;
  color: #212121;
  cursor: pointer;
}
.bouwapp-filter > ul > li input + label:before,
.bouwapp-filter > ul > li input + label:after {
  content: "";
  display: block;
  transition: 260ms ease;
}
.bouwapp-filter > ul > li input + label:before {
  width: 2rem;
  height: 2rem;
  margin-right: 1.2rem;
  border: 0.1rem solid #e9e9e9;
  border-radius: 0.4rem;
}
.bouwapp-filter > ul > li input + label:after {
  content: "";
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  top: 0.4rem;
  left: 0.4rem;
  border-radius: 0.2rem;
  background: #f5b049;
  opacity: 0;
  transform: scale(0.5);
}
.bouwapp-filter > ul > li input + label:hover {
  color: #f5b049;
}
.bouwapp-filter > ul > li input + label:hover:before {
  border-color: #f5b049;
}
.bouwapp-filter > ul > li input:checked + label:before {
  border-color: #f5b049;
}
.bouwapp-filter > ul > li input:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.bouwapp-filter.isHorizontal ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1.2rem -0.3rem -0.3rem -0.3rem;
}
.bouwapp-filter.isHorizontal ul > li {
  margin: 0.6rem;
}
.bouwapp-filter.isHorizontal + .bouwapp-overview > div > span {
  padding: 1.6rem 0;
}
.bouwapp-overview__empty {
  padding-top: 8rem;
  margin: 0 auto;
  max-width: 48rem;
  font-weight: normal;
  font-size: 1.6rem;
  color: #212121;
  text-align: center;
}
.bouwapp-overview__list > span {
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  color: #212121;
  padding: 1.6rem 0 1.6rem 0;
}
.bouwapp-group {
  background: #fff;
  border-radius: 1.2rem;
  border: 0.1rem solid #e9e9e9;
  margin-bottom: 2.4rem;
}
.bouwapp-group__header {
  padding: 1.6rem 2.4rem 1.2rem 2.4rem;
  border-bottom: 0.1rem solid #e9e9e9;
}
.bouwapp-group__header > h2 {
  font-weight: bold;
  font-size: 1.8rem;
  color: #000;
  margin: 0;
}
.bouwapp-group__header > p {
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
}
.bouwapp-group__row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1.2rem 2.4rem;
  gap: 1.6rem;
}
.bouwapp-group__row.password p {
  display: block;
  font-weight: 600;
  font-size: 1.6rem;
  color: #000;
  margin-bottom: 0.4rem;
}
.bouwapp-group__row.password app-form-group:not(:last-child) .form-group {
  margin-bottom: 2.4rem;
}
.bouwapp-group__row.password ul {
  list-style-type: "X";
  padding-left: 1rem;
  margin: 0;
  margin-bottom: 0.8rem;
}
.bouwapp-group__row.password ul li {
  padding-left: 1rem;
  margin: 0.8rem 0;
  color: #212121;
}
.bouwapp-group__row.password ul li::marker {
  font-size: 2rem;
}
.bouwapp-group__row.password ul li.valid {
  list-style-type: "\2713";
  color: #50c878;
}
.bouwapp-group__row > p {
  width: 100%;
  min-width: 100%;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
}
.bouwapp-group__row:first-of-type {
  padding-top: 2.4rem;
}
.bouwapp-group__row:last-of-type {
  padding-bottom: 2.4rem;
}
.bouwapp-group__row > app-form-group:not(.bouwapp-group__item) {
  width: 100%;
  min-width: 20rem;
}
.bouwapp-group__row > div {
  flex: 1 1 0;
  min-width: 200px;
}
.bouwapp-group__row.two {
  gap: 2.4rem;
}
.bouwapp-group__row.two > div {
  width: calc(50% - 1.2rem);
  min-width: calc(50% - 1.2rem);
}
.bouwapp-group__row.three {
  gap: 2.4rem;
}
.bouwapp-group__row.three > div {
  width: calc(33.3% - 1.6rem);
  min-width: calc(33.3% - 1.6rem);
}
.bouwapp-group__item {
  width: 100%;
  position: relative;
}
.bouwapp-group__item > div:not(:last-child) {
  padding-bottom: 2.4rem;
}
.bouwapp-group__item label + p {
  margin-bottom: 0.8rem;
}
.bouwapp-group__item__media + div.error {
  font-size: 1.4rem;
  color: #fc5447;
  margin-top: 0.8rem;
}
.bouwapp-group__item > button {
  margin-top: 0.8rem;
}
.bouwapp-group__item .form-group {
  margin: 0;
}
.bouwapp-group__item .form-group label {
  display: inline-block;
  font-weight: 600;
  font-size: 1.6rem;
  color: #000;
  padding-bottom: 0.4rem;
}
.bouwapp-group__item .form-group label span.info {
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  margin-top: -0.4rem;
}
.bouwapp-group__item .form-group label span.info svg {
  display: block;
  fill: var(--primary);
}
.bouwapp-group__item .form-group .two-fa-link {
  position: absolute;
}
.bouwapp-group__item .form-group input:not([type=file]) {
  box-sizing: border-box;
  font-family: "Mukta", sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  width: 100%;
  height: 5rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #e9e9e9;
  padding: 1.3rem 2rem;
  transition: 260ms ease;
  margin: 0;
}
.bouwapp-group__item .form-group select {
  margin: 0;
}
.bouwapp-group__item .form-group textarea {
  box-sizing: border-box;
  font-family: "Mukta", sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  width: 100%;
  height: 5rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #e9e9e9;
  padding: 1.3rem 2rem;
  transition: 260ms ease;
  padding: 2rem;
  min-height: 20rem;
  resize: vertical;
}
@media screen and (max-width: 767px) {
  .bouwapp-group__row.two {
    gap: 1.2rem;
  }
  .bouwapp-group__row.two > div {
    width: 100%;
    min-width: 100%;
  }
  .bouwapp-group__row.three {
    gap: 1.2rem;
  }
  .bouwapp-group__row.three > div {
    width: 100%;
    min-width: 100%;
  }
}
.bouwapp-editor__content {
  border: 0;
  font-family: "Mukta", sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #212121;
}
.bouwapp-editor__content .ProseMirror {
  min-height: inherit;
  height: 100%;
  padding: 16px;
  outline: none;
  cursor: text;
}
.bouwapp-editor__content .ProseMirror p {
  font-size: 16px;
  line-height: 24px;
  color: #212121;
}
.bouwapp-editor__content .ProseMirror a {
  color: #f5b049 !important;
}
.bouwapp-editor__content .ProseMirror p.is-editor-empty:first-child::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  float: left;
  height: 0;
  font-style: italic;
  pointer-events: none;
}
.bouwapp-editor__toolbar__markup {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
  padding: 4px;
}
.bouwapp-editor__toolbar__markup .bouwapp-editor__heading-select {
  width: auto;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  font-weight: 500;
  text-transform: capitalize;
  padding: 5px 28px 5px 10px;
  margin: 2.5px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  box-shadow: none;
  height: 35px;
  background-image: url(/assets/img/icons/caret-down-dark.svg);
  background-size: 12px 8px;
  background-repeat: no-repeat;
  background-position: right 12px center;
  outline: none;
}
.bouwapp-editor__button {
  margin: 2.5px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  box-shadow: none;
}
.bouwapp-editor__button span {
  display: flex;
}
.bouwapp-editor__button span svg {
  width: 18px;
  height: 18px;
}
.bouwapp-editor__button:hover {
  background-color: rgba(245, 176, 73, 0.1);
}
.bouwapp-editor__button--active {
  background-color: rgba(245, 176, 73, 0.15);
}
.bouwapp-editor__button--emoji {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 18px;
  height: 18px;
}
.bouwapp-editor__button--emoji::before {
  content: "\1f642";
}
.bouwapp-editor__emoji {
  position: relative;
  display: inline-block;
}
.bouwapp-editor__emoji__picker {
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 260px;
  max-height: 220px;
  overflow-y: auto;
  padding: 8px;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
}
.bouwapp-editor__emoji__picker button {
  width: 32px;
  height: 32px;
  border: 0;
  background: none;
  font-size: 18px;
  box-shadow: none;
}
.bouwapp-editor__emoji__picker button:hover {
  background-color: rgba(245, 176, 73, 0.1);
  border-radius: 4px;
}
.bouwapp-editor {
  position: relative;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
}
.bouwapp-editor app-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.bouwapp-editor app-loader .loader {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 100px;
}
.bouwapp-editor__toolbar {
  border-bottom: 1px solid #e9e9e9;
}
.bouwapp-editor__toolbar__markup {
  border: 0 !important;
}
.bouwapp-editor__toolbar-right {
  margin-left: auto;
  margin-right: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bouwapp-editor__editor {
  position: relative;
}
.bouwapp-editor__editor .bouwapp-editor__content {
  width: 100%;
  display: block;
  min-height: 160px;
}
.bouwapp-editor__editor .character-counter {
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 8px;
  bottom: 4px;
}
.bouwapp-editor__editor.disabled {
  opacity: 0.7;
  background-color: rgb(249.9, 249.9, 249.9);
}
section.projects.invite .invited .title {
  font-size: 20px;
  font-weight: 600;
  color: #212121;
}
section.projects.invite .invited ul {
  padding: 0;
  margin: 5px 0;
  list-style-type: none;
}
section.projects.invite .invited ul li {
  padding: 4px 0;
}
section.projects.invite .invited ul li .icon {
  cursor: pointer;
  float: right;
}
section.projects.invite .invited ul li .icon,
section.projects.invite .invited ul li .icon svg {
  height: 20px;
}
.projects-welcome {
  padding: 12px 0;
  margin: 12px 0;
  border-radius: 6px;
  font-size: 16px;
  line-height: 24px;
  color: #212121;
}
.success-modal .project-success {
  margin: 0 auto;
  text-align: center;
  padding-bottom: 3rem;
}
.success-modal .project-success h5 {
  margin: 20px 0;
}
.success-modal .project-success p {
  font-size: 16px;
  line-height: 32px;
  color: rgba(62, 62, 62, 0.8);
  padding: 0 3rem;
}
.success-modal .project-success .flex.buttons {
  justify-content: center;
  margin-top: 40px;
}
.success-modal .project-success .flex.buttons button {
  margin: 0 12px;
}
.projects__head {
  align-items: center;
}
.projects__head h1 {
  font-size: 40px;
  font-weight: bold;
  margin: 0;
}
.projects__head .buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
}
.projects__head .buttons > a {
  margin-left: 16px;
}
.projects__toolbar {
  padding: 24px;
  margin: 12px 0;
  background: #f3f3f3;
  border-radius: 6px;
}
.projects__toolbar > div:first-child {
  width: calc(70% - 24px);
  min-width: calc(70% - 24px);
}
.projects__toolbar > div:last-child {
  width: 30%;
  min-width: 30%;
  margin-left: auto;
}
.projects__toolbar > div label {
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #212121;
  margin: 0 0 4px 0;
}
.projects__toolbar > div input[type=search] {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #e9e9e9;
  box-shadow: none;
  margin: 0;
  height: 50px;
  font-size: 16px;
  transition: 260ms ease;
}
.projects__toolbar > div select {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #e9e9e9;
  box-shadow: none;
  margin: 0;
  transition: 260ms ease;
  height: 50px;
  font-size: 16px;
  padding: 0 16px;
}
.projects__overview > div > p {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  margin-bottom: 8px;
}
.projects__overview__items .no-results {
  text-align: center;
  margin-top: 2.4rem;
}
.projects__overview__items > p {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  margin-bottom: 8px;
}
.projects__overview__items > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
  gap: 2.4rem;
}
.projects__overview__items > ul .project {
  width: calc(50% - 1.2rem);
  min-width: calc(50% - 1.2rem);
  max-width: calc(50% - 1.2rem);
  background: #fff;
  border-radius: 1.2rem;
  border: 1px solid #e9e9e9;
  transition: 260ms ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.projects__overview__items > ul .project:hover {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  border-color: #cdcdcd;
}
.projects__overview__items > ul .project__image {
  position: relative;
  width: 100%;
  height: 200px;
}
.projects__overview__items > ul .project__image__self {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.projects__overview__items > ul .project__image__self.noImage {
  background: rgba(163, 163, 163, 0.1);
}
.projects__overview__items > ul .project__badge {
  position: absolute;
  bottom: 12px;
  left: 12px;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #fff;
  padding: 2px 8px;
  background: var(--primary);
  border-radius: 4px;
  text-transform: lowercase;
}
.projects__overview__items > ul .project__badge.child {
  background: #a3a3a3;
}
.projects__overview__items > ul .project__heading {
  padding: 1.6rem;
}
.projects__overview__items > ul .project__heading > p {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #212121;
  max-width: 100%;
  max-height: 2.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 3px;
}
.projects__overview__items > ul .project__heading > div {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.projects__overview__items > ul .project__heading > div.followers > span > span:first-child {
  height: 2rem;
  width: 2rem;
  display: inline-block;
  vertical-align: middle;
}
.projects__overview__items > ul .project__heading > div.followers > span > span:first-child svg {
  height: 100%;
  width: 100%;
  fill: #3373ea;
}
.projects__overview__items > ul .project__heading > div.followers > span:first-child {
  font-weight: normal;
  color: #3373ea;
}
.projects__overview__items > ul .project__heading > div.followers > span:last-child {
  font-weight: 300;
}
.projects__overview__items > ul .project__heading > div > span {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #a3a3a3;
}
.projects__overview__items > ul .project__heading > div > span:first-child {
  font-weight: 500;
}
.projects__overview__items > ul .project__heading > div > span:last-child {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.projects__overview__items > ul .project__heading > div > span.green {
  color: #a5e253;
}
.projects__overview__items > ul .project__heading > div > span.orange {
  color: #f5b049;
}
.projects__overview__items > ul .project__heading > div > span.red {
  color: #fc5447;
}
.projects__overview__items > ul .project__heading > div > span.grey {
  color: #a3a3a3;
}
.projects__overview__items > ul .project__heading > div > span.dark {
  color: #212121;
}
.projects__overview__items > ul .project__heading > div > span.blue {
  color: #0057bf;
}
.projects__overview__items > ul .project__content {
  margin-bottom: auto;
  padding-top: 24px;
  border-top: 1px solid #e9e9e9;
}
.projects__overview__items > ul .project__content ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.projects__overview__items > ul .project__content ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.projects__overview__items > ul .project__content ul li:not(:last-child) {
  margin-bottom: 8px;
}
.projects__overview__items > ul .project__content ul li:first-child p span {
  font-weight: 600;
  color: #212121;
}
.projects__overview__items > ul .project__content ul li .icon {
  width: 24px;
  height: 24px;
  margin-right: 16px;
}
.projects__overview__items > ul .project__content ul li .icon svg {
  width: 24px;
  height: 24px;
}
.projects__overview__items > ul .project__content ul li p {
  font-weight: 600;
  font-size: 16px;
  color: #212121;
  margin: 0;
}
.projects__overview__items > ul .project__content ul li p span {
  font-weight: normal;
  color: #a3a3a3;
}
.projects__overview__items > ul .project__parent {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  color: #212121;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .projects__head {
    flex-direction: column;
    align-items: flex-start;
  }
  .projects__head h1 {
    font-size: 32px;
  }
  .projects__head .buttons {
    margin: 16px 0 0 0;
  }
  .projects__toolbar {
    flex-direction: column;
    margin: 32px 0;
    padding: 16px;
  }
  .projects__toolbar > div {
    width: 100% !important;
    min-width: 100% !important;
  }
  .projects__toolbar > div:last-child {
    margin-top: 16px;
  }
  .projects__overview {
    flex-direction: column;
  }
  .projects__overview__items {
    width: 100%;
    min-width: 100%;
  }
  .projects__overview__items > ul {
    margin: 0;
  }
  .projects__overview__items > ul .project {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 0 0 16px 0;
    padding: 16px;
  }
  .projects__overview__items > ul .project__image {
    height: 180px;
  }
  .projects__overview__items > ul .project__heading > div {
    flex-direction: column;
  }
  .projects__overview__items > ul .project__heading > div > span:first-child {
    margin: 0;
  }
  .projects__overview__items > ul .project__heading > div > span:first-child:after {
    display: none;
  }
  .projects__overview__items > ul .project__content {
    padding-top: 16px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .projects__overview__items > ul .project {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .projects__overview {
    flex-direction: column;
  }
  .projects__overview > div > p {
    margin-top: 0.8rem;
    text-align: center;
  }
  .projects__overview__items {
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 1920px) {
  .projects__overview__items > ul .project {
    min-width: calc(33.3333333333% - 1.6rem);
    width: calc(33.3333333333% - 1.6rem);
    max-width: calc(33.3333333333% - 1.6rem);
  }
}
section.projects.new-update select {
  color: #a3a3a3;
}
.button--black-white {
  background-color: #fff;
  color: #212121;
  border-radius: 10px;
  border: 1px solid #212121;
  box-shadow: none;
  margin: 0;
  margin-right: 10px;
  padding: 8px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 40px;
  transition: 260ms ease;
}
.button--black-white[disabled]:not(.back).inactive {
  background-color: #fff;
  opacity: 0.5;
  border-color: #212121;
}
.button--black-white[disabled]:not(.back).inactive p,
.button--black-white[disabled]:not(.back).inactive span {
  color: #212121;
}
.button--black-white[disabled]:not(.back).inactive svg,
.button--black-white[disabled]:not(.back).inactive path {
  fill: #212121;
}
.button--black-white p {
  line-height: 18px;
  font-size: 15px;
  color: #212121;
  margin: 0;
}
.button--black-white span {
  width: 15px;
  height: 18px;
  margin-right: 8px;
}
.button--black-white span.caret {
  margin-left: 8px;
  margin-right: 0;
}
.button--black-white span svg {
  width: 100%;
  height: 100%;
  fill: #212121;
}
.button--black-white span.magic-wand svg {
  fill: #fff;
}
.button--black-white span.stylus svg {
  fill: #000;
}
.button--black-white span.add svg {
  fill: #212121;
}
.button--black-white:hover {
  background-color: #212121;
  color: #fff;
}
.button--black-white:hover svg {
  fill: #fff;
}
.button--black-white:hover p {
  color: #fff;
}
.button--black-white:hover .magic-wand svg {
  fill: #212121;
}
.button--black-white:hover .magic-wand svg path {
  stroke: #fff;
}
.button--black-white:hover .spellcheck svg path {
  fill: #fff;
}
.button--black-white:hover .add svg path {
  fill: #fff;
}
.button--black-white:hover .undo svg {
  fill: #fff;
}
.button--black-white[disabled]:not(.back, .button--black-white) {
  background-color: #f5b049;
  opacity: 1;
  border-color: #f5b049;
}
.button--black-white[disabled]:not(.back, .button--black-white) p {
  color: #fff;
}
.button--black-white[disabled]:not(.back, .button--black-white) span polygon {
  fill: #fff;
}
.button--black-white[disabled]:not(.back, .button--black-white) span svg {
  fill: #fff;
}
.button--black-white[disabled]:not(.back, .button--black-white) .magic-wand svg path {
  fill: #fff;
  stroke: #212121;
}
button[disabled] {
  opacity: 0.7;
  cursor: default !important;
}
.updates {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.updates__filter {
  width: 240px;
  min-width: 240px;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #e9e9e9;
  height: fit-content;
}
.updates__filter .filter__group {
  padding: 1.6rem 2.4rem;
  max-height: 32rem;
  overflow-y: auto;
}
.updates__filter .filter__group:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
}
.updates__filter .filter__group input {
  padding: 0.8rem 1.2rem;
  color: #a3a3a3;
  font-weight: 500;
  border: 0.1rem solid #e9e9e9;
  border-radius: 0.8rem;
  margin-bottom: 0.8rem;
}
.updates__filter .filter__title {
  padding: 1.6rem 2.4rem;
  border-bottom: 1px solid #e9e9e9;
}
.updates__filter .filter__title h3 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: bold;
}
.updates__filter .filter__label {
  display: block;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3rem;
  color: #212121;
  margin-bottom: 8px;
}
.updates__view {
  width: 100%;
}
.updates__list .no-results,
.updates__view .no-results {
  text-align: center;
  margin-top: 2.4rem;
}
.updates__list > p,
.updates__view > p {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  margin-bottom: 8px;
}
.updates-view .bouwapp-subheader__text h3 {
  margin: 22px 0;
}
.updates-view .statistics {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.updates-view .statistics .stat,
.updates-view .statistics .chart {
  padding: 1.6rem;
  margin: 0;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 1.2rem;
  flex: 1 1 calc(25% - 2.4rem);
}
.updates-view .statistics .stat h3,
.updates-view .statistics .chart h3 {
  margin: 0;
  font-size: 1.8rem;
  margin-bottom: 0.8rem;
}
.updates-view .statistics .stat h3 span,
.updates-view .statistics .chart h3 span {
  display: inline-block;
  height: 1.6rem;
}
.updates-view .statistics .stat h3 span svg,
.updates-view .statistics .chart h3 span svg {
  fill: var(--primary);
  cursor: pointer;
  display: block;
}
.updates-view .statistics .chart__interactions {
  flex-basis: calc(66.6666666667% - 1.2rem);
}
.updates-view .statistics .chart__interactions .chart__inner {
  max-width: 100%;
  height: 515px;
  padding: 0;
  overflow: hidden;
}
.updates-view .statistics .chart__interactions .chart__inner canvas {
  max-width: 100%;
  padding: 0;
}
.updates-view .statistics .chart__inner {
  width: 100%;
  max-width: 400px;
  padding: 0 2.4rem 1.6rem 2.4rem;
  margin: 0 auto;
  position: relative;
}
.updates-view .statistics .chart__inner .empty {
  position: absolute;
  top: 2.4rem;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
}
.updates-view .statistics .chart__inner canvas {
  margin-top: 0;
  padding: 0 1.6rem;
}
.updates-view .statistics .chart__inner .legend {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: 1.6rem;
  justify-content: center;
  align-items: center;
}
.updates-view .statistics .chart__inner .legend > div {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.updates-view .statistics .chart__inner .legend > div > span {
  font-size: 1.4rem;
  font-weight: 600;
  color: #212121;
  display: flex;
  overflow: hidden;
}
.updates-view .statistics .chart__inner .legend > div > span > app-icon {
  margin-right: 0.8rem;
}
.updates-view .statistics .stat__map {
  flex-basis: 100%;
}
.updates-view .statistics .stat__map mgl-map {
  height: 40rem;
  border-radius: 0.8rem;
  overflow: hidden;
}
.updates-view .statistics .stat > span:first-of-type {
  color: var(--primary);
  font-size: 4rem;
  line-height: 4rem;
  display: inline-block;
  vertical-align: middle;
}
.updates-view .statistics .stat > span:last-of-type {
  margin-left: 0.8rem;
  display: inline-block;
  vertical-align: middle;
}
.updates-view .statistics .stat > span:last-of-type > span {
  display: inline-block;
  line-height: 1.6rem;
  vertical-align: middle;
}
.updates-view .statistics .stat > span:last-of-type > span svg {
  height: 100%;
  width: 100%;
}
.updates-view .statistics .stat span.negative {
  color: #fc5447;
}
.updates-view .statistics .stat span.negative svg path {
  fill: #fc5447;
}
.updates-view .statistics .stat span.positive {
  color: #50c878;
}
.updates-view .statistics .stat span.positive svg path {
  fill: #50c878;
}
.updates-view .statistics .stat span.grey {
  color: #a3a3a3;
}
.updates-view .statistics .stat span.grey svg path {
  fill: #a3a3a3;
}
.updates-edit .form-group:last-child {
  margin-bottom: 0;
}
.updates-edit__general {
  position: relative;
}
.updates-edit__general__overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  position: absolute;
  opacity: 0;
  transition: 250ms opacity ease;
  z-index: 99;
  border-radius: 6px;
  pointer-events: none;
  border: 5px dashed var(--primary);
}
.updates-edit__general__overlay.file {
  opacity: 1;
}
.updates-edit__general .character-counter {
  font-size: 15px;
  font-weight: 600;
  margin-left: auto;
  margin-right: 8px;
  align-self: center;
}
.updates-edit__categories .targets .checkbox:first-child:last-child {
  margin-top: 16px;
}
.updates-edit__categories .targets hr {
  border-color: #e9e9e9;
  width: 40%;
  text-align: left;
  left: 0;
  margin: 0;
  margin-top: 16px;
}
.updates-edit__categories .targets .select-all {
  width: 100%;
  margin-top: 12px;
}
.updates-edit__categories .targets .select-all .toggle {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.updates-edit__categories .targets .target > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 50%;
  min-width: 550px;
  max-width: 100%;
}
.updates-edit__categories .targets .target > div .checkbox {
  width: 50%;
}
.updates-edit .events__container {
  position: relative;
}
.updates-edit .events__container__overlay {
  position: absolute;
  border-radius: 6px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1000;
}
.updates-edit__surveys {
  margin: 16px;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
}
.updates-edit__surveys__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.updates-edit__surveys__row h2 {
  margin: 0;
}
.updates-edit__events .events-button__wrapper {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.updates-edit__events .events-button__wrapper button {
  background-color: #fff;
  color: #212121;
  border-radius: 10px;
  border: 1px solid #212121;
  box-shadow: none;
  margin: 0;
  margin-right: 10px;
  padding: 8px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 40px;
  transition: 260ms ease;
  margin: 10px;
}
.updates-edit__events .events-button__wrapper button[disabled]:not(.back).inactive {
  background-color: #fff;
  opacity: 0.5;
  border-color: #212121;
}
.updates-edit__events .events-button__wrapper button[disabled]:not(.back).inactive p,
.updates-edit__events .events-button__wrapper button[disabled]:not(.back).inactive span {
  color: #212121;
}
.updates-edit__events .events-button__wrapper button[disabled]:not(.back).inactive svg,
.updates-edit__events .events-button__wrapper button[disabled]:not(.back).inactive path {
  fill: #212121;
}
.updates-edit__events .events-button__wrapper button p {
  line-height: 18px;
  font-size: 15px;
  color: #212121;
  margin: 0;
}
.updates-edit__events .events-button__wrapper button span {
  width: 15px;
  height: 18px;
  margin-right: 8px;
}
.updates-edit__events .events-button__wrapper button span.caret {
  margin-left: 8px;
  margin-right: 0;
}
.updates-edit__events .events-button__wrapper button span svg {
  width: 100%;
  height: 100%;
  fill: #212121;
}
.updates-edit__events .events-button__wrapper button span.magic-wand svg {
  fill: #fff;
}
.updates-edit__events .events-button__wrapper button span.stylus svg {
  fill: #000;
}
.updates-edit__events .events-button__wrapper button span.add svg {
  fill: #212121;
}
.updates-edit__events .events-button__wrapper button:hover {
  background-color: #212121;
  color: #fff;
}
.updates-edit__events .events-button__wrapper button:hover svg {
  fill: #fff;
}
.updates-edit__events .events-button__wrapper button:hover p {
  color: #fff;
}
.updates-edit__events .events-button__wrapper button:hover .magic-wand svg {
  fill: #212121;
}
.updates-edit__events .events-button__wrapper button:hover .magic-wand svg path {
  stroke: #fff;
}
.updates-edit__events .events-button__wrapper button:hover .spellcheck svg path {
  fill: #fff;
}
.updates-edit__events .events-button__wrapper button:hover .add svg path {
  fill: #fff;
}
.updates-edit__events .events-button__wrapper button:hover .undo svg {
  fill: #fff;
}
.updates-edit__events .events-button__wrapper button[disabled]:not(.back, .button--black-white) {
  background-color: #f5b049;
  opacity: 1;
  border-color: #f5b049;
}
.updates-edit__events .events-button__wrapper button[disabled]:not(.back, .button--black-white) p {
  color: #fff;
}
.updates-edit__events .events-button__wrapper button[disabled]:not(.back, .button--black-white) span polygon {
  fill: #fff;
}
.updates-edit__events .events-button__wrapper button[disabled]:not(.back, .button--black-white) span svg {
  fill: #fff;
}
.updates-edit__events .events-button__wrapper button[disabled]:not(.back, .button--black-white) .magic-wand svg path {
  fill: #fff;
  stroke: #212121;
}
.updates-edit__events .update-event__item {
  scroll-margin: 50px;
  display: flex;
  flex-direction: row;
  position: relative;
}
.updates-edit__events .update-event__item:not(:last-child) {
  margin-bottom: 24px;
}
.updates-edit__events .update-event__item__left {
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  flex: 1;
  padding: 8px 16px;
}
.updates-edit__events .update-event__item__left .count {
  position: absolute;
  top: -10px;
  left: -10px;
  background-color: #212121;
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
  color: #fff;
  line-height: 2.4rem;
  font-size: 1.4rem;
  text-align: center;
}
.updates-edit__events .update-event__item__left .form-split {
  margin: 1.6rem 0 0.8rem 0;
}
.updates-edit__events .update-event__item__right {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  margin-left: 16px;
}
.updates-edit__events .update-event__item__right span {
  cursor: pointer;
}
.updates-edit__poll > .form-group label {
  display: inline-block;
}
.updates-edit__poll > .form-group .button--flat {
  display: inline-block;
}
.updates-edit__poll .errors {
  position: absolute;
  bottom: 8px;
  left: 12px;
}
.updates-edit .bouwapp-box__title__button-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.updates-edit .bouwapp-box__title__button-right button {
  position: relative;
}
.updates-edit .bouwapp-box__footer {
  margin-top: 12px;
  padding-top: 16px;
}
.updates-edit__buttons .publication {
  display: flex;
  flex-direction: row;
  margin: 16px 0;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  flex-wrap: wrap;
  color: #212121;
}
.updates-edit__buttons .publication:first-of-type {
  margin-top: 0;
}
.updates-edit__buttons .publication:last-of-type {
  margin-bottom: 0;
}
.updates-edit__buttons .publication span:first-child {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.updates-edit__buttons .publication span:first-child svg {
  width: 24px;
  height: 24px;
  fill: #212121;
}
.updates-edit__buttons .publication.status span:last-of-type {
  color: #a5e253;
  margin-left: 8px;
}
.updates-edit__buttons .publication.status span:last-of-type.concept {
  color: var(--primary);
}
.updates-edit__buttons .publication.date {
  align-items: start;
  margin: 0;
}
.updates-edit__buttons .publication.date strong {
  display: block;
}
.updates-edit__buttons .publication.date > span:last-of-type {
  width: calc(100% - 4rem);
  text-align: left;
}
.updates-edit__buttons .publication.date span > span:last-of-type {
  cursor: pointer;
  color: #3373ea;
  font-size: 14px;
  font-weight: 400;
  margin-left: auto;
}
.updates-edit__buttons .publication.date span > span:last-of-type.cancel {
  color: #fc5447;
}
.updates-edit__buttons .publication.date .custom {
  width: 100%;
  margin: 16px 0;
}
.updates-edit__buttons .publication.notification .push-status {
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-left: 32px;
}
.updates-edit__buttons .publication.notification > span:last-child {
  margin-left: 32px;
}
.updates-edit__buttons .publication.notification > span > span {
  font-size: 14px;
  font-weight: bold;
}
.updates-edit__buttons .publication.notification app-toggle {
  margin-left: auto;
}
.updates-edit__buttons .publication.notification .push-disabled {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #727272;
}
.updates-edit__buttons .publication.targets {
  align-items: start;
  margin: 0;
}
.updates-edit__buttons .publication.targets .target {
  max-height: 40vh;
  overflow-y: auto;
}
.updates-edit__buttons .publication.targets hr {
  margin: 10px 0;
  border: none;
}
.updates-edit__buttons .publication.targets > span:last-of-type {
  width: calc(100% - 4rem);
  text-align: left;
}
.updates-edit__buttons .publication.targets span > span:last-of-type {
  cursor: pointer;
  color: #3373ea;
  font-size: 14px;
  font-weight: 400;
  margin-left: auto;
}
.updates-edit__buttons .publication.targets span > span:last-of-type.cancel {
  color: #fc5447;
}
.updates-edit__buttons .publication.targets .custom {
  width: 100%;
  margin: 16px 0;
}
.updates-edit__buttons .publication.targets .form-group.has-error label {
  color: #212121;
}
.updates-edit__buttons .publication.targets .errors {
  font-size: 14px;
}
.updates-edit__buttons .publication.targets .list {
  padding-left: 32px;
  margin-top: 8px;
  width: 100%;
}
.updates-edit__buttons .publication.targets .list span {
  font-size: 14px;
  display: block;
  width: 100%;
}
.updates-edit__buttons .publication.targets .checkbox {
  padding-left: 32px;
}
.updates-edit__buttons .publication.targets .checkbox label {
  font-size: 14px;
  line-height: 14px;
}
.updates-edit__buttons .publication.targets .checkbox label:before {
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 640px) {
  .updates-view .statistics .stat {
    flex-basis: calc(50% - 2.4rem);
  }
  .updates-view .statistics .stat__map {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 480px) {
  .updates-view .statistics .stat,
  .updates-view .statistics .chart {
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .updates-edit h1 {
    font-size: 26px;
    text-align: center;
  }
  .updates-edit__categories .targets .target > div .checkbox {
    width: 100%;
  }
  .updates-edit__buttons {
    position: relative;
    flex-direction: column;
    padding-top: 0;
    box-shadow: none;
    text-align: center;
    border: 0;
    background: none;
  }
  .updates-edit__buttons .publication.targets .target {
    max-height: 100%;
    overflow-y: hidden;
  }
  .updates-edit__buttons > .button {
    margin: 16px 0 0 0;
    width: 100%;
  }
  .updates-edit__buttons > a {
    display: block;
    margin: 0;
  }
  .updates > div > p {
    margin-top: 0.8rem;
    text-align: center;
  }
  .updates__list {
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
}
.update-poll {
  padding: 0;
  list-style: none;
  margin: 0;
}
.update-poll__choice {
  display: inline-flex;
  width: 100%;
  vertical-align: middle;
  border-radius: 6px;
  margin-bottom: 8px;
  position: relative;
  border: 1px solid #e9e9e9;
}
.update-poll__choice__image {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  margin: 8px;
}
.update-poll__choice__image.withImage {
  border: none;
}
.update-poll__choice__image:hover .update-poll__choice__image__tag {
  display: flex;
}
.update-poll__choice__image__tag {
  height: 100%;
  align-items: center;
  justify-content: center;
}
.update-poll__choice__image__tag,
.update-poll__choice__image__tag svg {
  height: 24px;
  width: 24px;
  fill: #e9e9e9;
}
.update-poll__choice__image__input {
  width: 100%;
  height: 100%;
}
.update-poll__choice__image__input label {
  box-shadow: none;
  background: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.update-poll__choice__image__input img {
  display: block;
  margin: 0;
}
.update-poll__choice__text {
  margin: 0;
  height: 96px;
  border: none;
  border-radius: 6px;
}
.update-poll__choice__text-holder {
  width: 100%;
}
.update-poll__choice__text-holder .form-group {
  margin: 0 !important;
}
.update-poll__choice__remove {
  position: absolute;
  right: 8px;
  bottom: 8px;
  cursor: pointer;
}
.update-poll__choice__remove span {
  color: #fc5447;
  font-size: 14px;
}
.update-poll__choice__remove[hidden] {
  display: none;
}
.update-poll__choice__count {
  position: absolute;
  right: 8px;
  top: 8px;
  color: #999999;
  font-size: 1.25rem;
}
.update-poll__choice__count-wrapper {
  position: relative;
}
.update-poll .inline-svg__item {
  height: 100%;
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
}
.projects.detail,
.customer {
  overflow: hidden;
}
.projects.detail .projects-settings .container,
.customer .projects-settings .container {
  padding: 0;
}
.projects.detail .nav-concept,
.customer .nav-concept {
  position: fixed;
  z-index: 202;
  top: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  background: #fff;
  border-bottom: 1px solid #eeeeee;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.projects.detail .nav-concept__left,
.customer .nav-concept__left {
  display: flex;
  flex-direction: column;
}
.projects.detail .nav-concept__right,
.customer .nav-concept__right {
  display: flex;
  flex-direction: row;
  margin-left: auto;
}
.projects.detail .projects-detail__tabs,
.customer .projects-detail__tabs {
  margin: 16px 0;
}
.projects.detail .projects-detail__publication-guide,
.customer .projects-detail__publication-guide {
  display: block;
  margin-bottom: 2.4rem;
}
.projects.detail .projects-detail .bouwapp-box__self,
.customer .projects-detail .bouwapp-box__self {
  width: 100%;
}
.projects.detail .projects-detail .bouwapp-box__footer,
.customer .projects-detail .bouwapp-box__footer {
  padding: 16px;
  margin: 0;
}
.projects.detail .projects-detail .bouwapp-box__footer button,
.customer .projects-detail .bouwapp-box__footer button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.projects.detail .projects-detail .bouwapp-box__footer button.has-inline-spinner::before,
.customer .projects-detail .bouwapp-box__footer button.has-inline-spinner::before {
  background-repeat: no-repeat;
}
.projects.detail .projects-detail .bouwapp-box__footer > button.has-inline-spinner::before,
.customer .projects-detail .bouwapp-box__footer > button.has-inline-spinner::before {
  height: 10px;
}
.projects.detail .projects-detail .bouwapp-box .title,
.customer .projects-detail .bouwapp-box .title {
  display: block;
  margin: 2px 0 20px 0;
  color: #212121;
  font-weight: bold;
}
.projects.detail .projects-detail .bouwapp-box .subscription-warning,
.customer .projects-detail .bouwapp-box .subscription-warning {
  display: flex;
  font-size: 14px;
  background: rgb(from var(--alert-danger) r g b/7%);
  border-radius: 4px;
  padding: 0.5em;
  margin-top: 1em;
  gap: 0.5em;
  line-height: 1.2;
  color: var(--alert-danger);
}
.projects.detail .projects-detail .bouwapp-box .subscription-warning a,
.customer .projects-detail .bouwapp-box .subscription-warning a {
  color: var(--alert-danger);
}
.projects.detail .projects-detail .bouwapp-box .subscription-warning span svg,
.customer .projects-detail .bouwapp-box .subscription-warning span svg {
  width: 1.5em;
  height: 1.5em;
}
.projects.detail .projects-detail .bouwapp-box .subscription-warning span svg path,
.customer .projects-detail .bouwapp-box .subscription-warning span svg path {
  fill: var(--alert-danger);
}
.projects.detail .projects-detail__dates,
.customer .projects-detail__dates {
  display: flex;
}
.projects.detail .projects-detail .targets > p,
.customer .projects-detail .targets > p {
  padding: 0;
}
.projects.detail .projects-detail .standalone-planning app-detail-general-planning,
.customer .projects-detail .standalone-planning app-detail-general-planning {
  width: 100%;
}
@media screen and (min-width: 767px) {
  .projects.detail .projects-detail .standalone-planning .form-split,
  .customer .projects-detail .standalone-planning .form-split {
    display: flex;
    gap: 2.4rem;
  }
  .projects.detail .projects-detail .standalone-planning .form-split > div,
  .customer .projects-detail .standalone-planning .form-split > div {
    flex-grow: 1;
  }
}
.projects.detail .projects-detail .period__wrapper,
.customer .projects-detail .period__wrapper {
  display: flex;
  justify-content: space-around;
}
.projects.detail .cover,
.customer .cover {
  min-width: 256px;
}
.projects.detail .cover .project-coverImage,
.customer .cover .project-coverImage {
  aspect-ratio: 8/3;
  min-height: 144px;
  max-width: 100%;
}
.projects.detail .project-logo,
.customer .project-logo {
  height: 144px;
  width: 144px;
}
@media screen and (max-width: 767px) {
  .projects.detail .nav-concept,
  .customer .nav-concept {
    flex-direction: column;
  }
  .projects.detail .nav-concept__right,
  .customer .nav-concept__right {
    margin-left: unset;
  }
}
.projects.detail .gu-mirror,
.customer .gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  display: block;
  opacity: 0.8;
  cursor: grabbing;
}
.projects.detail .gu-mirror.document,
.customer .gu-mirror.document {
  display: flex;
  border: 1px solid #e9e9e9;
  padding: 4px;
  border-radius: 6px;
  flex-direction: row;
  cursor: grabbing;
}
.projects.detail .gu-mirror.document > div,
.customer .gu-mirror.document > div {
  display: flex;
  flex-direction: column;
}
.projects.detail .gu-mirror.document > div p,
.customer .gu-mirror.document > div p {
  font-size: 16px;
  font-weight: bold;
  color: #212121;
}
.projects.detail .gu-mirror.document > .draggable-child,
.customer .gu-mirror.document > .draggable-child {
  display: inline-block;
  width: 48px;
  min-width: 48px;
  height: 40px;
  background: #fff;
  text-align: center;
  padding-top: 15px;
  margin: 4px 0 0 auto;
  cursor: grabbing;
}
.projects.detail .gu-mirror.document > .draggable-child svg,
.customer .gu-mirror.document > .draggable-child svg {
  width: 10px;
  height: 16px;
}
.projects.detail .gu-mirror.document > .document__image,
.customer .gu-mirror.document > .document__image {
  width: 56px;
  min-width: 56px;
  height: 56px;
  border-radius: 3px;
  border: 1px solid #e9e9e9;
  margin-right: 16px;
  background-color: rgba(163, 163, 163, 0.5);
}
.projects.detail .gu-mirror div[role=project_user],
.projects.detail .gu-mirror div.manage,
.customer .gu-mirror div[role=project_user],
.customer .gu-mirror div.manage {
  display: none;
}
.projects.detail .gu-hide,
.customer .gu-hide {
  left: -9999px !important;
}
.projects.detail .gu-unselectable,
.customer .gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.projects.detail .gu-transit,
.customer .gu-transit {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
.projects.detail .project-category,
.customer .project-category {
  display: flex;
  flex-direction: row;
}
.projects.detail .project-category app-form-group,
.customer .project-category app-form-group {
  margin-bottom: 1.6rem;
}
.projects.detail .project-category .bouwapp-editor__editor .bouwapp-editor__content,
.customer .project-category .bouwapp-editor__editor .bouwapp-editor__content {
  min-height: 120px;
}
.projects.detail .project-category__manage,
.customer .project-category__manage {
  width: 5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.projects.detail .project-category__manage > span:first-child,
.customer .project-category__manage > span:first-child {
  background: #e9e9e9;
  width: fit-content;
  padding: 1rem;
  cursor: grab;
  padding-left: 0.8rem;
  margin-top: 0.8rem;
  border-radius: 0 0.8rem 0.8rem 0;
}
.projects.detail .project-category__manage > span:first-child svg,
.customer .project-category__manage > span:first-child svg {
  display: block;
  width: 15px;
  height: 24px;
}
.projects.detail .project-category__manage > span:first-child svg path,
.customer .project-category__manage > span:first-child svg path {
  fill: #cdcdcd;
}
.projects.detail .project-category__manage > span:last-child,
.customer .project-category__manage > span:last-child {
  margin-left: 1.2rem;
  margin-bottom: 0.8rem;
  cursor: pointer;
}
.projects.detail .project-category__manage > span:last-child svg,
.customer .project-category__manage > span:last-child svg {
  display: block;
}
.projects.detail .project-category__overlay,
.customer .project-category__overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  position: absolute;
  opacity: 0;
  transition: 250ms opacity ease;
  z-index: 99;
  border-radius: 6px;
  pointer-events: none;
  border: 5px dashed var(--primary);
}
.projects.detail .project-category__overlay.file,
.customer .project-category__overlay.file {
  opacity: 1;
}
.projects.detail .project-category__default,
.customer .project-category__default {
  width: 95%;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #e9e9e9;
  border-radius: 0.8rem;
  padding: 2.4rem;
  position: relative;
}
.projects.detail .project-category__default .index,
.customer .project-category__default .index {
  width: 2.4rem;
  height: 2.4rem;
  background-color: #212121;
  border-radius: 50%;
  position: absolute;
  left: -0.8rem;
  top: -0.8rem;
}
.projects.detail .project-category__default .index span,
.customer .project-category__default .index span {
  text-align: center;
  color: #fff;
  line-height: 2.4rem;
  display: block;
}
.projects.detail .project-category__default span.draggable-parent,
.customer .project-category__default span.draggable-parent {
  display: inline-block;
  width: 48px;
  min-width: 48px;
  height: 40px;
  background: #fff;
  text-align: center;
  padding-top: 15px;
  margin-right: 8px;
  cursor: grab;
}
.projects.detail .project-category__default span.draggable-parent svg,
.customer .project-category__default span.draggable-parent svg {
  width: 10px;
  height: 16px;
}
.projects.detail .project-category__default > div.group,
.customer .project-category__default > div.group {
  width: calc(100% - 176px);
  min-width: calc(100% - 176px);
}
.projects.detail .project-category__default > div.group p,
.customer .project-category__default > div.group p {
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  color: #212121;
  margin: 0;
}
.projects.detail .project-category__default > div.group a,
.customer .project-category__default > div.group a {
  font-weight: normal;
}
.projects.detail .project-category__default > div.group > div,
.customer .project-category__default > div.group > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.projects.detail .project-category__default > div.group > div span,
.customer .project-category__default > div.group > div span {
  color: #a3a3a3;
  margin-right: 12px;
}
.projects.detail .project-category__default > div.group > div span:after,
.customer .project-category__default > div.group > div span:after {
  content: "";
  position: relative;
  top: -3px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a3a3a3;
  margin-left: 8px;
}
.projects.detail .project-category__documents,
.customer .project-category__documents {
  -webkit-user-select: none;
  user-select: none;
}
.projects.detail .project-category__documents > p,
.customer .project-category__documents > p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 4px;
  color: #212121;
}
.projects.detail .project-category__documents > ul,
.customer .project-category__documents > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.projects.detail .project-category__documents > ul .document,
.customer .project-category__documents > ul .document {
  width: calc(50% - 8px);
  min-width: calc(50% - 8px);
  padding: 4px;
  display: flex;
  flex-direction: row;
  transition: 260ms ease;
}
.projects.detail .project-category__documents > ul .document span.draggable-child,
.customer .project-category__documents > ul .document span.draggable-child {
  display: inline-block;
  width: 48px;
  min-width: 48px;
  height: 40px;
  background: #fff;
  text-align: center;
  padding-top: 15px;
  margin: 4px 0 0 auto;
  cursor: grab;
}
.projects.detail .project-category__documents > ul .document span.draggable-child svg,
.customer .project-category__documents > ul .document span.draggable-child svg {
  width: 15px;
  height: 24px;
}
.projects.detail .project-category__documents > ul .document span.draggable-child svg path,
.customer .project-category__documents > ul .document span.draggable-child svg path {
  fill: #cdcdcd;
}
.projects.detail .project-category__documents > ul .document__image,
.customer .project-category__documents > ul .document__image {
  width: 56px;
  min-width: 56px;
  height: 56px;
  border-radius: 3px;
  border: 1px solid #e9e9e9;
  margin-right: 16px;
  background-color: rgba(233, 233, 233, 0.5);
  position: relative;
  align-items: center;
  justify-content: center;
}
.projects.detail .project-category__documents > ul .document__image > img,
.customer .project-category__documents > ul .document__image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}
.projects.detail .project-category__documents > ul .document__image > span,
.customer .project-category__documents > ul .document__image > span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  height: 26px;
}
.projects.detail .project-category__documents > ul .document__image > span > svg,
.customer .project-category__documents > ul .document__image > span > svg {
  width: 26px;
  height: 26px;
}
.projects.detail .project-category__documents > ul .document__image > .spinner,
.projects.detail .project-category__documents > ul .document__image > .has-inline-spinner::before,
.customer .project-category__documents > ul .document__image > .spinner,
.customer .project-category__documents > ul .document__image > .has-inline-spinner::before {
  width: 20px;
  height: 20px;
  background-size: contain;
  margin: 0;
}
.projects.detail .project-category__documents > ul .document__image > video,
.customer .project-category__documents > ul .document__image > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.projects.detail .project-category__documents > ul .document__buttons,
.customer .project-category__documents > ul .document__buttons {
  font-size: 1.2rem;
  font-weight: 500;
  transition: 260ms ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.projects.detail .project-category__documents > ul .document__buttons__delete,
.customer .project-category__documents > ul .document__buttons__delete {
  cursor: pointer;
  color: #fc5447;
  margin-right: 5px;
}
.projects.detail .project-category__documents > ul .document__buttons__delete:hover,
.customer .project-category__documents > ul .document__buttons__delete:hover {
  text-decoration: underline;
}
.projects.detail .project-category__documents > ul .document > div,
.customer .project-category__documents > ul .document > div {
  display: flex;
  flex-direction: row;
  border: 1px solid #e9e9e9;
  border-radius: 0.8rem;
  width: 100%;
}
.projects.detail .project-category__documents > ul .document > div p,
.customer .project-category__documents > ul .document > div p {
  font-size: 1.4rem;
  font-weight: 500;
  color: #212121;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .projects.detail .project-category__default > div.group > div,
  .customer .project-category__default > div.group > div {
    flex-direction: column;
    align-items: flex-start;
  }
  .projects.detail .project-category__default > div.group > div span,
  .customer .project-category__default > div.group > div span {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .projects.detail .project-category__default > div.group > div span:after,
  .customer .project-category__default > div.group > div span:after {
    display: none;
  }
  .projects.detail .project-category__default > div.group > div a,
  .customer .project-category__default > div.group > div a {
    font-size: 14px;
  }
  .projects.detail .project-category__documents,
  .customer .project-category__documents {
    margin-top: 16px;
  }
  .projects.detail .project-category__documents > ul,
  .customer .project-category__documents > ul {
    flex-direction: column;
  }
  .projects.detail .project-category__documents > ul .document,
  .customer .project-category__documents > ul .document {
    width: 100%;
    min-width: 100%;
  }
}
.projects.detail .section-controls,
.customer .section-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.6rem;
  margin-top: 1.2rem;
}
.projects.detail .section-controls button,
.customer .section-controls button {
  margin: 0;
}
.projects.detail .section-controls .default-sections,
.customer .section-controls .default-sections {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.projects.detail .project-child,
.customer .project-child {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  margin-bottom: 0.8rem;
}
.projects.detail .project-child:last-child,
.customer .project-child:last-child {
  margin-bottom: 0;
}
.projects.detail .project-child__icon,
.customer .project-child__icon {
  position: relative;
  width: 48px;
  min-width: 48px;
  height: 48px;
  background-color: #e9e9e9;
  margin: 0.4rem;
  border-radius: 0.8rem;
  margin-right: 1.6rem;
}
.projects.detail .project-child__icon svg,
.customer .project-child__icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
}
.projects.detail .project-child__content,
.customer .project-child__content {
  display: flex;
  flex-direction: row;
  width: calc(100% - 48px);
  min-width: calc(100% - 48px);
}
.projects.detail .project-child__content p,
.customer .project-child__content p {
  font-size: 16px;
  font-weight: bold;
  color: #212121;
  margin: 0;
  word-break: break-word;
  cursor: pointer;
  display: inline-block;
}
.projects.detail .project-child__content p span,
.customer .project-child__content p span {
  font-weight: 500;
  color: #f5b049;
}
.projects.detail .project-child__content p:hover,
.customer .project-child__content p:hover {
  text-decoration: underline;
}
.projects.detail .project-child__content > div span,
.customer .project-child__content > div span {
  color: #a3a3a3;
  font-size: 16px;
  font-weight: normal;
}
.projects.detail .project-child__content > div span:first-child,
.customer .project-child__content > div span:first-child {
  margin-right: 8px;
}
.projects.detail .project-child__content > div span:first-child:after,
.customer .project-child__content > div span:first-child:after {
  content: "";
  position: relative;
  top: -3px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a3a3a3;
  margin-left: 8px;
}
.projects.detail .project-child > div:first-child,
.customer .project-child > div:first-child {
  width: calc(100% - 100px);
  min-width: calc(100% - 100px);
  display: flex;
  border: 1px solid #e9e9e9;
  border-radius: 0.8rem;
}
.projects.detail .project-child > div:last-child,
.customer .project-child > div:last-child {
  width: 100px;
  min-width: 100px;
  margin-left: 1.6rem;
}
.projects.detail .project-child > div:last-child span,
.customer .project-child > div:last-child span {
  cursor: pointer;
}
.projects.detail .project-child__empty > p,
.customer .project-child__empty > p {
  font-size: 16px;
  font-weight: normal;
  color: #a3a3a3;
  margin: 0 0 16px 0;
}
.projects.detail .project-child__empty > p strong,
.customer .project-child__empty > p strong {
  color: rgba(33, 33, 33, 0.8);
}
.projects.detail .project-child__empty > .button,
.customer .project-child__empty > .button {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .projects.detail .project-child__content,
  .customer .project-child__content {
    flex-direction: column;
  }
  .projects.detail .project-child__content > div:first-child,
  .customer .project-child__content > div:first-child {
    width: 100%;
    min-width: 100%;
  }
  .projects.detail .project-child__content > div:first-child p,
  .customer .project-child__content > div:first-child p {
    line-height: 24px;
  }
  .projects.detail .project-child__content > div:first-child div,
  .customer .project-child__content > div:first-child div {
    flex-direction: column;
    align-items: flex-start;
  }
  .projects.detail .project-child__content > div:first-child div span:first-child,
  .customer .project-child__content > div:first-child div span:first-child {
    margin: 0;
  }
  .projects.detail .project-child__content > div:first-child div span:first-child:after,
  .customer .project-child__content > div:first-child div span:first-child:after {
    display: none;
  }
  .projects.detail .project-child__content > div:last-child,
  .customer .project-child__content > div:last-child {
    width: 100%;
    min-width: 100%;
  }
}
.projects.detail .select,
.customer .select {
  width: 100%;
  border-radius: 6px;
  border: 1px solid #e9e9e9;
  box-shadow: none;
  margin: 0;
  transition: 260ms ease;
}
.projects.detail .select--m,
.customer .select--m {
  height: 50px;
  font-size: 16px;
  line-height: 26px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.projects.detail .form-date > p,
.customer .form-date > p {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  margin: 8px 0;
}
.projects.detail .form-date__notice,
.customer .form-date__notice {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #fc5447;
  margin-top: 16px;
}
.projects.detail .form-date__notice.combi,
.customer .form-date__notice.combi {
  margin: 0 0 24px 0;
}
.projects.detail .form-date select,
.customer .form-date select {
  border-radius: 6px;
  border: 1px solid #e9e9e9;
  box-shadow: none;
  margin: 0 0 4px 0;
  height: 50px;
  font-size: 16px;
  line-height: 26px;
  padding: 12px 16px;
  transition: 260ms ease;
  margin-right: 6px;
}
.projects.detail .form-date .date-picker .date-picker-choose .date-picker-item,
.customer .form-date .date-picker .date-picker-choose .date-picker-item {
  padding: 12px 0;
  border-radius: 6px;
}
.projects.detail .form-date .date-picker .date-picker-time-input,
.customer .form-date .date-picker .date-picker-time-input {
  max-width: 120px;
  margin: 0;
}
.projects.detail .form-date .date-picker .date-picker-time-input input,
.customer .form-date .date-picker .date-picker-time-input input {
  border-radius: 6px;
  border: 1px solid #e9e9e9;
  box-shadow: none;
  height: 50px;
  font-size: 16px;
  line-height: 26px;
}
@media screen and (max-width: 767px) {
  .projects.detail .form-date .date-picker .date-picker-quick-select,
  .customer .form-date .date-picker .date-picker-quick-select {
    display: flex;
    flex-direction: column;
  }
  .projects.detail .form-date .date-picker .date-picker-time-input,
  .customer .form-date .date-picker .date-picker-time-input {
    max-width: 100%;
  }
  .projects.detail .form-date .date-picker:not(.date-picker-with-time) .date-picker-quick-select .date-picker-month,
  .customer .form-date .date-picker:not(.date-picker-with-time) .date-picker-quick-select .date-picker-month {
    margin: 4px 0 8px 0;
  }
}
.projects.detail .satisfaction-monitor .alert.on-screen,
.customer .satisfaction-monitor .alert.on-screen {
  top: 20px;
  bottom: auto;
}
.projects.detail .satisfaction-monitor .row,
.customer .satisfaction-monitor .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.projects.detail .satisfaction-monitor__list .modal-content,
.customer .satisfaction-monitor__list .modal-content {
  max-width: unset;
  width: unset;
}
.projects.detail .satisfaction-monitor__list .modal-content .modal-header .modal-title,
.customer .satisfaction-monitor__list .modal-content .modal-header .modal-title {
  padding-right: 40px;
}
.projects.detail .satisfaction-monitor .heading,
.customer .satisfaction-monitor .heading {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.projects.detail .satisfaction-monitor .heading > h2,
.customer .satisfaction-monitor .heading > h2 {
  margin: 0;
}
.projects.detail .satisfaction-monitor .heading > div,
.customer .satisfaction-monitor .heading > div {
  margin-left: auto;
}
.projects.detail .satisfaction-monitor .charts,
.customer .satisfaction-monitor .charts {
  background-color: #fff;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 40px;
}
.projects.detail .satisfaction-monitor .chart > h4,
.customer .satisfaction-monitor .chart > h4 {
  margin: 0 0 50px 0;
}
.projects.detail .satisfaction-monitor .chart canvas,
.customer .satisfaction-monitor .chart canvas {
  margin: auto;
}
.projects.detail .satisfaction-monitor .chart .checkboxes,
.customer .satisfaction-monitor .chart .checkboxes {
  display: flex;
  align-items: center;
  justify-content: center;
}
.projects.detail .satisfaction-monitor .chart .checkboxes .checkbox,
.customer .satisfaction-monitor .chart .checkboxes .checkbox {
  margin: 20px;
}
.projects.detail .satisfaction-monitor .period,
.customer .satisfaction-monitor .period {
  margin-bottom: 24px;
}
.projects.detail .satisfaction-monitor .period .option,
.customer .satisfaction-monitor .period .option {
  margin-top: 48px;
}
.projects.detail .satisfaction-monitor .period .manual,
.customer .satisfaction-monitor .period .manual {
  font-size: 20px;
  font-weight: 600;
  color: #a3a3a3;
  margin-top: 24px;
}
.projects.detail .satisfaction-monitor .period .switch .switch-option.active,
.projects.detail .satisfaction-monitor .period .switch .switch-option:hover,
.customer .satisfaction-monitor .period .switch .switch-option.active,
.customer .satisfaction-monitor .period .switch .switch-option:hover {
  background: #212121;
  color: #fff;
}
.projects.detail .satisfaction-monitor .period .switch .switch-option:last-child.active,
.customer .satisfaction-monitor .period .switch .switch-option:last-child.active {
  cursor: pointer;
}
.projects.detail .satisfaction-monitor .settings,
.customer .satisfaction-monitor .settings {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.5rem;
}
.projects.detail .satisfaction-monitor .push-notification,
.customer .satisfaction-monitor .push-notification {
  margin-top: 48px;
}
.projects.detail .satisfaction-monitor .push-notification .push,
.customer .satisfaction-monitor .push-notification .push {
  margin-top: 16px;
}
.projects.detail .satisfaction-monitor .push-notification .push .disabled,
.customer .satisfaction-monitor .push-notification .push .disabled {
  display: block;
  margin-top: 24px;
  color: rgba(33, 33, 33, 0.4);
}
.projects.detail .satisfaction-monitor .push-notification .push .disabled[hidden],
.customer .satisfaction-monitor .push-notification .push .disabled[hidden] {
  display: none;
}
.projects.detail .satisfaction-monitor__modal__button,
.customer .satisfaction-monitor__modal__button {
  margin-left: auto;
}
.projects.detail .satisfaction-monitor__modal__button.disabled:hover,
.customer .satisfaction-monitor__modal__button.disabled:hover {
  cursor: not-allowed;
}
.projects.detail .satisfaction-monitor .targets,
.customer .satisfaction-monitor .targets {
  margin: 2rem;
}
.projects.detail .satisfaction-monitor .targets .target > div,
.customer .satisfaction-monitor .targets .target > div {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(5, auto);
  gap: 5px;
}
.projects.detail .satisfaction-monitor .targets.not-selected,
.customer .satisfaction-monitor .targets.not-selected {
  display: none;
}
@media screen and (max-width: 1023px) {
  .projects.detail .satisfaction-monitor__list,
  .customer .satisfaction-monitor__list {
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .projects.detail .satisfaction-monitor .heading,
  .customer .satisfaction-monitor .heading {
    flex-direction: column;
  }
  .projects.detail .satisfaction-monitor .heading > div,
  .customer .satisfaction-monitor .heading > div {
    margin: 16px 0 0 0;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .projects.detail .satisfaction-monitor .heading > div > button,
  .customer .satisfaction-monitor .heading > div > button {
    width: 100%;
    font-size: 16px;
    padding: 8px 24px;
    margin: 0 0 12px 0;
  }
  .projects.detail .satisfaction-monitor .heading > div > button:last-child,
  .customer .satisfaction-monitor .heading > div > button:last-child {
    margin-bottom: 0;
  }
  .projects.detail .satisfaction-monitor .period .manual,
  .customer .satisfaction-monitor .period .manual {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 24px;
    font-size: 16px;
  }
  .projects.detail .satisfaction-monitor .period .manual > span,
  .customer .satisfaction-monitor .period .manual > span {
    width: 40px;
  }
  .projects.detail .satisfaction-monitor .period .manual > .ng-valid,
  .customer .satisfaction-monitor .period .manual > .ng-valid {
    width: calc(100% - 40px);
  }
  .projects.detail .satisfaction-monitor .settings,
  .customer .satisfaction-monitor .settings {
    width: 100%;
  }
  .projects.detail .satisfaction-monitor .settings > .ng-valid,
  .customer .satisfaction-monitor .settings > .ng-valid {
    width: 100%;
  }
}
.projects.detail .configure-satisfaction-monitor .alert,
.customer .configure-satisfaction-monitor .alert {
  border: 0;
  border-radius: 12px;
  background-color: #e9e9e9;
}
.projects.detail .configure-satisfaction-monitor .alert.alert-info:before,
.customer .configure-satisfaction-monitor .alert.alert-info:before {
  background-image: url(/assets/img/icons/alert.svg);
  top: auto;
  height: 50%;
  background-position: center;
}
.projects.detail .configure-satisfaction-monitor .themes,
.customer .configure-satisfaction-monitor .themes {
  margin-top: 32px;
  background-color: #fff;
  padding: 2rem;
  border-radius: 1.2rem;
}
.projects.detail .configure-satisfaction-monitor .themes > h4,
.customer .configure-satisfaction-monitor .themes > h4 {
  padding: 0 2rem 2rem 2rem;
  margin: 0 -2rem;
  border-bottom: 1px solid #e9e9e9;
}
.projects.detail .configure-satisfaction-monitor .themes > p,
.customer .configure-satisfaction-monitor .themes > p {
  margin-top: 2rem;
}
.projects.detail .configure-satisfaction-monitor .themes .survey-notice,
.customer .configure-satisfaction-monitor .themes .survey-notice {
  background-color: #fef7ec;
  padding: 5px 10px;
  font-size: 90%;
  color: #000;
  border-radius: 5px;
}
.projects.detail .configure-satisfaction-monitor .themes .search,
.customer .configure-satisfaction-monitor .themes .search {
  margin-top: 10px;
}
.projects.detail .configure-satisfaction-monitor .themes .items,
.customer .configure-satisfaction-monitor .themes .items {
  margin: 8px 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.projects.detail .configure-satisfaction-monitor .themes .items.empty,
.customer .configure-satisfaction-monitor .themes .items.empty {
  justify-content: center;
}
.projects.detail .configure-satisfaction-monitor .themes .items > p,
.customer .configure-satisfaction-monitor .themes .items > p {
  margin: 4rem;
}
.projects.detail .configure-satisfaction-monitor .themes .items .item,
.customer .configure-satisfaction-monitor .themes .items .item {
  margin: 8px;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 6px;
  line-height: 24px;
  padding: 12px 24px;
}
.projects.detail .configure-satisfaction-monitor .themes .items .item .title,
.projects.detail .configure-satisfaction-monitor .themes .items .item .history,
.customer .configure-satisfaction-monitor .themes .items .item .title,
.customer .configure-satisfaction-monitor .themes .items .item .history {
  width: 100%;
  text-align: center;
  display: block;
}
.projects.detail .configure-satisfaction-monitor .themes .items .item .text,
.customer .configure-satisfaction-monitor .themes .items .item .text {
  flex: 1;
}
.projects.detail .configure-satisfaction-monitor .themes .items .item .title,
.customer .configure-satisfaction-monitor .themes .items .item .title {
  font-size: 16px;
  font-weight: 500;
}
.projects.detail .configure-satisfaction-monitor .themes .items .item[disabled],
.customer .configure-satisfaction-monitor .themes .items .item[disabled] {
  pointer-events: none;
}
.projects.detail .configure-satisfaction-monitor .themes .items .item .history,
.customer .configure-satisfaction-monitor .themes .items .item .history {
  font-size: 14px;
  font-weight: 500;
}
.projects.detail .configure-satisfaction-monitor .themes .items .item.active,
.customer .configure-satisfaction-monitor .themes .items .item.active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.projects.detail .configure-satisfaction-monitor .themes .items .item.required,
.customer .configure-satisfaction-monitor .themes .items .item.required {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .projects.detail .configure-satisfaction-monitor .themes .items,
  .customer .configure-satisfaction-monitor .themes .items {
    margin: 12px 0;
    margin: 0 -4px;
  }
  .projects.detail .configure-satisfaction-monitor .themes .items .item,
  .customer .configure-satisfaction-monitor .themes .items .item {
    padding: 16px;
    width: 50%;
    margin: 4px;
    height: auto;
  }
}
.projects.detail .projects-settings .projects__toolbar select,
.customer .projects-settings .projects__toolbar select {
  width: 100%;
  max-width: 100%;
}
.projects.detail .projects-settings__users,
.customer .projects-settings__users {
  display: flex;
}
.projects.detail .projects-settings__users__wrapper > p,
.customer .projects-settings__users__wrapper > p {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  margin-bottom: 0.8rem;
}
.projects.detail .projects-settings__users__wrapper__content,
.customer .projects-settings__users__wrapper__content {
  border: 1px solid #e9e9e9;
  border-radius: 1.2rem;
  overflow: hidden;
}
.projects.detail .projects-settings__users__wrapper__content .head,
.projects.detail .projects-settings__users__wrapper__content .body,
.customer .projects-settings__users__wrapper__content .head,
.customer .projects-settings__users__wrapper__content .body {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.projects.detail .projects-settings__users__wrapper__content .head > li,
.projects.detail .projects-settings__users__wrapper__content .body > li,
.customer .projects-settings__users__wrapper__content .head > li,
.customer .projects-settings__users__wrapper__content .body > li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.2rem 0.8rem;
}
.projects.detail .projects-settings__users__wrapper__content .head > li > span,
.projects.detail .projects-settings__users__wrapper__content .body > li > span,
.customer .projects-settings__users__wrapper__content .head > li > span,
.customer .projects-settings__users__wrapper__content .body > li > span {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  flex-grow: 1;
  padding: 0.4rem;
  width: 15%;
  min-width: 100px;
}
.projects.detail .projects-settings__users__wrapper__content .head > li > span:first-child,
.projects.detail .projects-settings__users__wrapper__content .body > li > span:first-child,
.customer .projects-settings__users__wrapper__content .head > li > span:first-child,
.customer .projects-settings__users__wrapper__content .body > li > span:first-child {
  min-width: 310px;
  align-items: center;
}
.projects.detail .projects-settings__users__wrapper__content .head > li > span:nth-child(2),
.projects.detail .projects-settings__users__wrapper__content .body > li > span:nth-child(2),
.customer .projects-settings__users__wrapper__content .head > li > span:nth-child(2),
.customer .projects-settings__users__wrapper__content .body > li > span:nth-child(2) {
  min-width: 120px;
}
.projects.detail .projects-settings__users__wrapper__content .head > li > span:nth-child(3),
.projects.detail .projects-settings__users__wrapper__content .body > li > span:nth-child(3),
.customer .projects-settings__users__wrapper__content .head > li > span:nth-child(3),
.customer .projects-settings__users__wrapper__content .body > li > span:nth-child(3) {
  min-width: 130px;
}
.projects.detail .projects-settings__users__wrapper__content .head > li > span:last-child,
.projects.detail .projects-settings__users__wrapper__content .body > li > span:last-child,
.customer .projects-settings__users__wrapper__content .head > li > span:last-child,
.customer .projects-settings__users__wrapper__content .body > li > span:last-child {
  max-width: 100px;
}
.projects.detail .projects-settings__users__wrapper__content .head li,
.customer .projects-settings__users__wrapper__content .head li {
  background-color: #f3f3f3;
}
.projects.detail .projects-settings__users__wrapper__content .head li span,
.customer .projects-settings__users__wrapper__content .head li span {
  font-weight: bold;
  font-size: 14px;
  color: #000;
}
.projects.detail .projects-settings__users__wrapper__content .body li,
.customer .projects-settings__users__wrapper__content .body li {
  background: #fff;
  transition: 260ms ease;
  font-weight: 300;
  font-size: 14px;
  color: #212121;
}
.projects.detail .projects-settings__users__wrapper__content .body li:not(:last-child),
.customer .projects-settings__users__wrapper__content .body li:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-profile > span,
.customer .projects-settings__users__wrapper__content .body li > span.user-profile > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
  align-items: center;
  max-width: calc(100% - 52px);
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-profile > span > span:not(:first-child),
.customer .projects-settings__users__wrapper__content .body li > span.user-profile > span > span:not(:first-child) {
  display: block;
  color: #a3a3a3;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-profile > span > span:not(:first-child):hover,
.customer .projects-settings__users__wrapper__content .body li > span.user-profile > span > span:not(:first-child):hover {
  word-break: break-all;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-profile > span:first-child,
.customer .projects-settings__users__wrapper__content .body li > span.user-profile > span:first-child {
  margin-right: 8px;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-role,
.customer .projects-settings__users__wrapper__content .body li > span.user-role {
  flex-direction: column;
  gap: 12px 0;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-role > span > span:first-child,
.customer .projects-settings__users__wrapper__content .body li > span.user-role > span > span:first-child {
  display: flex;
  gap: 4px;
  line-height: 16px;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-role > span > span:first-child span:last-child,
.customer .projects-settings__users__wrapper__content .body li > span.user-role > span > span:first-child span:last-child {
  width: 100px;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-role > span > span:first-child span:has(svg),
.customer .projects-settings__users__wrapper__content .body li > span.user-role > span > span:first-child span:has(svg) {
  width: 16px;
  height: 16px;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-role > span > span:first-child span:has(svg) svg,
.customer .projects-settings__users__wrapper__content .body li > span.user-role > span > span:first-child span:has(svg) svg {
  display: block;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-role > span > span.number,
.customer .projects-settings__users__wrapper__content .body li > span.user-role > span > span.number {
  font-weight: normal;
  color: #000;
  padding-left: 20px;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-role .account_admin svg path,
.customer .projects-settings__users__wrapper__content .body li > span.user-role .account_admin svg path {
  fill: #f5b049;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-role .project_admin svg path,
.customer .projects-settings__users__wrapper__content .body li > span.user-role .project_admin svg path {
  fill: #50c878;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-role .project_user svg path,
.customer .projects-settings__users__wrapper__content .body li > span.user-role .project_user svg path {
  fill: #0057bf;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.user-role .project_reader svg path,
.customer .projects-settings__users__wrapper__content .body li > span.user-role .project_reader svg path {
  fill: #727272;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.last-event,
.customer .projects-settings__users__wrapper__content .body li > span.last-event {
  flex-direction: column;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.last-event > span > span,
.projects.detail .projects-settings__users__wrapper__content .body li > span.last-event > span:last-child,
.customer .projects-settings__users__wrapper__content .body li > span.last-event > span > span,
.customer .projects-settings__users__wrapper__content .body li > span.last-event > span:last-child {
  color: #a3a3a3;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.actions,
.customer .projects-settings__users__wrapper__content .body li > span.actions {
  justify-content: end;
  gap: 0.8rem;
  margin-left: auto;
}
.projects.detail .projects-settings__users__wrapper__content .body li > span.actions a:first-child,
.customer .projects-settings__users__wrapper__content .body li > span.actions a:first-child {
  font-weight: 300;
  color: #a3a3a3;
}
@media screen and (max-width: 1023px) {
  .projects.detail .projects-settings__users,
  .customer .projects-settings__users {
    flex-direction: column;
  }
  .projects.detail .projects-settings__users__wrapper,
  .customer .projects-settings__users__wrapper {
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
  .projects.detail .projects-settings__users__wrapper > p,
  .customer .projects-settings__users__wrapper > p {
    margin-top: 0.8rem;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .projects.detail .projects-settings__users__wrapper__content .head,
  .customer .projects-settings__users__wrapper__content .head {
    display: none;
  }
  .projects.detail .projects-settings__users__wrapper__content .body > li,
  .customer .projects-settings__users__wrapper__content .body > li {
    align-items: start;
    border-bottom: 1px solid #e9e9e9;
  }
  .projects.detail .projects-settings__users__wrapper__content .body > li > span,
  .customer .projects-settings__users__wrapper__content .body > li > span {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 8px 8px 0 8px;
  }
  .projects.detail .projects-settings__users__wrapper__content .body > li > span:not(:last-child):before,
  .customer .projects-settings__users__wrapper__content .body > li > span:not(:last-child):before {
    width: 100%;
    content: attr(aria-label);
    display: block;
    color: #a3a3a3;
  }
}
.projects.detail .targets__group,
.customer .targets__group {
  max-width: 800px;
}
.projects.detail .targets__group__edit,
.customer .targets__group__edit {
  color: #f5b049;
  margin-left: 5px;
  cursor: pointer;
}
.projects.detail .targets__group__top,
.customer .targets__group__top {
  margin-bottom: 24px;
}
.projects.detail .targets__group__top > p,
.customer .targets__group__top > p {
  font-size: 16px;
  font-weight: normal;
  color: #a3a3a3;
  margin: 0 0 16px 0;
}
.projects.detail .targets__group__top > button,
.customer .targets__group__top > button {
  margin-left: auto;
  margin-bottom: 20px;
  margin-top: -60px;
}
.projects.detail .targets__group > ul,
.customer .targets__group > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.projects.detail .targets__group > ul > li,
.customer .targets__group > ul > li {
  width: 100%;
  padding: 12px 16px 12px 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
  height: 5.6rem;
  margin: 0.8rem 0;
}
.projects.detail .targets__group > ul > li.empty,
.customer .targets__group > ul > li.empty {
  padding: 16px 16px 16px 24px;
}
.projects.detail .targets__group > ul > li span.draggable,
.customer .targets__group > ul > li span.draggable {
  display: inline-block;
  margin: 0 1.6rem;
  height: 48px;
  background: #fff;
  text-align: center;
  padding-top: 15px;
  cursor: grab;
}
.projects.detail .targets__group > ul > li span.draggable svg,
.customer .targets__group > ul > li span.draggable svg {
  width: 14px;
  height: 22px;
}
.projects.detail .targets__group > ul > li span.draggable svg path,
.customer .targets__group > ul > li span.draggable svg path {
  fill: #cdcdcd;
  transition: 260ms ease;
}
.projects.detail .targets__group > ul > li span.draggable:hover svg path,
.customer .targets__group > ul > li span.draggable:hover svg path {
  fill: #212121;
}
.projects.detail .targets__group > ul > li p,
.customer .targets__group > ul > li p {
  padding: 12px 16px 12px 24px;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #212121;
  width: 100%;
  margin: 0;
}
.projects.detail .targets__group > ul > li > div > div,
.customer .targets__group > ul > li > div > div {
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 10px;
  margin-left: 4px;
  cursor: pointer;
}
.projects.detail .targets__group > ul > li > div > div svg path,
.customer .targets__group > ul > li > div > div svg path {
  fill: #a3a3a3 !important;
  transition: 260ms ease;
}
.projects.detail .targets__group > ul > li > div > div.tile-edit:hover svg path,
.customer .targets__group > ul > li > div > div.tile-edit:hover svg path {
  fill: #3373ea !important;
}
.projects.detail .targets__group > ul > li > div > div.tile-delete svg path,
.customer .targets__group > ul > li > div > div.tile-delete svg path {
  fill: #fc5447 !important;
}
.projects.detail .targets__group > ul > li > div > div.tile-delete:hover svg path,
.customer .targets__group > ul > li > div > div.tile-delete:hover svg path {
  fill: #212121 !important;
}
.projects.detail .targets__group > ul > li.isCustom,
.customer .targets__group > ul > li.isCustom {
  padding: 0;
}
.projects.detail .targets__group > ul > li.isCustom > div,
.customer .targets__group > ul > li.isCustom > div {
  display: flex;
  flex-direction: row;
}
.projects.detail .targets__group > ul > li.isCustom.noDrag,
.customer .targets__group > ul > li.isCustom.noDrag {
  padding: 12px 16px 12px 24px;
}
.projects.detail .targets ~ .isCustom.gu-mirror,
.customer .targets ~ .isCustom.gu-mirror {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 16px 6px 6px;
  background: #fff;
  border: 1px solid #e9e9e9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  cursor: grabbing;
}
.projects.detail .targets ~ .isCustom.gu-mirror span.draggable,
.customer .targets ~ .isCustom.gu-mirror span.draggable {
  display: inline-block;
  min-width: 48px;
  height: 48px;
  background: #fff;
  text-align: center;
  padding-top: 15px;
  margin-right: 8px;
  cursor: grabbing;
}
.projects.detail .targets ~ .isCustom.gu-mirror span.draggable svg,
.customer .targets ~ .isCustom.gu-mirror span.draggable svg {
  width: 10px;
  height: 16px;
}
.projects.detail .targets ~ .isCustom.gu-mirror span.draggable svg path,
.customer .targets ~ .isCustom.gu-mirror span.draggable svg path {
  fill: #212121;
}
.projects.detail .targets ~ .isCustom.gu-mirror p,
.customer .targets ~ .isCustom.gu-mirror p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #a3a3a3;
}
@media screen and (max-width: 767px) {
  .projects.detail .targets__group__top > button,
  .customer .targets__group__top > button {
    margin-left: unset;
    margin-top: unset;
  }
}
.projects.detail app-default-projects-detail-dashboard section,
.customer app-default-projects-detail-dashboard section {
  margin-bottom: 2.4rem;
}
.projects.detail app-default-projects-detail-dashboard section h3,
.customer app-default-projects-detail-dashboard section h3 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #212121;
  margin: 0;
  margin-bottom: 1.6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.projects.detail app-default-projects-detail-dashboard section h3 span,
.customer app-default-projects-detail-dashboard section h3 span {
  display: inline-block;
  height: 1.6rem;
}
.projects.detail app-default-projects-detail-dashboard section h3 span svg,
.customer app-default-projects-detail-dashboard section h3 span svg {
  fill: var(--primary);
  cursor: pointer;
  display: block;
}
.projects.detail app-default-projects-detail-dashboard section h3 a,
.customer app-default-projects-detail-dashboard section h3 a {
  font-size: 1.4rem;
  margin-left: 0.4rem;
}
.projects.detail app-default-projects-detail-dashboard > div.split-sections,
.customer app-default-projects-detail-dashboard > div.split-sections {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 2.4rem;
  align-items: start;
}
.projects.detail app-default-projects-detail-dashboard > div.split-sections .loader,
.customer app-default-projects-detail-dashboard > div.split-sections .loader {
  text-align: center;
}
.projects.detail app-default-projects-detail-dashboard > div.split-sections > section,
.customer app-default-projects-detail-dashboard > div.split-sections > section {
  flex-basis: calc(50% - 1.2rem);
}
@media screen and (max-width: 767px) {
  .projects.detail app-default-projects-detail-dashboard > div.split-sections > section,
  .customer app-default-projects-detail-dashboard > div.split-sections > section {
    flex-basis: 100%;
  }
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket,
.projects.detail app-default-projects-detail-dashboard .communication .survey,
.customer app-default-projects-detail-dashboard .communication .ticket,
.customer app-default-projects-detail-dashboard .communication .survey {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 1.2rem;
  padding: 1.6rem;
  margin-bottom: 2.4rem;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket.empty,
.projects.detail app-default-projects-detail-dashboard .communication .survey.empty,
.customer app-default-projects-detail-dashboard .communication .ticket.empty,
.customer app-default-projects-detail-dashboard .communication .survey.empty {
  text-align: center;
  padding: 3.2rem;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket:not(:last-child),
.projects.detail app-default-projects-detail-dashboard .communication .survey:not(:last-child),
.customer app-default-projects-detail-dashboard .communication .ticket:not(:last-child),
.customer app-default-projects-detail-dashboard .communication .survey:not(:last-child) {
  margin-bottom: 0.8rem;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket > div,
.projects.detail app-default-projects-detail-dashboard .communication .survey > div,
.customer app-default-projects-detail-dashboard .communication .ticket > div,
.customer app-default-projects-detail-dashboard .communication .survey > div {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket > div:first-child,
.projects.detail app-default-projects-detail-dashboard .communication .survey > div:first-child,
.customer app-default-projects-detail-dashboard .communication .ticket > div:first-child,
.customer app-default-projects-detail-dashboard .communication .survey > div:first-child {
  margin-bottom: 0.4rem;
  align-items: center;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket > div:first-child > span:first-child,
.projects.detail app-default-projects-detail-dashboard .communication .survey > div:first-child > span:first-child,
.customer app-default-projects-detail-dashboard .communication .ticket > div:first-child > span:first-child,
.customer app-default-projects-detail-dashboard .communication .survey > div:first-child > span:first-child {
  font-weight: 600;
  color: #212121;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket > div:first-child > span:last-child,
.projects.detail app-default-projects-detail-dashboard .communication .survey > div:first-child > span:last-child,
.customer app-default-projects-detail-dashboard .communication .ticket > div:first-child > span:last-child,
.customer app-default-projects-detail-dashboard .communication .survey > div:first-child > span:last-child {
  font-size: 1.4rem;
  font-weight: 300;
  color: #212121;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket > div:first-child > span:last-child > span,
.projects.detail app-default-projects-detail-dashboard .communication .survey > div:first-child > span:last-child > span,
.customer app-default-projects-detail-dashboard .communication .ticket > div:first-child > span:last-child > span,
.customer app-default-projects-detail-dashboard .communication .survey > div:first-child > span:last-child > span {
  color: #a3a3a3;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket > div > div,
.projects.detail app-default-projects-detail-dashboard .communication .survey > div > div,
.customer app-default-projects-detail-dashboard .communication .ticket > div > div,
.customer app-default-projects-detail-dashboard .communication .survey > div > div {
  color: rgba(62, 62, 62, 0.8);
  height: 4.4rem;
  line-height: 2.2rem;
  width: calc(100% - 90px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket > div > div p,
.projects.detail app-default-projects-detail-dashboard .communication .survey > div > div p,
.customer app-default-projects-detail-dashboard .communication .ticket > div > div p,
.customer app-default-projects-detail-dashboard .communication .survey > div > div p {
  display: inline-block;
  margin: 0;
  line-height: 2.2rem;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket > div > a,
.projects.detail app-default-projects-detail-dashboard .communication .survey > div > a,
.customer app-default-projects-detail-dashboard .communication .ticket > div > a,
.customer app-default-projects-detail-dashboard .communication .survey > div > a {
  font-weight: normal;
  color: #212121;
  width: 90px;
  text-align: right;
  line-height: 2.2rem;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket > div > a > span,
.projects.detail app-default-projects-detail-dashboard .communication .survey > div > a > span,
.customer app-default-projects-detail-dashboard .communication .ticket > div > a > span,
.customer app-default-projects-detail-dashboard .communication .survey > div > a > span {
  display: inline-block;
  vertical-align: middle;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket > div > a > span:last-child,
.projects.detail app-default-projects-detail-dashboard .communication .survey > div > a > span:last-child,
.customer app-default-projects-detail-dashboard .communication .ticket > div > a > span:last-child,
.customer app-default-projects-detail-dashboard .communication .survey > div > a > span:last-child {
  width: 2rem;
  height: 2rem;
}
.projects.detail app-default-projects-detail-dashboard .communication .ticket > div > a > span:last-child svg,
.projects.detail app-default-projects-detail-dashboard .communication .survey > div > a > span:last-child svg,
.customer app-default-projects-detail-dashboard .communication .ticket > div > a > span:last-child svg,
.customer app-default-projects-detail-dashboard .communication .survey > div > a > span:last-child svg {
  width: 100%;
  height: 100%;
  fill: #212121;
}
.projects.detail app-default-projects-detail-dashboard .updates__list,
.customer app-default-projects-detail-dashboard .updates__list {
  width: 100%;
  min-width: 100%;
  padding-left: 0;
}
.projects.detail app-default-projects-detail-dashboard .updates__list .empty,
.customer app-default-projects-detail-dashboard .updates__list .empty {
  background: var(--color-white);
  border-radius: 1.2rem;
  border: 1px solid var(--color-border);
  margin-bottom: 2.4rem;
  padding: 3.2rem;
  text-align: center;
}
.projects.detail app-default-projects-detail-dashboard .charts,
.customer app-default-projects-detail-dashboard .charts {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 2.4rem;
  flex-wrap: wrap;
  min-height: 250px;
  position: relative;
}
.projects.detail app-default-projects-detail-dashboard .charts .loader,
.customer app-default-projects-detail-dashboard .charts .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.projects.detail app-default-projects-detail-dashboard .charts .chart,
.customer app-default-projects-detail-dashboard .charts .chart {
  margin-top: 0;
  padding: 1.6rem;
  border: 1px solid #e9e9e9;
  border-radius: 1.2rem;
  background-color: #fff;
  flex: 1 1 calc(25% - 2.4rem);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .projects.detail app-default-projects-detail-dashboard .charts .chart,
  .customer app-default-projects-detail-dashboard .charts .chart {
    flex-basis: calc(50% - 2.4rem);
  }
}
.projects.detail app-default-projects-detail-dashboard .charts .chart > span,
.customer app-default-projects-detail-dashboard .charts .chart > span {
  font-size: 1.8rem;
  color: #212121;
  font-weight: bold;
  display: block;
  margin-bottom: 1.6rem;
}
.projects.detail app-default-projects-detail-dashboard .charts .chart__inner,
.customer app-default-projects-detail-dashboard .charts .chart__inner {
  height: 200px;
}
.projects.detail app-default-projects-detail-dashboard .charts .chart__inner canvas,
.customer app-default-projects-detail-dashboard .charts .chart__inner canvas {
  margin-top: 0;
}
.projects.detail app-modal.export-data form,
.customer app-modal.export-data form {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.projects.detail app-modal.export-data form app-form-group,
.customer app-modal.export-data form app-form-group {
  flex-basis: calc(50% - 0.8rem);
}
.projects.detail app-modal.export-data form app-form-group input,
.customer app-modal.export-data form app-form-group input {
  margin-bottom: 0;
}
.projects.detail app-modal.export-data form button,
.customer app-modal.export-data form button {
  margin-left: auto;
}
.projects.detail .two-columns__wrapper,
.customer .two-columns__wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
}
.projects.detail .two-columns__wrapper .buttons,
.customer .two-columns__wrapper .buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 16px;
  margin-bottom: 0;
}
.projects.detail .two-columns__wrapper .buttons button,
.customer .two-columns__wrapper .buttons button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1 1 0;
  max-width: calc((100% - 32px) / 3);
  font-size: 1.4rem;
  padding: 0.875rem;
  flex-wrap: wrap;
}
.projects.detail .two-columns__wrapper .buttons button span,
.customer .two-columns__wrapper .buttons button span {
  height: 24px;
  line-height: 24px;
}
.projects.detail .two-columns__wrapper .buttons button span svg,
.customer .two-columns__wrapper .buttons button span svg {
  width: 24px;
  height: 24px;
}
.projects.detail .two-columns__wrapper.full .left,
.customer .two-columns__wrapper.full .left {
  width: 100%;
}
.projects.detail .two-columns__wrapper.full .right,
.customer .two-columns__wrapper.full .right {
  display: none;
}
.projects.detail .two-columns__wrapper .left,
.customer .two-columns__wrapper .left {
  width: calc(100% - 30rem);
  display: flex;
  flex-direction: column;
}
.projects.detail .two-columns__wrapper .right,
.customer .two-columns__wrapper .right {
  width: 28.8rem;
  margin-left: 1.2rem;
  padding-top: 0;
  transition: padding-top 0.3s ease-in-out;
}
.projects.detail .two-columns__wrapper .right.sticky,
.customer .two-columns__wrapper .right.sticky {
  position: fixed;
  right: 3.4rem;
  padding-top: 1.2rem;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}
.projects.detail .two-columns__wrapper.empty .left,
.customer .two-columns__wrapper.empty .left {
  width: 100%;
}
.projects.detail .two-columns__wrapper.empty .right,
.customer .two-columns__wrapper.empty .right {
  width: 0;
}
.projects.detail .two-columns__buttons .publication,
.customer .two-columns__buttons .publication {
  display: flex;
  flex-direction: row;
  margin: 16px 0;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  flex-wrap: wrap;
  color: #212121;
}
.projects.detail .two-columns__buttons .publication:first-of-type,
.customer .two-columns__buttons .publication:first-of-type {
  margin-top: 0;
}
.projects.detail .two-columns__buttons .publication > span:first-child,
.customer .two-columns__buttons .publication > span:first-child {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.projects.detail .two-columns__buttons .publication > span:first-child svg,
.customer .two-columns__buttons .publication > span:first-child svg {
  width: 24px;
  height: 24px;
  fill: #212121;
}
.projects.detail .two-columns__buttons .publication.status span:last-of-type,
.customer .two-columns__buttons .publication.status span:last-of-type {
  color: #a5e253;
  margin-left: 8px;
}
.projects.detail .two-columns__buttons .publication.status span:last-of-type.concept,
.customer .two-columns__buttons .publication.status span:last-of-type.concept {
  color: var(--primary);
}
.projects.detail .two-columns__buttons .publication.private,
.customer .two-columns__buttons .publication.private {
  margin: 0;
}
.projects.detail .two-columns__buttons .publication.notification .push-status,
.customer .two-columns__buttons .publication.notification .push-status {
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-left: 32px;
}
.projects.detail .two-columns__buttons .publication.notification > span > span,
.customer .two-columns__buttons .publication.notification > span > span {
  font-size: 14px;
  font-weight: bold;
}
.projects.detail .two-columns__buttons .publication.notification app-toggle,
.customer .two-columns__buttons .publication.notification app-toggle {
  margin-left: auto;
}
.projects.detail .two-columns__buttons .publication.targets .picker,
.customer .two-columns__buttons .publication.targets .picker {
  flex-basis: 100%;
}
@media screen and (max-width: 1023px) {
  .projects.detail .two-columns__wrapper,
  .customer .two-columns__wrapper {
    flex-wrap: wrap;
  }
  .projects.detail .two-columns__wrapper .left,
  .customer .two-columns__wrapper .left {
    width: 100%;
  }
  .projects.detail .two-columns__wrapper .right,
  .customer .two-columns__wrapper .right {
    width: 100%;
    margin-left: 0;
  }
  .projects.detail .two-columns__wrapper .right.sticky,
  .customer .two-columns__wrapper .right.sticky {
    position: static;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-ZVDDPMMQ.css.map */