@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 {
  -webkit-tap-highlight-color: rgb(0 0 0/0);
  font:
    12px/20px Helvetica Neue,
    Arial,
    Helvetica,
    sans-serif;
  overflow: hidden;
  position: relative;
}
.mapboxgl-canvas {
  left: 0;
  position: absolute;
  top: 0;
}
.mapboxgl-map:-webkit-full-screen {
  height: 100%;
  width: 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-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.mapboxgl-ctrl-top-left {
  left: 0;
  top: 0;
}
.mapboxgl-ctrl-top-right {
  right: 0;
  top: 0;
}
.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}
.mapboxgl-ctrl-bottom-right {
  bottom: 0;
  right: 0;
}
.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  float: left;
  margin: 10px 0 0 10px;
}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  float: right;
  margin: 10px 10px 0 0;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
  float: left;
  margin: 0 0 10px 10px;
}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
  float: right;
  margin: 0 10px 10px 0;
}
.mapboxgl-ctrl-group {
  background: #fff;
  border-radius: 4px;
}
.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .1);
}
@media (-ms-high-contrast:active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText;
  }
}
.mapboxgl-ctrl-group button {
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 29px;
  outline: none;
  overflow: hidden;
  padding: 0;
  width: 29px;
}
.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd;
}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 100%;
}
@media (-ms-high-contrast:active) {
  .mapboxgl-ctrl-icon {
    background-color: transparent;
  }
  .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: rgb(0 0 0/5%);
}
.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-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 {
  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");
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 23px;
  margin: 0 0 -4px -4px;
  overflow: hidden;
  width: 88px;
}
a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px;
}
@media (-ms-high-contrast:active) {
  a.mapboxgl-ctrl-logo {
    background-color: transparent;
    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 {
  background-color: hsla(0, 0%, 100%, .5);
  margin: 0;
  padding: 0 5px;
}
@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    background-color: #fff;
    border-radius: 12px;
    margin: 10px;
    min-height: 20px;
    padding: 2px 24px 2px 0;
    position: relative;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 28px 2px 8px;
    visibility: visible;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    border-radius: 12px;
    padding: 2px 8px 2px 28px;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none;
  }
  .mapboxgl-ctrl-attrib-button {
    background-color: hsla(0, 0%, 100%, .5);
    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");
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    height: 24px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
  }
  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,
  .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: rgb(0 0 0/5%);
  }
  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0;
  }
  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
    top: 0;
  }
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
    top: 0;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    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: rgba(0, 0, 0, .75);
  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: hsla(0, 0%, 100%, .75);
  border: 2px solid #333;
  border-top: #333;
  box-sizing: border-box;
  color: #333;
  font-size: 10px;
  padding: 0 5px;
  white-space: nowrap;
}
.mapboxgl-popup {
  display: flex;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  will-change: transform;
}
.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 {
  border: 10px solid transparent;
  height: 0;
  width: 0;
  z-index: 1;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  align-self: center;
  border-bottom-color: #fff;
  border-top: none;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom-color: #fff;
  border-left: none;
  border-top: none;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom-color: #fff;
  border-right: none;
  border-top: none;
}
.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-left-color: #fff;
  border-right: none;
}
.mapboxgl-popup-close-button {
  background-color: transparent;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.mapboxgl-popup-close-button:hover {
  background-color: rgb(0 0 0/5%);
}
.mapboxgl-popup-content {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  padding: 10px 10px 15px;
  pointer-events: auto;
  position: relative;
}
.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 {
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: opacity .2s;
  will-change: transform;
}
.mapboxgl-user-location-dot,
.mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  border-radius: 50%;
  height: 15px;
  width: 15px;
}
.mapboxgl-user-location-dot:before {
  animation: mapboxgl-user-location-dot-pulse 2s infinite;
  content: "";
  position: absolute;
}
.mapboxgl-user-location-dot:after {
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, .35);
  box-sizing: border-box;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
  height: 0;
  width: 0;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-bottom: 7.5px solid #4aa1eb;
  content: "";
  position: absolute;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-left: 7.5px solid transparent;
  transform: translateY(-28px) skewY(-20deg);
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
  border-right: 7.5px solid transparent;
  transform: translate(7.5px, -28px) skewY(20deg);
}
@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  70% {
    opacity: 0;
    transform: scale(3);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.mapboxgl-user-location-dot-stale {
  background-color: #aaa;
}
.mapboxgl-user-location-dot-stale:after {
  display: none;
}
.mapboxgl-user-location-accuracy-circle {
  background-color: #1da1f233;
  border-radius: 100%;
  height: 1px;
  width: 1px;
}
.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}
.mapboxgl-boxzoom {
  background: #fff;
  border: 2px dotted #202020;
  height: 0;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 0;
}
@media print {
  .mapbox-improve-map {
    display: none;
  }
}
.mapboxgl-scroll-zoom-blocker,
.mapboxgl-touch-pan-blocker {
  align-items: center;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  display: flex;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Helvetica,
    Arial,
    sans-serif;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity .75s ease-in-out;
  transition-delay: 1s;
  width: 100%;
}
.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;
}

/* 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/build/css/intlTelInput.css */
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
  margin-right: 6px;
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-left: -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__dropdown-content--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
.iti__search-input {
  width: 100%;
  border-width: 0;
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.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__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box,
.iti__country-name {
  margin-right: 6px;
}
[dir=rtl] .iti__flag-box,
[dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: 6px;
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel],
.iti--separate-dial-code input.iti__tel-input,
.iti--separate-dial-code input.iti__tel-input[type=text],
.iti--separate-dial-code input.iti__tel-input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],
[dir=rtl] .iti--separate-dial-code input.iti__tel-input,
[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel] {
  padding-right: 52px;
  padding-left: 6px;
  margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container,
[dir=rtl] .iti--separate-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover {
  cursor: default;
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag {
  background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 6px;
}
[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.iti--fullscreen-popup.iti--container.iti--country-search {
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-size: 5762px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 12px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cq {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1269px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1357px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1379px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1467px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1511px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1555px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1577px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1599px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1621px 0px;
}
.iti__flag.iti__ez {
  height: 14px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1731px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1775px 0px;
}
.iti__flag.iti__fx {
  height: 14px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1863px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2149px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2171px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2237px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2303px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2325px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2369px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2391px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2413px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2435px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2457px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2479px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2501px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2567px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2589px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2611px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2633px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2655px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2699px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2743px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2809px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2853px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2875px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2897px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2985px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -3051px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3073px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3095px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3117px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3139px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3161px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3183px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3205px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3226px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3270px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3556px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3622px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3666px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3688px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3710px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3732px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3752px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3774px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3818px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3840px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3862px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3899px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3921px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3965px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -4031px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4097px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4163px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4185px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4207px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4229px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4251px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4273px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4361px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4405px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4537px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4647px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4669px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4713px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4735px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4757px 0px;
}
.iti__flag.iti__su {
  height: 10px;
  background-position: -4779px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4801px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4823px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4889px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4911px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4977px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -5021px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5109px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5175px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5197px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5219px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5263px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uk {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5329px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5351px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5373px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5395px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5417px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5439px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5456px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5522px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5566px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5610px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5632px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5654px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5676px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5698px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5720px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5742px 0px;
}
.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("./media/flags-6C4T4GAU.png?1");
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: url("./media/flags@2x-O7DSVWO7.png?1");
  }
}
.iti__flag.iti__np {
  background-color: transparent;
}

/* node_modules/quill/dist/quill.core.css */
/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/* node_modules/quill/dist/quill.snow.css */
/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer:coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: .4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* node_modules/quill2-emoji/dist/style.css */
#quill-editor {
  position: relative;
}
.mention {
  color: #0366d6;
}
.completions {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #FFF;
  border-radius: 2px;
  box-shadow: 2px 2px 2px #00000040;
}
.completions > li {
  margin: 0;
  padding: 0;
}
.completions > li > button {
  box-sizing: border-box;
  height: 2em;
  padding: .25em .5em;
  margin: 0;
  display: block;
  width: 100%;
  text-align: left;
  border: none;
  background: none;
}
.completions > li > button:hover {
  background: #ddd;
}
.completions > li > button:focus {
  background: #ddd;
  outline: none;
}
.completions > li > button > .matched {
  font-weight: 700;
  color: #000;
}
.completions > li > button > * {
  vertical-align: middle;
}
.emoji_completions {
  list-style: none;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, .15);
  padding: 6px;
  background: #FFF;
  border-radius: 3px;
  box-shadow: 0 5px 10px #0000001f;
}
.emoji_completions li {
  margin: 2px 0;
  padding: 0;
  display: inline-block;
}
.emoji_completions li:not(:last-of-type) {
  margin-right: 3px;
}
.emoji_completions > li > button {
  box-sizing: border-box;
  padding: 3px 2px 6px;
  margin: 0;
  display: block;
  width: 100%;
  text-align: left;
  border: none;
  background: #efefef;
  border-radius: 3px;
}
.emoji_completions > li > button:hover {
  background: #2D9EE0;
  color: #fff;
}
.emoji_completions > li > button:focus {
  background: #2D9EE0;
  outline: none;
  color: #fff;
}
.emoji_completions > li > button.emoji-active {
  background: red;
  background: #2d9ee0;
  outline: none;
  color: #fff;
}
.emoji_completions > li > button > .matched {
  font-weight: 700;
}
.emoji_completions > li > button > * {
  vertical-align: middle;
}
.ico {
  margin-right: 5px;
  font-size: 18px;
  line-height: 0;
  vertical-align: middle;
}
#emoji-palette {
  position: absolute;
  max-width: 356px;
  z-index: 999;
  box-shadow: 0 5px 10px #0000001f;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, .15);
}
.bem {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin: 2px;
}
#tab-filters {
  width: 210px;
  margin: 20px auto 0;
}
.emoji-tab {
  display: inline-table;
  text-align: center;
  width: 30px;
  height: 100%;
  min-height: 30px;
  cursor: pointer;
}
#tab-toolbar {
  background-color: #f7f7f7;
  padding: 4px 4px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
}
#tab-toolbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
#tab-toolbar .active {
  border-bottom: 3px solid #2ab27b;
}
#tab-panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 220px;
  overflow-y: scroll;
  padding: 2px;
  background: #FFF;
}
#quill-editor x-contain,
contain {
  background: #ffbb88;
  display: block;
}
#quill-editor table {
  width: 100%;
  border-collapse: collapse;
}
#quill-editor table td {
  border: 1px solid black;
  padding: 5px;
  height: 25px;
}
button.ql-table:after {
  content: "TABLE";
}
.ql-picker.ql-table .ql-picker-label:before {
  content: "TABLE";
}
button.ql-contain:after {
  content: "WRAP";
}
button.ql-table[value=append-row]:after {
  content: "ROWS+";
}
button.ql-table[value=append-col]:after {
  content: "COLS+";
}
.ql-table,
.ql-contain {
  width: auto !important;
  margin-right: -15px;
}
#emoji-close-div {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.textarea-emoji-control {
  width: 25px;
  height: 25px;
  right: 4px;
  top: 10px;
}
#textarea-emoji {
  position: absolute;
  right: 0px;
  max-width: 250px;
  z-index: 999;
  border: 1px solid #66afe9;
  box-shadow: 0 5px 10px #0000001f;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, .15);
}
.ql-editor {
  padding-right: 26px;
}
.i-activity {
  content: "";
  height: 25px;
  width: 25px;
  margin: auto;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><g transform="translate(7.500000, 7.500000)"><path stroke="%236F6D70" d="M18.02 1.36c5.92 3.02 8.28 10.26 5.26 16.18-2.12 4.17-6.35 6.57-10.73 6.57-1.83 0-3.7-.4-5.45-1.3-5.9-3-8.27-10.22-5.25-16.2C3.97 2.5 8.2.1 12.57.1c1.84 0 3.7.42 5.45 1.3zm4.7 11.44c.1-1.3-.06-2.6-.47-3.87-.13-.38-.27-.75-.43-1.1l-3.42-1.6-1.57-3.4c-.62-.3-1.27-.5-1.92-.68-.7-.18-1.5-.27-2.3-.27-.4 0-.8.02-1.2.06L8.9 4.74l-3.74.43c-.63.68-1.16 1.45-1.6 2.28-.42.84-.72 1.72-.9 2.63l1.84 3.3-.74 3.68c.3.56.66 1.08 1.1 1.58.76.94 1.7 1.7 2.8 2.32l3.7-.74 3.26 1.84c1.13-.23 2.23-.65 3.24-1.26.6-.35 1.2-.77 1.7-1.24l.44-3.74 2.78-2.55.05-.47z" stroke-linecap="round" stroke-linejoin="round"/><polygon points="10.6158689 8.50666885 8.42649168 12.8046921 11.836847 16.2129328 16.1342124 14.0235556 15.3793892 9.26144504"/></g></g></g></svg>');
}
.i-flags {
  content: "";
  height: 25px;
  width: 25px;
  margin: auto;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><g transform="translate(9.500000, 8.000000)"><path d="M.5 3.13V23.5c0 .83.68 1.5 1.5 1.5.84 0 1.5-.67 1.5-1.5V3.14c0-.83-.66-1.5-1.5-1.5-.82 0-1.5.67-1.5 1.5z"/><path d="M3.5 11.54c.7-.16 1.44-.22 2.25-.17 1.38.07 2.48.3 5.23 1.04l.55.2c3.02.8 4.77 1 5.96.67v-7.9c-1.7.33-3.8-.07-7.1-1-3.9-1.1-5.7-1.3-6.9-.5v7.7zm7.68-10.1c4.1 1.15 5.7 1.3 6.98.44 1-.66 2.33.05 2.33 1.25v11c0 .5-.3 1-.7 1.26-2.2 1.4-4.6 1.2-9.1 0l-.56-.16c-4.54-1.2-6.15-1.3-7.05-.2-.9 1.06-2.65.42-2.65-.98v-11c0-.4.2-.8.5-1.1C3.4-.24 5.75-.1 11.2 1.4z"/></g></g></g></svg>');
}
.i-food {
  content: "";
  height: 25px;
  width: 25px;
  margin: auto;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><path fill-rule="nonzero" d="M9.57 28.2c0 .28.22.5.5.5h19.2c.27 0 .5-.22.5-.5v-4.4H9.57v4.4zm23.2-3.06v3.07c0 1.95-1.57 3.5-3.5 3.5h-19.2c-1.93 0-3.5-1.55-3.5-3.5V25c.46.15.96.24 1.47.24h23.78c.33 0 .64-.04.94-.1z"/><path fill-rule="nonzero" d="M6.57 18.2v-3.45c0-3.56 2.9-6.45 6.45-6.45h13.3c3.55 0 6.44 2.9 6.44 6.45v3.45H6.56zm3-1.83h3.6l.4.86c.23.5.73.83 1.3.83.56 0 1.06-.33 1.3-.83l.4-.86h13.2v-1.62c0-1.9-1.56-3.45-3.45-3.45h-13.3c-1.9 0-3.45 1.55-3.45 3.45v1.62z"/><path fill-rule="nonzero" d="M13.23 16.37l.4.86c.24.5.74.83 1.3.83.57 0 1.07-.33 1.3-.83l.4-.86H31.9c2.44 0 4.43 1.98 4.43 4.43 0 2.45-1.98 4.44-4.44 4.44H8.1c-2.44 0-4.43-2-4.43-4.44 0-2.45 1.98-4.43 4.44-4.43h5.14zm-5.12 3c-.8 0-1.42.64-1.42 1.43 0 .8.64 1.44 1.44 1.44h23.8c.8 0 1.43-.64 1.43-1.44 0-.8-.64-1.43-1.44-1.43H18.4c-.83 1.04-2.1 1.7-3.5 1.7-1.37 0-2.65-.66-3.47-1.7H8.1z"/><circle cx="14.6682646" cy="13.75" r="1"/><circle cx="24.6682646" cy="13.75" r="1"/><circle cx="19.6682646" cy="13.75" r="1"/></g></g></svg>');
}
.i-nature {
  content: "";
  height: 25px;
  width: 25px;
  margin: auto;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M15.96 18.26L30.86 32c.5.46 1.3.43 1.77-.08.46-.5.43-1.3-.08-1.76l-14.9-13.74c-.5-.46-1.3-.43-1.76.08-.5.5-.5 1.3 0 1.76z"/><path d="M18.17 21.28c-.7-.06-1.3.45-1.35 1.14-.06.7.45 1.3 1.13 1.35l4.96.43c.9.07 1.5-.66 1.4-1.47l-1-5.6c-.1-.7-.74-1.14-1.42-1.02-.67.2-1.12.8-1 1.5l.7 4-3.32-.3z"/><path d="M28.48 28.95c-.38.17-1 .4-1.85.64-2.92.7-6 .9-8.95-.2-5.98-2.17-9.8-8.5-10.54-19.9l-.1-1.4 1.38-.2c14.45-2.08 23.4 7.4 21.33 19.85l-1.9-.3.63 1.43zM10.24 10.77C11.12 20.14 14.2 25 18.7 26.6c2.27.83 4.76.74 7.14.1.4-.12.76-.23 1.07-.35 1.2-9.6-5.4-16.57-16.6-15.58z"/></g></g></svg>');
}
.i-objects {
  content: "";
  height: 25px;
  width: 25px;
  margin: auto;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M11.04 16.7c0-4.85 4.02-8.76 8.96-8.76 4.94 0 8.96 3.9 8.96 8.76 0 2.54-1.12 4.9-3 6.54v1.87c0 1.28-1.02 2.27-2.26 2.27h-7.37c-1.23 0-2.25-1-2.25-2.22V23.3c-1.9-1.65-3.04-4-3.04-6.58zm11.9 5.82c0-.48.24-.93.63-1.22 1.5-1.08 2.4-2.77 2.4-4.6 0-3.17-2.67-5.76-5.97-5.76s-5.96 2.6-5.96 5.76c0 1.84.9 3.54 2.42 4.62.4.28.62.74.62 1.22v1.8h5.87V22.5z"/><path d="M21.76 28.78c-.22.05-.42.1-.62.13-.5.1-.9.2-1.1.2-.24 0-.62-.04-1.08-.12l-.74-.15-.08-.02v-2.93c0-.83-.68-1.5-1.5-1.5-.83 0-1.5.67-1.5 1.5v4.1c0 .68.44 1.27 1.1 1.45l.38.1.94.23c.3.1.6.15.87.2.62.1 1.16.17 1.6.17.47 0 1.03-.1 1.7-.2l.7-.17.95-.22c.18-.03.32-.1.4-.1.64-.2 1.08-.76 1.08-1.43v-4.1c0-.83-.67-1.5-1.5-1.5-.82 0-1.5.67-1.5 1.5v2.9c-.03 0-.07 0-.1.02z"/></g></g></svg>');
}
.i-people {
  content: "";
  height: 25px;
  width: 25px;
  margin: auto;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><path fill-rule="nonzero" d="M20 34c-7.73 0-14-6.27-14-14S12.27 6 20 6s14 6.27 14 14-6.27 14-14 14zm0-3c6.08 0 11-4.92 11-11S26.08 9 20 9 9 13.92 9 20s4.92 11 11 11z"/><circle cx="15.3474348" cy="16.7705459" r="2.34743481"/><circle cx="24.4703784" cy="16.7705459" r="2.34743481"/><path d="M20 27.9c2.7 0 4.88-2.18 4.88-4.88 0-2.7-9.76-2.7-9.76 0S17.3 27.9 20 27.9z"/></g></g></svg>');
}
.i-symbols {
  content: "";
  height: 25px;
  width: 25px;
  margin: auto;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M15.37 7.95c-4.48 0-8.06 3.9-8.06 8.64 0 3.5 2.2 6.9 5.8 10.3 1.2 1.1 2.5 2.2 3.9 3.1.84.6 1.5 1 1.98 1.3l.27.15.8.5 1.1-.6c.5-.27 1.18-.7 2-1.25 1.34-.9 2.66-1.9 3.9-3 3.57-3.28 5.75-6.8 5.75-10.6 0-4.74-3.6-8.65-8.1-8.65v3.3c2.6 0 4.76 2.4 4.76 5.35 0 2.65-1.72 5.43-4.7 8.13-1.1 1-2.27 1.9-3.5 2.7-.43.3-.83.54-1.17.74-.35-.2-.76-.5-1.2-.83-1.24-.87-2.4-1.83-3.54-2.87-2.95-2.76-4.7-5.5-4.7-7.9 0-2.98 2.2-5.35 4.78-5.35 1.3 0 2.5.6 3.4 1.6L20 14.3l1.25-1.43c.9-1.03 2.1-1.6 3.38-1.6v-3.3c-1.68 0-3.3.56-4.63 1.57-1.34-1-2.95-1.57-4.63-1.57z"/></g></g></svg>');
}
.i-travel {
  content: "";
  height: 25px;
  width: 25px;
  margin: auto;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M25.46 11.2s-2.67 2.58-3.94 3.95l-10.6-2.13c-.12-.02-.25.04-.3.15l-.8 1.6c-.07.13 0 .3.12.37l7.75 3.88L13.4 24c-.5-.16-1.1-.33-1.66-.3-.3 0-.6.06-.85.25-.3.2-.4.5-.4.9s.1.74.3.98l3.2 3.23c.3.23.7.34 1 .34.4 0 .7-.13.9-.37.2-.23.24-.53.25-.84 0-.6-.15-1.2-.3-1.7l4.97-4.3 3.9 7.76c.06.13.23.2.36.12l1.6-.8c.13-.07.2-.2.17-.3l-2.12-10.6c1.4-1.28 3.95-3.95 3.96-3.96.86-.88 1.4-1.93 1.4-2.87 0-.5-.17-1-.5-1.33-.37-.36-.87-.5-1.38-.5-.95 0-2 .52-2.88 1.4zm2.87-4.4c1.28 0 2.54.44 3.5 1.4.93.93 1.38 2.2 1.38 3.47 0 1.8-.8 3.54-2.2 4.94-.4.5-1.7 1.8-2.8 2.9l1.8 9c.3 1.5-.4 2.9-1.7 3.6l-1.62.8c-1.62.8-3.6.1-4.36-1.4L20 27.1l-.7.6v.62c-.03.92-.28 1.8-.92 2.6-.8 1-1.98 1.5-3.22 1.5-1.03 0-2.12-.37-2.96-1.1l-.16-.14-3.22-3.22-.1-.12c-.75-.83-1.12-1.9-1.12-3 0-1.24.5-2.43 1.48-3.22.8-.6 1.68-.9 2.62-.9h.62l.6-.7-4.27-2.1c-1.65-.8-2.33-2.8-1.52-4.4l.8-1.64c.67-1.3 2.14-2.02 3.57-1.73l9 1.8 1.36-1.33 1.5-1.48c1.42-1.4 3.17-2.27 4.97-2.27z"/></g></g></svg>');
}
.button-emoji {
  margin-bottom: -5px;
}
.ql-emojiblot {
  display: inline-block;
  vertical-align: text-top;
}
.ap {
  display: inline-flex;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 1;
  overflow: hidden;
}
#tab-panel .ap {
  margin: 4px 6px;
  transform: scale(1.2);
  padding: 2px;
}
.ap-copyright {
  background-position: 0px 0px;
}
.ap-registered {
  background-position: 0px -20px;
}
.ap-bangbang {
  background-position: 0px -40px;
}
.ap-interrobang {
  background-position: 0px -60px;
}
.ap-tm {
  background-position: 0px -80px;
}
.ap-information_source {
  background-position: 0px -100px;
}
.ap-left_right_arrow {
  background-position: 0px -120px;
}
.ap-arrow_up_down {
  background-position: 0px -140px;
}
.ap-arrow_upper_left {
  background-position: 0px -160px;
}
.ap-arrow_upper_right {
  background-position: 0px -180px;
}
.ap-arrow_lower_right {
  background-position: 0px -200px;
}
.ap-arrow_lower_left {
  background-position: 0px -220px;
}
.ap-leftwards_arrow_with_hook {
  background-position: 0px -240px;
}
.ap-arrow_right_hook {
  background-position: 0px -260px;
}
.ap-watch {
  background-position: 0px -280px;
}
.ap-hourglass {
  background-position: 0px -300px;
}
.ap-keyboard {
  background-position: 0px -320px;
}
.ap-fast_forward {
  background-position: 0px -360px;
}
.ap-rewind {
  background-position: 0px -380px;
}
.ap-arrow_double_up {
  background-position: 0px -400px;
}
.ap-arrow_double_down {
  background-position: 0px -420px;
}
.ap-black_right_pointing_double_triangle_with_vertical_bar {
  background-position: 0px -440px;
}
.ap-black_left_pointing_double_triangle_with_vertical_bar {
  background-position: 0px -460px;
}
.ap-black_right_pointing_triangle_with_double_vertical_bar {
  background-position: 0px -480px;
}
.ap-alarm_clock {
  background-position: 0px -500px;
}
.ap-stopwatch {
  background-position: 0px -520px;
}
.ap-timer_clock {
  background-position: 0px -540px;
}
.ap-hourglass_flowing_sand {
  background-position: 0px -560px;
}
.ap-double_vertical_bar {
  background-position: 0px -580px;
}
.ap-black_square_for_stop {
  background-position: 0px -600px;
}
.ap-black_circle_for_record {
  background-position: 0px -620px;
}
.ap-m {
  background-position: 0px -640px;
}
.ap-black_small_square {
  background-position: 0px -660px;
}
.ap-white_small_square {
  background-position: 0px -680px;
}
.ap-arrow_forward {
  background-position: 0px -700px;
}
.ap-arrow_backward {
  background-position: 0px -720px;
}
.ap-white_medium_square {
  background-position: 0px -740px;
}
.ap-black_medium_square {
  background-position: 0px -760px;
}
.ap-white_medium_small_square {
  background-position: 0px -780px;
}
.ap-black_medium_small_square {
  background-position: 0px -800px;
}
.ap-sunny {
  background-position: -20px 0px;
}
.ap-cloud {
  background-position: -20px -20px;
}
.ap-umbrella {
  background-position: -20px -40px;
}
.ap-snowman {
  background-position: -20px -60px;
}
.ap-comet {
  background-position: -20px -80px;
}
.ap-phone,
.ap-telephone {
  background-position: -20px -100px;
}
.ap-ballot_box_with_check {
  background-position: -20px -120px;
}
.ap-umbrella_with_rain_drops {
  background-position: -20px -140px;
}
.ap-coffee {
  background-position: -20px -160px;
}
.ap-shamrock {
  background-position: -20px -180px;
}
.ap-point_up {
  background-position: -20px -200px;
}
.ap-skull_and_crossbones {
  background-position: -20px -320px;
}
.ap-radioactive_sign {
  background-position: -20px -340px;
}
.ap-biohazard_sign {
  background-position: -20px -360px;
}
.ap-orthodox_cross {
  background-position: -20px -380px;
}
.ap-star_and_crescent {
  background-position: -20px -400px;
}
.ap-peace_symbol {
  background-position: -20px -420px;
}
.ap-yin_yang {
  background-position: -20px -440px;
}
.ap-wheel_of_dharma {
  background-position: -20px -460px;
}
.ap-white_frowning_face {
  background-position: -20px -480px;
}
.ap-relaxed {
  background-position: -20px -500px;
}
.ap-aries {
  background-position: -20px -520px;
}
.ap-taurus {
  background-position: -20px -540px;
}
.ap-gemini {
  background-position: -20px -560px;
}
.ap-cancer {
  background-position: -20px -580px;
}
.ap-leo {
  background-position: -20px -600px;
}
.ap-virgo {
  background-position: -20px -620px;
}
.ap-libra {
  background-position: -20px -640px;
}
.ap-scorpius {
  background-position: -20px -660px;
}
.ap-sagittarius {
  background-position: -20px -680px;
}
.ap-capricorn {
  background-position: -20px -700px;
}
.ap-aquarius {
  background-position: -20px -720px;
}
.ap-pisces {
  background-position: -20px -740px;
}
.ap-spades {
  background-position: -20px -760px;
}
.ap-clubs {
  background-position: -20px -780px;
}
.ap-hearts {
  background-position: -20px -800px;
}
.ap-diamonds {
  background-position: -40px 0px;
}
.ap-hotsprings {
  background-position: -40px -20px;
}
.ap-recycle {
  background-position: -40px -40px;
}
.ap-wheelchair {
  background-position: -40px -60px;
}
.ap-hammer_and_pick {
  background-position: -40px -80px;
}
.ap-anchor {
  background-position: -40px -100px;
}
.ap-crossed_swords {
  background-position: -40px -120px;
}
.ap-scales {
  background-position: -40px -140px;
}
.ap-alembic {
  background-position: -40px -160px;
}
.ap-gear {
  background-position: -40px -180px;
}
.ap-atom_symbol {
  background-position: -40px -200px;
}
.ap-fleur_de_lis {
  background-position: -40px -220px;
}
.ap-warning {
  background-position: -40px -240px;
}
.ap-zap {
  background-position: -40px -260px;
}
.ap-white_circle {
  background-position: -40px -280px;
}
.ap-black_circle {
  background-position: -40px -300px;
}
.ap-coffin {
  background-position: -40px -320px;
}
.ap-funeral_urn {
  background-position: -40px -340px;
}
.ap-soccer {
  background-position: -40px -360px;
}
.ap-baseball {
  background-position: -40px -380px;
}
.ap-snowman_without_snow {
  background-position: -40px -400px;
}
.ap-partly_sunny {
  background-position: -40px -420px;
}
.ap-thunder_cloud_and_rain {
  background-position: -40px -440px;
}
.ap-ophiuchus {
  background-position: -40px -460px;
}
.ap-pick {
  background-position: -40px -480px;
}
.ap-helmet_with_white_cross {
  background-position: -40px -500px;
}
.ap-chains {
  background-position: -40px -520px;
}
.ap-no_entry {
  background-position: -40px -540px;
}
.ap-shinto_shrine {
  background-position: -40px -560px;
}
.ap-church {
  background-position: -40px -580px;
}
.ap-mountain {
  background-position: -40px -600px;
}
.ap-umbrella_on_ground,
.ap-beach_umbrella {
  background-position: -40px -620px;
}
.ap-fountain {
  background-position: -40px -640px;
}
.ap-golf {
  background-position: -40px -660px;
}
.ap-ferry {
  background-position: -40px -680px;
}
.ap-boat {
  background-position: -40px -700px;
}
.ap-skier {
  background-position: -40px -720px;
}
.ap-ice_skate {
  background-position: -40px -740px;
}
.ap-person_with_ball {
  background-position: -40px -760px;
}
.ap-tent {
  background-position: -60px -60px;
}
.ap-fuelpump {
  background-position: -60px -80px;
}
.ap-scissors {
  background-position: -60px -100px;
}
.ap-white_check_mark {
  background-position: -60px -120px;
}
.ap-airplane {
  background-position: -60px -140px;
}
.ap-email {
  background-position: -60px -160px;
}
.ap-fist {
  background-position: -60px -180px;
}
.ap-hand {
  background-position: -60px -300px;
}
.ap-v {
  background-position: -60px -420px;
}
.ap-writing_hand {
  background-position: -60px -540px;
}
.ap-pencil2 {
  background-position: -60px -660px;
}
.ap-black_nib {
  background-position: -60px -680px;
}
.ap-heavy_check_mark {
  background-position: -60px -700px;
}
.ap-heavy_multiplication_x {
  background-position: -60px -720px;
}
.ap-latin_cross {
  background-position: -60px -740px;
}
.ap-star_of_david {
  background-position: -60px -760px;
}
.ap-sparkles {
  background-position: -60px -780px;
}
.ap-eight_spoked_asterisk {
  background-position: -60px -800px;
}
.ap-eight_pointed_black_star {
  background-position: -80px 0px;
}
.ap-snowflake {
  background-position: -80px -20px;
}
.ap-sparkle {
  background-position: -80px -40px;
}
.ap-x {
  background-position: -80px -60px;
}
.ap-negative_squared_cross_mark {
  background-position: -80px -80px;
}
.ap-question {
  background-position: -80px -100px;
}
.ap-grey_question {
  background-position: -80px -120px;
}
.ap-grey_exclamation {
  background-position: -80px -140px;
}
.ap-exclamation {
  background-position: -80px -160px;
}
.ap-heavy_heart_exclamation_mark_ornament {
  background-position: -80px -180px;
}
.ap-heart {
  background-position: -80px -200px;
}
.ap-heavy_plus_sign {
  background-position: -80px -220px;
}
.ap-heavy_minus_sign {
  background-position: -80px -240px;
}
.ap-heavy_division_sign {
  background-position: -80px -260px;
}
.ap-arrow_right {
  background-position: -80px -280px;
}
.ap-curly_loop {
  background-position: -80px -300px;
}
.ap-loop {
  background-position: -80px -320px;
}
.ap-arrow_heading_up {
  background-position: -80px -340px;
}
.ap-arrow_heading_down {
  background-position: -80px -360px;
}
.ap-arrow_left {
  background-position: -80px -380px;
}
.ap-arrow_up {
  background-position: -80px -400px;
}
.ap-arrow_down {
  background-position: -80px -420px;
}
.ap-black_large_square {
  background-position: -80px -440px;
}
.ap-white_large_square {
  background-position: -80px -460px;
}
.ap-star {
  background-position: -80px -480px;
}
.ap-o {
  background-position: -80px -500px;
}
.ap-wavy_dash {
  background-position: -80px -520px;
}
.ap-part_alternation_mark {
  background-position: -80px -540px;
}
.ap-congratulations {
  background-position: -80px -560px;
}
.ap-secret {
  background-position: -80px -580px;
}
.ap-mahjong {
  background-position: -80px -600px;
}
.ap-black_joker {
  background-position: -80px -620px;
}
.ap-a {
  background-position: -80px -640px;
}
.ap-b {
  background-position: -80px -660px;
}
.ap-o2 {
  background-position: -80px -680px;
}
.ap-parking {
  background-position: -80px -700px;
}
.ap-ab {
  background-position: -80px -720px;
}
.ap-cl {
  background-position: -80px -740px;
}
.ap-cool {
  background-position: -80px -760px;
}
.ap-free {
  background-position: -80px -780px;
}
.ap-id {
  background-position: -80px -800px;
}
.ap-new {
  background-position: -100px 0px;
}
.ap-ng {
  background-position: -100px -20px;
}
.ap-ok {
  background-position: -100px -40px;
}
.ap-sos {
  background-position: -100px -60px;
}
.ap-up {
  background-position: -100px -80px;
}
.ap-vs {
  background-position: -100px -100px;
}
.ap-koko {
  background-position: -100px -120px;
}
.ap-sa {
  background-position: -100px -140px;
}
.ap-u7121 {
  background-position: -100px -160px;
}
.ap-u6307 {
  background-position: -100px -180px;
}
.ap-u7981 {
  background-position: -100px -200px;
}
.ap-u7a7a {
  background-position: -100px -220px;
}
.ap-u5408 {
  background-position: -100px -240px;
}
.ap-u6e80 {
  background-position: -100px -260px;
}
.ap-u6709 {
  background-position: -100px -280px;
}
.ap-u6708 {
  background-position: -100px -300px;
}
.ap-u7533 {
  background-position: -100px -320px;
}
.ap-u5272 {
  background-position: -100px -340px;
}
.ap-u55b6 {
  background-position: -100px -360px;
}
.ap-ideograph_advantage {
  background-position: -100px -380px;
}
.ap-accept {
  background-position: -100px -400px;
}
.ap-cyclone {
  background-position: -100px -420px;
}
.ap-foggy {
  background-position: -100px -440px;
}
.ap-closed_umbrella {
  background-position: -100px -460px;
}
.ap-night_with_stars {
  background-position: -100px -480px;
}
.ap-sunrise_over_mountains {
  background-position: -100px -500px;
}
.ap-sunrise {
  background-position: -100px -520px;
}
.ap-city_sunset {
  background-position: -100px -540px;
}
.ap-city_sunrise {
  background-position: -100px -560px;
}
.ap-rainbow {
  background-position: -100px -580px;
}
.ap-bridge_at_night {
  background-position: -100px -600px;
}
.ap-ocean {
  background-position: -100px -620px;
}
.ap-volcano {
  background-position: -100px -640px;
}
.ap-milky_way {
  background-position: -100px -660px;
}
.ap-earth_africa {
  background-position: -100px -680px;
}
.ap-earth_americas {
  background-position: -100px -700px;
}
.ap-earth_asia {
  background-position: -100px -720px;
}
.ap-globe_with_meridians {
  background-position: -100px -740px;
}
.ap-new_moon {
  background-position: -100px -760px;
}
.ap-waxing_crescent_moon {
  background-position: -100px -780px;
}
.ap-first_quarter_moon {
  background-position: -100px -800px;
}
.ap-moon {
  background-position: -120px 0px;
}
.ap-full_moon {
  background-position: -120px -20px;
}
.ap-waning_gibbous_moon {
  background-position: -120px -40px;
}
.ap-last_quarter_moon {
  background-position: -120px -60px;
}
.ap-waning_crescent_moon {
  background-position: -120px -80px;
}
.ap-crescent_moon {
  background-position: -120px -100px;
}
.ap-new_moon_with_face {
  background-position: -120px -120px;
}
.ap-first_quarter_moon_with_face {
  background-position: -120px -140px;
}
.ap-last_quarter_moon_with_face {
  background-position: -120px -160px;
}
.ap-full_moon_with_face {
  background-position: -120px -180px;
}
.ap-sun_with_face {
  background-position: -120px -200px;
}
.ap-star2 {
  background-position: -120px -220px;
}
.ap-stars {
  background-position: -120px -240px;
}
.ap-thermometer {
  background-position: -120px -260px;
}
.ap-mostly_sunny {
  background-position: -120px -280px;
}
.ap-barely_sunny {
  background-position: -120px -300px;
}
.ap-partly_sunny_rain {
  background-position: -120px -320px;
}
.ap-rain_cloud {
  background-position: -120px -340px;
}
.ap-snow_cloud {
  background-position: -120px -360px;
}
.ap-lightning {
  background-position: -120px -380px;
}
.ap-tornado {
  background-position: -120px -400px;
}
.ap-fog {
  background-position: -120px -420px;
}
.ap-wind_blowing_face {
  background-position: -120px -440px;
}
.ap-hotdog {
  background-position: -120px -460px;
}
.ap-taco {
  background-position: -120px -480px;
}
.ap-burrito {
  background-position: -120px -500px;
}
.ap-chestnut {
  background-position: -120px -520px;
}
.ap-seedling {
  background-position: -120px -540px;
}
.ap-evergreen_tree {
  background-position: -120px -560px;
}
.ap-deciduous_tree {
  background-position: -120px -580px;
}
.ap-palm_tree {
  background-position: -120px -600px;
}
.ap-cactus {
  background-position: -120px -620px;
}
.ap-hot_pepper {
  background-position: -120px -640px;
}
.ap-tulip {
  background-position: -120px -660px;
}
.ap-cherry_blossom {
  background-position: -120px -680px;
}
.ap-rose {
  background-position: -120px -700px;
}
.ap-hibiscus {
  background-position: -120px -720px;
}
.ap-sunflower {
  background-position: -120px -740px;
}
.ap-blossom {
  background-position: -120px -760px;
}
.ap-corn {
  background-position: -120px -780px;
}
.ap-ear_of_rice {
  background-position: -120px -800px;
}
.ap-herb {
  background-position: -140px 0px;
}
.ap-four_leaf_clover {
  background-position: -140px -20px;
}
.ap-maple_leaf {
  background-position: -140px -40px;
}
.ap-fallen_leaf {
  background-position: -140px -60px;
}
.ap-leaves {
  background-position: -140px -80px;
}
.ap-mushroom {
  background-position: -140px -100px;
}
.ap-tomato {
  background-position: -140px -120px;
}
.ap-eggplant {
  background-position: -140px -140px;
}
.ap-grapes {
  background-position: -140px -160px;
}
.ap-melon {
  background-position: -140px -180px;
}
.ap-watermelon {
  background-position: -140px -200px;
}
.ap-tangerine {
  background-position: -140px -220px;
}
.ap-lemon {
  background-position: -140px -240px;
}
.ap-banana {
  background-position: -140px -260px;
}
.ap-pineapple {
  background-position: -140px -280px;
}
.ap-apple {
  background-position: -140px -300px;
}
.ap-green_apple {
  background-position: -140px -320px;
}
.ap-pear {
  background-position: -140px -340px;
}
.ap-peach {
  background-position: -140px -360px;
}
.ap-cherries {
  background-position: -140px -380px;
}
.ap-strawberry {
  background-position: -140px -400px;
}
.ap-hamburger {
  background-position: -140px -420px;
}
.ap-pizza {
  background-position: -140px -440px;
}
.ap-meat_on_bone {
  background-position: -140px -460px;
}
.ap-poultry_leg {
  background-position: -140px -480px;
}
.ap-rice_cracker {
  background-position: -140px -500px;
}
.ap-rice_ball {
  background-position: -140px -520px;
}
.ap-rice {
  background-position: -140px -540px;
}
.ap-curry {
  background-position: -140px -560px;
}
.ap-ramen {
  background-position: -140px -580px;
}
.ap-spaghetti {
  background-position: -140px -600px;
}
.ap-bread {
  background-position: -140px -620px;
}
.ap-fries {
  background-position: -140px -640px;
}
.ap-sweet_potato {
  background-position: -140px -660px;
}
.ap-dango {
  background-position: -140px -680px;
}
.ap-oden {
  background-position: -140px -700px;
}
.ap-sushi {
  background-position: -140px -720px;
}
.ap-fried_shrimp {
  background-position: -140px -740px;
}
.ap-fish_cake {
  background-position: -140px -760px;
}
.ap-icecream {
  background-position: -140px -780px;
}
.ap-shaved_ice {
  background-position: -140px -800px;
}
.ap-ice_cream {
  background-position: -160px 0px;
}
.ap-doughnut {
  background-position: -160px -20px;
}
.ap-cookie {
  background-position: -160px -40px;
}
.ap-chocolate_bar {
  background-position: -160px -60px;
}
.ap-candy {
  background-position: -160px -80px;
}
.ap-lollipop {
  background-position: -160px -100px;
}
.ap-custard {
  background-position: -160px -120px;
}
.ap-honey_pot {
  background-position: -160px -140px;
}
.ap-cake {
  background-position: -160px -160px;
}
.ap-bento {
  background-position: -160px -180px;
}
.ap-stew {
  background-position: -160px -200px;
}
.ap-egg {
  background-position: -160px -220px;
}
.ap-fork_and_knife {
  background-position: -160px -240px;
}
.ap-tea {
  background-position: -160px -260px;
}
.ap-sake {
  background-position: -160px -280px;
}
.ap-wine_glass {
  background-position: -160px -300px;
}
.ap-cocktail {
  background-position: -160px -320px;
}
.ap-tropical_drink {
  background-position: -160px -340px;
}
.ap-beer {
  background-position: -160px -360px;
}
.ap-beers {
  background-position: -160px -380px;
}
.ap-baby_bottle {
  background-position: -160px -400px;
}
.ap-knife_fork_plate {
  background-position: -160px -420px;
}
.ap-champagne {
  background-position: -160px -440px;
}
.ap-popcorn {
  background-position: -160px -460px;
}
.ap-ribbon {
  background-position: -160px -480px;
}
.ap-gift {
  background-position: -160px -500px;
}
.ap-birthday {
  background-position: -160px -520px;
}
.ap-jack_o_lantern {
  background-position: -160px -540px;
}
.ap-christmas_tree {
  background-position: -160px -560px;
}
.ap-santa {
  background-position: -160px -580px;
}
.ap-fireworks {
  background-position: -160px -700px;
}
.ap-sparkler {
  background-position: -160px -720px;
}
.ap-balloon {
  background-position: -160px -740px;
}
.ap-tada {
  background-position: -160px -760px;
}
.ap-confetti_ball {
  background-position: -160px -780px;
}
.ap-tanabata_tree {
  background-position: -160px -800px;
}
.ap-crossed_flags {
  background-position: -180px 0px;
}
.ap-bamboo {
  background-position: -180px -20px;
}
.ap-dolls {
  background-position: -180px -40px;
}
.ap-flags {
  background-position: -180px -60px;
}
.ap-wind_chime {
  background-position: -180px -80px;
}
.ap-rice_scene {
  background-position: -180px -100px;
}
.ap-school_satchel {
  background-position: -180px -120px;
}
.ap-mortar_board {
  background-position: -180px -140px;
}
.ap-medal {
  background-position: -180px -160px;
}
.ap-reminder_ribbon {
  background-position: -180px -180px;
}
.ap-studio_microphone {
  background-position: -180px -200px;
}
.ap-level_slider {
  background-position: -180px -220px;
}
.ap-control_knobs {
  background-position: -180px -240px;
}
.ap-film_frames {
  background-position: -180px -260px;
}
.ap-admission_tickets {
  background-position: -180px -280px;
}
.ap-carousel_horse {
  background-position: -180px -300px;
}
.ap-ferris_wheel {
  background-position: -180px -320px;
}
.ap-roller_coaster {
  background-position: -180px -340px;
}
.ap-fishing_pole_and_fish {
  background-position: -180px -360px;
}
.ap-microphone {
  background-position: -180px -380px;
}
.ap-movie_camera {
  background-position: -180px -400px;
}
.ap-cinema {
  background-position: -180px -420px;
}
.ap-headphones {
  background-position: -180px -440px;
}
.ap-art {
  background-position: -180px -460px;
}
.ap-tophat {
  background-position: -180px -480px;
}
.ap-circus_tent {
  background-position: -180px -500px;
}
.ap-ticket {
  background-position: -180px -520px;
}
.ap-clapper {
  background-position: -180px -540px;
}
.ap-performing_arts {
  background-position: -180px -560px;
}
.ap-video_game {
  background-position: -180px -580px;
}
.ap-dart {
  background-position: -180px -600px;
}
.ap-slot_machine {
  background-position: -180px -620px;
}
.ap-8ball {
  background-position: -180px -640px;
}
.ap-game_die {
  background-position: -180px -660px;
}
.ap-bowling {
  background-position: -180px -680px;
}
.ap-flower_playing_cards {
  background-position: -180px -700px;
}
.ap-musical_note {
  background-position: -180px -720px;
}
.ap-notes {
  background-position: -180px -740px;
}
.ap-saxophone {
  background-position: -180px -760px;
}
.ap-guitar {
  background-position: -180px -780px;
}
.ap-musical_keyboard {
  background-position: -180px -800px;
}
.ap-trumpet {
  background-position: -200px 0px;
}
.ap-violin {
  background-position: -200px -20px;
}
.ap-musical_score {
  background-position: -200px -40px;
}
.ap-running_shirt_with_sash {
  background-position: -200px -60px;
}
.ap-tennis {
  background-position: -200px -80px;
}
.ap-ski {
  background-position: -200px -100px;
}
.ap-basketball {
  background-position: -200px -120px;
}
.ap-checkered_flag {
  background-position: -200px -140px;
}
.ap-snowboarder {
  background-position: -200px -160px;
}
.ap-runner {
  background-position: -200px -180px;
}
.ap-surfer {
  background-position: -200px -300px;
}
.ap-sports_medal {
  background-position: -200px -420px;
}
.ap-trophy {
  background-position: -200px -440px;
}
.ap-horse_racing {
  background-position: -200px -460px;
}
.ap-football {
  background-position: -200px -480px;
}
.ap-rugby_football {
  background-position: -200px -500px;
}
.ap-swimmer {
  background-position: -200px -520px;
}
.ap-weight_lifter {
  background-position: -200px -640px;
}
.ap-golfer {
  background-position: -200px -760px;
}
.ap-racing_motorcycle {
  background-position: -200px -780px;
}
.ap-racing_car {
  background-position: -200px -800px;
}
.ap-cricket_bat_and_ball {
  background-position: -220px 0px;
}
.ap-volleyball {
  background-position: -220px -20px;
}
.ap-field_hockey_stick_and_ball {
  background-position: -220px -40px;
}
.ap-ice_hockey_stick_and_puck {
  background-position: -220px -60px;
}
.ap-table_tennis_paddle_and_ball {
  background-position: -220px -80px;
}
.ap-snow_capped_mountain {
  background-position: -220px -100px;
}
.ap-camping {
  background-position: -220px -120px;
}
.ap-beach_with_umbrella {
  background-position: -220px -140px;
}
.ap-building_construction {
  background-position: -220px -160px;
}
.ap-house_buildings {
  background-position: -220px -180px;
}
.ap-cityscape {
  background-position: -220px -200px;
}
.ap-derelict_house_building {
  background-position: -220px -220px;
}
.ap-classical_building {
  background-position: -220px -240px;
}
.ap-desert {
  background-position: -220px -260px;
}
.ap-desert_island {
  background-position: -220px -280px;
}
.ap-national_park {
  background-position: -220px -300px;
}
.ap-stadium {
  background-position: -220px -320px;
}
.ap-house {
  background-position: -220px -340px;
}
.ap-house_with_garden {
  background-position: -220px -360px;
}
.ap-office {
  background-position: -220px -380px;
}
.ap-post_office {
  background-position: -220px -400px;
}
.ap-european_post_office {
  background-position: -220px -420px;
}
.ap-hospital {
  background-position: -220px -440px;
}
.ap-bank {
  background-position: -220px -460px;
}
.ap-atm {
  background-position: -220px -480px;
}
.ap-hotel {
  background-position: -220px -500px;
}
.ap-love_hotel {
  background-position: -220px -520px;
}
.ap-convenience_store {
  background-position: -220px -540px;
}
.ap-school {
  background-position: -220px -560px;
}
.ap-department_store {
  background-position: -220px -580px;
}
.ap-factory {
  background-position: -220px -600px;
}
.ap-izakaya_lantern {
  background-position: -220px -620px;
}
.ap-japanese_castle {
  background-position: -220px -640px;
}
.ap-european_castle {
  background-position: -220px -660px;
}
.ap-waving_white_flag {
  background-position: -220px -680px;
}
.ap-waving_black_flag {
  background-position: -220px -700px;
}
.ap-rosette {
  background-position: -220px -720px;
}
.ap-label {
  background-position: -220px -740px;
}
.ap-badminton_racquet_and_shuttlecock {
  background-position: -220px -760px;
}
.ap-bow_and_arrow {
  background-position: -220px -780px;
}
.ap-amphora {
  background-position: -220px -800px;
}
.ap-skin-tone-2 {
  background-position: -240px 0px;
}
.ap-skin-tone-3 {
  background-position: -240px -20px;
}
.ap-skin-tone-4 {
  background-position: -240px -40px;
}
.ap-skin-tone-5 {
  background-position: -240px -60px;
}
.ap-skin-tone-6 {
  background-position: -240px -80px;
}
.ap-rat {
  background-position: -240px -100px;
}
.ap-mouse2 {
  background-position: -240px -120px;
}
.ap-ox {
  background-position: -240px -140px;
}
.ap-water_buffalo {
  background-position: -240px -160px;
}
.ap-cow2 {
  background-position: -240px -180px;
}
.ap-tiger2 {
  background-position: -240px -200px;
}
.ap-leopard {
  background-position: -240px -220px;
}
.ap-rabbit2 {
  background-position: -240px -240px;
}
.ap-cat2 {
  background-position: -240px -260px;
}
.ap-dragon {
  background-position: -240px -280px;
}
.ap-crocodile {
  background-position: -240px -300px;
}
.ap-whale2 {
  background-position: -240px -320px;
}
.ap-snail {
  background-position: -240px -340px;
}
.ap-snake {
  background-position: -240px -360px;
}
.ap-racehorse {
  background-position: -240px -380px;
}
.ap-ram {
  background-position: -240px -400px;
}
.ap-goat {
  background-position: -240px -420px;
}
.ap-sheep {
  background-position: -240px -440px;
}
.ap-monkey {
  background-position: -240px -460px;
}
.ap-rooster {
  background-position: -240px -480px;
}
.ap-chicken {
  background-position: -240px -500px;
}
.ap-dog2 {
  background-position: -240px -520px;
}
.ap-pig2 {
  background-position: -240px -540px;
}
.ap-boar {
  background-position: -240px -560px;
}
.ap-elephant {
  background-position: -240px -580px;
}
.ap-octopus {
  background-position: -240px -600px;
}
.ap-shell {
  background-position: -240px -620px;
}
.ap-bug {
  background-position: -240px -640px;
}
.ap-ant {
  background-position: -240px -660px;
}
.ap-bee {
  background-position: -240px -680px;
}
.ap-beetle {
  background-position: -240px -700px;
}
.ap-fish {
  background-position: -240px -720px;
}
.ap-tropical_fish {
  background-position: -240px -740px;
}
.ap-blowfish {
  background-position: -240px -760px;
}
.ap-turtle {
  background-position: -240px -780px;
}
.ap-hatching_chick {
  background-position: -240px -800px;
}
.ap-baby_chick {
  background-position: -260px 0px;
}
.ap-hatched_chick {
  background-position: -260px -20px;
}
.ap-bird {
  background-position: -260px -40px;
}
.ap-penguin {
  background-position: -260px -60px;
}
.ap-koala {
  background-position: -260px -80px;
}
.ap-poodle {
  background-position: -260px -100px;
}
.ap-dromedary_camel {
  background-position: -260px -120px;
}
.ap-camel {
  background-position: -260px -140px;
}
.ap-dolphin {
  background-position: -260px -160px;
}
.ap-mouse {
  background-position: -260px -180px;
}
.ap-cow {
  background-position: -260px -200px;
}
.ap-tiger {
  background-position: -260px -220px;
}
.ap-rabbit {
  background-position: -260px -240px;
}
.ap-cat {
  background-position: -260px -260px;
}
.ap-dragon_face {
  background-position: -260px -280px;
}
.ap-whale {
  background-position: -260px -300px;
}
.ap-horse {
  background-position: -260px -320px;
}
.ap-monkey_face {
  background-position: -260px -340px;
}
.ap-dog {
  background-position: -260px -360px;
}
.ap-pig {
  background-position: -260px -380px;
}
.ap-frog {
  background-position: -260px -400px;
}
.ap-hamster {
  background-position: -260px -420px;
}
.ap-wolf {
  background-position: -260px -440px;
}
.ap-bear {
  background-position: -260px -460px;
}
.ap-panda_face {
  background-position: -260px -480px;
}
.ap-pig_nose {
  background-position: -260px -500px;
}
.ap-feet {
  background-position: -260px -520px;
}
.ap-chipmunk {
  background-position: -260px -540px;
}
.ap-eyes {
  background-position: -260px -560px;
}
.ap-eye {
  background-position: -260px -580px;
}
.ap-ear {
  background-position: -260px -600px;
}
.ap-nose {
  background-position: -260px -720px;
}
.ap-lips {
  background-position: -280px -20px;
}
.ap-tongue {
  background-position: -280px -40px;
}
.ap-point_up_2 {
  background-position: -280px -60px;
}
.ap-point_down {
  background-position: -280px -180px;
}
.ap-point_left {
  background-position: -280px -300px;
}
.ap-point_right {
  background-position: -280px -420px;
}
.ap-facepunch {
  background-position: -280px -540px;
}
.ap-wave {
  background-position: -280px -660px;
}
.ap-ok_hand {
  background-position: -280px -780px;
}
.ap-thumbsup {
  background-position: -300px -80px;
}
.ap--1,
.ap-thumbsdown {
  background-position: -300px -200px;
}
.ap-clap {
  background-position: -300px -320px;
}
.ap-open_hands {
  background-position: -300px -440px;
}
.ap-crown {
  background-position: -300px -560px;
}
.ap-womans_hat {
  background-position: -300px -580px;
}
.ap-eyeglasses {
  background-position: -300px -600px;
}
.ap-necktie {
  background-position: -300px -620px;
}
.ap-shirt {
  background-position: -300px -640px;
}
.ap-jeans {
  background-position: -300px -660px;
}
.ap-dress {
  background-position: -300px -680px;
}
.ap-kimono {
  background-position: -300px -700px;
}
.ap-bikini {
  background-position: -300px -720px;
}
.ap-womans_clothes {
  background-position: -300px -740px;
}
.ap-purse {
  background-position: -300px -760px;
}
.ap-handbag {
  background-position: -300px -780px;
}
.ap-pouch {
  background-position: -300px -800px;
}
.ap-mans_shoe {
  background-position: -320px 0px;
}
.ap-athletic_shoe {
  background-position: -320px -20px;
}
.ap-high_heel {
  background-position: -320px -40px;
}
.ap-sandal {
  background-position: -320px -60px;
}
.ap-boot {
  background-position: -320px -80px;
}
.ap-footprints {
  background-position: -320px -100px;
}
.ap-bust_in_silhouette {
  background-position: -320px -120px;
}
.ap-busts_in_silhouette {
  background-position: -320px -140px;
}
.ap-boy {
  background-position: -320px -160px;
}
.ap-girl {
  background-position: -320px -280px;
}
.ap-man {
  background-position: -320px -400px;
}
.ap-woman {
  background-position: -320px -520px;
}
.ap-family {
  background-position: -320px -640px;
}
.ap-couple {
  background-position: -320px -660px;
}
.ap-two_men_holding_hands {
  background-position: -320px -680px;
}
.ap-two_women_holding_hands {
  background-position: -320px -700px;
}
.ap-cop {
  background-position: -320px -720px;
}
.ap-dancers {
  background-position: -340px -20px;
}
.ap-bride_with_veil {
  background-position: -340px -40px;
}
.ap-person_with_blond_hair {
  background-position: -340px -160px;
}
.ap-man_with_gua_pi_mao {
  background-position: -340px -280px;
}
.ap-man_with_turban {
  background-position: -340px -400px;
}
.ap-older_man {
  background-position: -340px -520px;
}
.ap-older_woman {
  background-position: -340px -640px;
}
.ap-baby {
  background-position: -340px -760px;
}
.ap-construction_worker {
  background-position: -360px -60px;
}
.ap-princess {
  background-position: -360px -180px;
}
.ap-japanese_ogre {
  background-position: -360px -300px;
}
.ap-japanese_goblin {
  background-position: -360px -320px;
}
.ap-ghost {
  background-position: -360px -340px;
}
.ap-angel {
  background-position: -360px -360px;
}
.ap-alien {
  background-position: -360px -480px;
}
.ap-space_invader {
  background-position: -360px -500px;
}
.ap-imp {
  background-position: -360px -520px;
}
.ap-skull {
  background-position: -360px -540px;
}
.ap-information_desk_person {
  background-position: -360px -560px;
}
.ap-guardsman {
  background-position: -360px -680px;
}
.ap-dancer {
  background-position: -360px -800px;
}
.ap-lipstick {
  background-position: -380px -100px;
}
.ap-nail_care {
  background-position: -380px -120px;
}
.ap-massage {
  background-position: -380px -240px;
}
.ap-haircut {
  background-position: -380px -360px;
}
.ap-barber {
  background-position: -380px -480px;
}
.ap-syringe {
  background-position: -380px -500px;
}
.ap-pill {
  background-position: -380px -520px;
}
.ap-kiss {
  background-position: -380px -540px;
}
.ap-love_letter {
  background-position: -380px -560px;
}
.ap-ring {
  background-position: -380px -580px;
}
.ap-gem {
  background-position: -380px -600px;
}
.ap-couplekiss {
  background-position: -380px -620px;
}
.ap-bouquet {
  background-position: -380px -640px;
}
.ap-couple_with_heart {
  background-position: -380px -660px;
}
.ap-wedding {
  background-position: -380px -680px;
}
.ap-heartbeat {
  background-position: -380px -700px;
}
.ap-broken_heart {
  background-position: -380px -720px;
}
.ap-two_hearts {
  background-position: -380px -740px;
}
.ap-sparkling_heart {
  background-position: -380px -760px;
}
.ap-heartpulse {
  background-position: -380px -780px;
}
.ap-cupid {
  background-position: -380px -800px;
}
.ap-blue_heart {
  background-position: -400px 0px;
}
.ap-green_heart {
  background-position: -400px -20px;
}
.ap-yellow_heart {
  background-position: -400px -40px;
}
.ap-purple_heart {
  background-position: -400px -60px;
}
.ap-gift_heart {
  background-position: -400px -80px;
}
.ap-revolving_hearts {
  background-position: -400px -100px;
}
.ap-heart_decoration {
  background-position: -400px -120px;
}
.ap-diamond_shape_with_a_dot_inside {
  background-position: -400px -140px;
}
.ap-bulb {
  background-position: -400px -160px;
}
.ap-anger {
  background-position: -400px -180px;
}
.ap-bomb {
  background-position: -400px -200px;
}
.ap-zzz {
  background-position: -400px -220px;
}
.ap-boom {
  background-position: -400px -240px;
}
.ap-sweat_drops {
  background-position: -400px -260px;
}
.ap-droplet {
  background-position: -400px -280px;
}
.ap-dash {
  background-position: -400px -300px;
}
.ap-hankey {
  background-position: -400px -320px;
}
.ap-muscle {
  background-position: -400px -340px;
}
.ap-dizzy {
  background-position: -400px -460px;
}
.ap-speech_balloon {
  background-position: -400px -480px;
}
.ap-thought_balloon {
  background-position: -400px -500px;
}
.ap-white_flower {
  background-position: -400px -520px;
}
.ap-100 {
  background-position: -400px -540px;
}
.ap-moneybag {
  background-position: -400px -560px;
}
.ap-currency_exchange {
  background-position: -400px -580px;
}
.ap-heavy_dollar_sign {
  background-position: -400px -600px;
}
.ap-credit_card {
  background-position: -400px -620px;
}
.ap-yen {
  background-position: -400px -640px;
}
.ap-dollar {
  background-position: -400px -660px;
}
.ap-euro {
  background-position: -400px -680px;
}
.ap-pound {
  background-position: -400px -700px;
}
.ap-money_with_wings {
  background-position: -400px -720px;
}
.ap-chart {
  background-position: -400px -740px;
}
.ap-seat {
  background-position: -400px -760px;
}
.ap-computer {
  background-position: -400px -780px;
}
.ap-briefcase {
  background-position: -400px -800px;
}
.ap-minidisc {
  background-position: -420px 0px;
}
.ap-floppy_disk {
  background-position: -420px -20px;
}
.ap-cd {
  background-position: -420px -40px;
}
.ap-dvd {
  background-position: -420px -60px;
}
.ap-file_folder {
  background-position: -420px -80px;
}
.ap-open_file_folder {
  background-position: -420px -100px;
}
.ap-page_with_curl {
  background-position: -420px -120px;
}
.ap-page_facing_up {
  background-position: -420px -140px;
}
.ap-date {
  background-position: -420px -160px;
}
.ap-calendar {
  background-position: -420px -180px;
}
.ap-card_index {
  background-position: -420px -200px;
}
.ap-chart_with_upwards_trend {
  background-position: -420px -220px;
}
.ap-chart_with_downwards_trend {
  background-position: -420px -240px;
}
.ap-bar_chart {
  background-position: -420px -260px;
}
.ap-clipboard {
  background-position: -420px -280px;
}
.ap-pushpin {
  background-position: -420px -300px;
}
.ap-round_pushpin {
  background-position: -420px -320px;
}
.ap-paperclip {
  background-position: -420px -340px;
}
.ap-straight_ruler {
  background-position: -420px -360px;
}
.ap-triangular_ruler {
  background-position: -420px -380px;
}
.ap-bookmark_tabs {
  background-position: -420px -400px;
}
.ap-ledger {
  background-position: -420px -420px;
}
.ap-notebook {
  background-position: -420px -440px;
}
.ap-notebook_with_decorative_cover {
  background-position: -420px -460px;
}
.ap-closed_book {
  background-position: -420px -480px;
}
.ap-book {
  background-position: -420px -500px;
}
.ap-green_book {
  background-position: -420px -520px;
}
.ap-blue_book {
  background-position: -420px -540px;
}
.ap-orange_book {
  background-position: -420px -560px;
}
.ap-books {
  background-position: -420px -580px;
}
.ap-name_badge {
  background-position: -420px -600px;
}
.ap-scroll {
  background-position: -420px -620px;
}
.ap-memo {
  background-position: -420px -640px;
}
.ap-telephone_receiver {
  background-position: -420px -660px;
}
.ap-pager {
  background-position: -420px -680px;
}
.ap-fax {
  background-position: -420px -700px;
}
.ap-satellite_antenna {
  background-position: -420px -720px;
}
.ap-loudspeaker {
  background-position: -420px -740px;
}
.ap-mega {
  background-position: -420px -760px;
}
.ap-outbox_tray {
  background-position: -420px -780px;
}
.ap-inbox_tray {
  background-position: -420px -800px;
}
.ap-package {
  background-position: -440px 0px;
}
.ap-e-mail {
  background-position: -440px -20px;
}
.ap-incoming_envelope {
  background-position: -440px -40px;
}
.ap-envelope_with_arrow {
  background-position: -440px -60px;
}
.ap-mailbox_closed {
  background-position: -440px -80px;
}
.ap-mailbox {
  background-position: -440px -100px;
}
.ap-mailbox_with_mail {
  background-position: -440px -120px;
}
.ap-mailbox_with_no_mail {
  background-position: -440px -140px;
}
.ap-postbox {
  background-position: -440px -160px;
}
.ap-postal_horn {
  background-position: -440px -180px;
}
.ap-newspaper {
  background-position: -440px -200px;
}
.ap-iphone {
  background-position: -440px -220px;
}
.ap-calling {
  background-position: -440px -240px;
}
.ap-vibration_mode {
  background-position: -440px -260px;
}
.ap-mobile_phone_off {
  background-position: -440px -280px;
}
.ap-no_mobile_phones {
  background-position: -440px -300px;
}
.ap-signal_strength {
  background-position: -440px -320px;
}
.ap-camera {
  background-position: -440px -340px;
}
.ap-camera_with_flash {
  background-position: -440px -360px;
}
.ap-video_camera {
  background-position: -440px -380px;
}
.ap-tv {
  background-position: -440px -400px;
}
.ap-radio {
  background-position: -440px -420px;
}
.ap-vhs {
  background-position: -440px -440px;
}
.ap-film_projector {
  background-position: -440px -460px;
}
.ap-prayer_beads {
  background-position: -440px -480px;
}
.ap-twisted_rightwards_arrows {
  background-position: -440px -500px;
}
.ap-repeat {
  background-position: -440px -520px;
}
.ap-repeat_one {
  background-position: -440px -540px;
}
.ap-arrows_clockwise {
  background-position: -440px -560px;
}
.ap-arrows_counterclockwise {
  background-position: -440px -580px;
}
.ap-low_brightness {
  background-position: -440px -600px;
}
.ap-high_brightness {
  background-position: -440px -620px;
}
.ap-mute {
  background-position: -440px -640px;
}
.ap-speaker {
  background-position: -440px -660px;
}
.ap-sound {
  background-position: -440px -680px;
}
.ap-loud_sound {
  background-position: -440px -700px;
}
.ap-battery {
  background-position: -440px -720px;
}
.ap-electric_plug {
  background-position: -440px -740px;
}
.ap-mag {
  background-position: -440px -760px;
}
.ap-mag_right {
  background-position: -440px -780px;
}
.ap-lock_with_ink_pen {
  background-position: -440px -800px;
}
.ap-closed_lock_with_key {
  background-position: -460px 0px;
}
.ap-key {
  background-position: -460px -20px;
}
.ap-lock {
  background-position: -460px -40px;
}
.ap-unlock {
  background-position: -460px -60px;
}
.ap-bell {
  background-position: -460px -80px;
}
.ap-no_bell {
  background-position: -460px -100px;
}
.ap-bookmark {
  background-position: -460px -120px;
}
.ap-link {
  background-position: -460px -140px;
}
.ap-radio_button {
  background-position: -460px -160px;
}
.ap-back {
  background-position: -460px -180px;
}
.ap-end {
  background-position: -460px -200px;
}
.ap-on {
  background-position: -460px -220px;
}
.ap-soon {
  background-position: -460px -240px;
}
.ap-top {
  background-position: -460px -260px;
}
.ap-underage {
  background-position: -460px -280px;
}
.ap-keycap_ten {
  background-position: -460px -300px;
}
.ap-capital_abcd {
  background-position: -460px -320px;
}
.ap-abcd {
  background-position: -460px -340px;
}
.ap-1234 {
  background-position: -460px -360px;
}
.ap-symbols {
  background-position: -460px -380px;
}
.ap-abc {
  background-position: -460px -400px;
}
.ap-fire {
  background-position: -460px -420px;
}
.ap-flashlight {
  background-position: -460px -440px;
}
.ap-wrench {
  background-position: -460px -460px;
}
.ap-hammer {
  background-position: -460px -480px;
}
.ap-nut_and_bolt {
  background-position: -460px -500px;
}
.ap-hocho {
  background-position: -460px -520px;
}
.ap-gun {
  background-position: -460px -540px;
}
.ap-microscope {
  background-position: -460px -560px;
}
.ap-telescope {
  background-position: -460px -580px;
}
.ap-crystal_ball {
  background-position: -460px -600px;
}
.ap-six_pointed_star {
  background-position: -460px -620px;
}
.ap-beginner {
  background-position: -460px -640px;
}
.ap-trident {
  background-position: -460px -660px;
}
.ap-black_square_button {
  background-position: -460px -680px;
}
.ap-white_square_button {
  background-position: -460px -700px;
}
.ap-red_circle {
  background-position: -460px -720px;
}
.ap-large_blue_circle {
  background-position: -460px -740px;
}
.ap-large_orange_diamond {
  background-position: -460px -760px;
}
.ap-large_blue_diamond {
  background-position: -460px -780px;
}
.ap-small_orange_diamond {
  background-position: -460px -800px;
}
.ap-small_blue_diamond {
  background-position: -480px 0px;
}
.ap-small_red_triangle {
  background-position: -480px -20px;
}
.ap-small_red_triangle_down {
  background-position: -480px -40px;
}
.ap-arrow_up_small {
  background-position: -480px -60px;
}
.ap-arrow_down_small {
  background-position: -480px -80px;
}
.ap-om_symbol {
  background-position: -480px -100px;
}
.ap-dove_of_peace {
  background-position: -480px -120px;
}
.ap-kaaba {
  background-position: -480px -140px;
}
.ap-mosque {
  background-position: -480px -160px;
}
.ap-synagogue {
  background-position: -480px -180px;
}
.ap-menorah_with_nine_branches {
  background-position: -480px -200px;
}
.ap-clock1 {
  background-position: -480px -220px;
}
.ap-clock2 {
  background-position: -480px -240px;
}
.ap-clock3 {
  background-position: -480px -260px;
}
.ap-clock4 {
  background-position: -480px -280px;
}
.ap-clock5 {
  background-position: -480px -300px;
}
.ap-clock6 {
  background-position: -480px -320px;
}
.ap-clock7 {
  background-position: -480px -340px;
}
.ap-clock8 {
  background-position: -480px -360px;
}
.ap-clock9 {
  background-position: -480px -380px;
}
.ap-clock10 {
  background-position: -480px -400px;
}
.ap-clock11 {
  background-position: -480px -420px;
}
.ap-clock12 {
  background-position: -480px -440px;
}
.ap-clock130 {
  background-position: -480px -460px;
}
.ap-clock230 {
  background-position: -480px -480px;
}
.ap-clock330 {
  background-position: -480px -500px;
}
.ap-clock430 {
  background-position: -480px -520px;
}
.ap-clock530 {
  background-position: -480px -540px;
}
.ap-clock630 {
  background-position: -480px -560px;
}
.ap-clock730 {
  background-position: -480px -580px;
}
.ap-clock830 {
  background-position: -480px -600px;
}
.ap-clock930 {
  background-position: -480px -620px;
}
.ap-clock1030 {
  background-position: -480px -640px;
}
.ap-clock1130 {
  background-position: -480px -660px;
}
.ap-clock1230 {
  background-position: -480px -680px;
}
.ap-candle {
  background-position: -480px -700px;
}
.ap-mantelpiece_clock {
  background-position: -480px -720px;
}
.ap-hole {
  background-position: -480px -740px;
}
.ap-man_in_business_suit_levitating {
  background-position: -480px -760px;
}
.ap-sleuth_or_spy {
  background-position: -480px -780px;
}
.ap-dark_sunglasses {
  background-position: -500px -80px;
}
.ap-spider {
  background-position: -500px -100px;
}
.ap-spider_web {
  background-position: -500px -120px;
}
.ap-joystick {
  background-position: -500px -140px;
}
.ap-linked_paperclips {
  background-position: -500px -160px;
}
.ap-lower_left_ballpoint_pen {
  background-position: -500px -180px;
}
.ap-lower_left_fountain_pen {
  background-position: -500px -200px;
}
.ap-lower_left_paintbrush {
  background-position: -500px -220px;
}
.ap-lower_left_crayon {
  background-position: -500px -240px;
}
.ap-raised_hand_with_fingers_splayed {
  background-position: -500px -260px;
}
.ap-middle_finger {
  background-position: -500px -380px;
}
.ap-spock-hand {
  background-position: -500px -500px;
}
.ap-desktop_computer {
  background-position: -500px -620px;
}
.ap-printer {
  background-position: -500px -640px;
}
.ap-three_button_mouse {
  background-position: -500px -660px;
}
.ap-trackball {
  background-position: -500px -680px;
}
.ap-frame_with_picture {
  background-position: -500px -700px;
}
.ap-card_index_dividers {
  background-position: -500px -720px;
}
.ap-card_file_box {
  background-position: -500px -740px;
}
.ap-file_cabinet {
  background-position: -500px -760px;
}
.ap-wastebasket {
  background-position: -500px -780px;
}
.ap-spiral_note_pad {
  background-position: -500px -800px;
}
.ap-spiral_calendar_pad {
  background-position: -520px 0px;
}
.ap-compression {
  background-position: -520px -20px;
}
.ap-old_key {
  background-position: -520px -40px;
}
.ap-rolled_up_newspaper {
  background-position: -520px -60px;
}
.ap-dagger_knife {
  background-position: -520px -80px;
}
.ap-speaking_head_in_silhouette {
  background-position: -520px -100px;
}
.ap-left_speech_bubble {
  background-position: -520px -120px;
}
.ap-right_anger_bubble {
  background-position: -520px -140px;
}
.ap-ballot_box_with_ballot {
  background-position: -520px -160px;
}
.ap-world_map {
  background-position: -520px -180px;
}
.ap-mount_fuji {
  background-position: -520px -200px;
}
.ap-tokyo_tower {
  background-position: -520px -220px;
}
.ap-statue_of_liberty {
  background-position: -520px -240px;
}
.ap-japan {
  background-position: -520px -260px;
}
.ap-moyai {
  background-position: -520px -280px;
}
.ap-grinning {
  background-position: -520px -300px;
}
.ap-grin {
  background-position: -520px -320px;
}
.ap-joy {
  background-position: -520px -340px;
}
.ap-smiley {
  background-position: -520px -360px;
}
.ap-smile {
  background-position: -520px -380px;
}
.ap-sweat_smile {
  background-position: -520px -400px;
}
.ap-laughing {
  background-position: -520px -420px;
}
.ap-innocent {
  background-position: -520px -440px;
}
.ap-smiling_imp {
  background-position: -520px -460px;
}
.ap-wink {
  background-position: -520px -480px;
}
.ap-blush {
  background-position: -520px -500px;
}
.ap-yum {
  background-position: -520px -520px;
}
.ap-relieved {
  background-position: -520px -540px;
}
.ap-heart_eyes {
  background-position: -520px -560px;
}
.ap-sunglasses {
  background-position: -520px -580px;
}
.ap-smirk {
  background-position: -520px -600px;
}
.ap-neutral_face {
  background-position: -520px -620px;
}
.ap-expressionless {
  background-position: -520px -640px;
}
.ap-unamused {
  background-position: -520px -660px;
}
.ap-sweat {
  background-position: -520px -680px;
}
.ap-pensive {
  background-position: -520px -700px;
}
.ap-confused {
  background-position: -520px -720px;
}
.ap-confounded {
  background-position: -520px -740px;
}
.ap-kissing {
  background-position: -520px -760px;
}
.ap-kissing_heart {
  background-position: -520px -780px;
}
.ap-kissing_smiling_eyes {
  background-position: -520px -800px;
}
.ap-kissing_closed_eyes {
  background-position: -540px 0px;
}
.ap-stuck_out_tongue {
  background-position: -540px -20px;
}
.ap-stuck_out_tongue_winking_eye {
  background-position: -540px -40px;
}
.ap-stuck_out_tongue_closed_eyes {
  background-position: -540px -60px;
}
.ap-disappointed {
  background-position: -540px -80px;
}
.ap-worried {
  background-position: -540px -100px;
}
.ap-angry {
  background-position: -540px -120px;
}
.ap-rage {
  background-position: -540px -140px;
}
.ap-cry {
  background-position: -540px -160px;
}
.ap-persevere {
  background-position: -540px -180px;
}
.ap-triumph {
  background-position: -540px -200px;
}
.ap-disappointed_relieved {
  background-position: -540px -220px;
}
.ap-frowning {
  background-position: -540px -240px;
}
.ap-anguished {
  background-position: -540px -260px;
}
.ap-fearful {
  background-position: -540px -280px;
}
.ap-weary {
  background-position: -540px -300px;
}
.ap-sleepy {
  background-position: -540px -320px;
}
.ap-tired_face {
  background-position: -540px -340px;
}
.ap-grimacing {
  background-position: -540px -360px;
}
.ap-sob {
  background-position: -540px -380px;
}
.ap-open_mouth {
  background-position: -540px -400px;
}
.ap-hushed {
  background-position: -540px -420px;
}
.ap-cold_sweat {
  background-position: -540px -440px;
}
.ap-scream {
  background-position: -540px -460px;
}
.ap-astonished {
  background-position: -540px -480px;
}
.ap-flushed {
  background-position: -540px -500px;
}
.ap-sleeping {
  background-position: -540px -520px;
}
.ap-dizzy_face {
  background-position: -540px -540px;
}
.ap-no_mouth {
  background-position: -540px -560px;
}
.ap-mask {
  background-position: -540px -580px;
}
.ap-smile_cat {
  background-position: -540px -600px;
}
.ap-joy_cat {
  background-position: -540px -620px;
}
.ap-smiley_cat {
  background-position: -540px -640px;
}
.ap-heart_eyes_cat {
  background-position: -540px -660px;
}
.ap-smirk_cat {
  background-position: -540px -680px;
}
.ap-kissing_cat {
  background-position: -540px -700px;
}
.ap-pouting_cat {
  background-position: -540px -720px;
}
.ap-crying_cat_face {
  background-position: -540px -740px;
}
.ap-scream_cat {
  background-position: -540px -760px;
}
.ap-slightly_frowning_face {
  background-position: -540px -780px;
}
.ap-slightly_smiling_face {
  background-position: -540px -800px;
}
.ap-upside_down_face {
  background-position: -560px 0px;
}
.ap-face_with_rolling_eyes {
  background-position: -560px -20px;
}
.ap-no_good {
  background-position: -560px -40px;
}
.ap-ok_woman {
  background-position: -560px -160px;
}
.ap-bow {
  background-position: -560px -280px;
}
.ap-see_no_evil {
  background-position: -560px -400px;
}
.ap-hear_no_evil {
  background-position: -560px -420px;
}
.ap-speak_no_evil {
  background-position: -560px -440px;
}
.ap-raising_hand {
  background-position: -560px -460px;
}
.ap-raised_hands {
  background-position: -560px -580px;
}
.ap-person_frowning {
  background-position: -560px -700px;
}
.ap-person_with_pouting_face {
  background-position: -580px 0px;
}
.ap-pray {
  background-position: -580px -120px;
}
.ap-rocket {
  background-position: -580px -240px;
}
.ap-helicopter {
  background-position: -580px -260px;
}
.ap-steam_locomotive {
  background-position: -580px -280px;
}
.ap-railway_car {
  background-position: -580px -300px;
}
.ap-bullettrain_side {
  background-position: -580px -320px;
}
.ap-bullettrain_front {
  background-position: -580px -340px;
}
.ap-train2 {
  background-position: -580px -360px;
}
.ap-metro {
  background-position: -580px -380px;
}
.ap-light_rail {
  background-position: -580px -400px;
}
.ap-station {
  background-position: -580px -420px;
}
.ap-tram {
  background-position: -580px -440px;
}
.ap-train {
  background-position: -580px -460px;
}
.ap-bus {
  background-position: -580px -480px;
}
.ap-oncoming_bus {
  background-position: -580px -500px;
}
.ap-trolleybus {
  background-position: -580px -520px;
}
.ap-busstop {
  background-position: -580px -540px;
}
.ap-minibus {
  background-position: -580px -560px;
}
.ap-ambulance {
  background-position: -580px -580px;
}
.ap-fire_engine {
  background-position: -580px -600px;
}
.ap-police_car {
  background-position: -580px -620px;
}
.ap-oncoming_police_car {
  background-position: -580px -640px;
}
.ap-taxi {
  background-position: -580px -660px;
}
.ap-oncoming_taxi {
  background-position: -580px -680px;
}
.ap-car {
  background-position: -580px -700px;
}
.ap-oncoming_automobile {
  background-position: -580px -720px;
}
.ap-blue_car {
  background-position: -580px -740px;
}
.ap-truck {
  background-position: -580px -760px;
}
.ap-articulated_lorry {
  background-position: -580px -780px;
}
.ap-tractor {
  background-position: -580px -800px;
}
.ap-monorail {
  background-position: -600px 0px;
}
.ap-mountain_railway {
  background-position: -600px -20px;
}
.ap-suspension_railway {
  background-position: -600px -40px;
}
.ap-mountain_cableway {
  background-position: -600px -60px;
}
.ap-aerial_tramway {
  background-position: -600px -80px;
}
.ap-ship {
  background-position: -600px -100px;
}
.ap-rowboat {
  background-position: -600px -120px;
}
.ap-speedboat {
  background-position: -600px -240px;
}
.ap-traffic_light {
  background-position: -600px -260px;
}
.ap-vertical_traffic_light {
  background-position: -600px -280px;
}
.ap-construction {
  background-position: -600px -300px;
}
.ap-rotating_light {
  background-position: -600px -320px;
}
.ap-triangular_flag_on_post {
  background-position: -600px -340px;
}
.ap-door {
  background-position: -600px -360px;
}
.ap-no_entry_sign {
  background-position: -600px -380px;
}
.ap-smoking {
  background-position: -600px -400px;
}
.ap-no_smoking {
  background-position: -600px -420px;
}
.ap-put_litter_in_its_place {
  background-position: -600px -440px;
}
.ap-do_not_litter {
  background-position: -600px -460px;
}
.ap-potable_water {
  background-position: -600px -480px;
}
.ap-non-potable_water {
  background-position: -600px -500px;
}
.ap-bike {
  background-position: -600px -520px;
}
.ap-no_bicycles {
  background-position: -600px -540px;
}
.ap-bicyclist {
  background-position: -600px -560px;
}
.ap-mountain_bicyclist {
  background-position: -600px -680px;
}
.ap-walking {
  background-position: -600px -800px;
}
.ap-no_pedestrians {
  background-position: -620px -100px;
}
.ap-children_crossing {
  background-position: -620px -120px;
}
.ap-mens {
  background-position: -620px -140px;
}
.ap-womens {
  background-position: -620px -160px;
}
.ap-restroom {
  background-position: -620px -180px;
}
.ap-baby_symbol {
  background-position: -620px -200px;
}
.ap-toilet {
  background-position: -620px -220px;
}
.ap-wc {
  background-position: -620px -240px;
}
.ap-shower {
  background-position: -620px -260px;
}
.ap-bath {
  background-position: -620px -280px;
}
.ap-bathtub {
  background-position: -620px -400px;
}
.ap-passport_control {
  background-position: -620px -420px;
}
.ap-customs {
  background-position: -620px -440px;
}
.ap-baggage_claim {
  background-position: -620px -460px;
}
.ap-left_luggage {
  background-position: -620px -480px;
}
.ap-couch_and_lamp {
  background-position: -620px -500px;
}
.ap-sleeping_accommodation {
  background-position: -620px -520px;
}
.ap-shopping_bags {
  background-position: -620px -540px;
}
.ap-bellhop_bell {
  background-position: -620px -560px;
}
.ap-bed {
  background-position: -620px -580px;
}
.ap-place_of_worship {
  background-position: -620px -600px;
}
.ap-hammer_and_wrench {
  background-position: -620px -620px;
}
.ap-shield {
  background-position: -620px -640px;
}
.ap-oil_drum {
  background-position: -620px -660px;
}
.ap-motorway {
  background-position: -620px -680px;
}
.ap-railway_track {
  background-position: -620px -700px;
}
.ap-motor_boat {
  background-position: -620px -720px;
}
.ap-small_airplane {
  background-position: -620px -740px;
}
.ap-airplane_departure {
  background-position: -620px -760px;
}
.ap-airplane_arriving {
  background-position: -620px -780px;
}
.ap-satellite {
  background-position: -620px -800px;
}
.ap-passenger_ship {
  background-position: -640px 0px;
}
.ap-zipper_mouth_face {
  background-position: -640px -20px;
}
.ap-money_mouth_face {
  background-position: -640px -40px;
}
.ap-face_with_thermometer {
  background-position: -640px -60px;
}
.ap-nerd_face {
  background-position: -640px -80px;
}
.ap-thinking_face {
  background-position: -640px -100px;
}
.ap-face_with_head_bandage {
  background-position: -640px -120px;
}
.ap-robot_face {
  background-position: -640px -140px;
}
.ap-hugging_face {
  background-position: -640px -160px;
}
.ap-the_horns {
  background-position: -640px -180px;
}
.ap-crab {
  background-position: -640px -300px;
}
.ap-lion_face {
  background-position: -640px -320px;
}
.ap-scorpion {
  background-position: -640px -340px;
}
.ap-turkey {
  background-position: -640px -360px;
}
.ap-unicorn_face {
  background-position: -640px -380px;
}
.ap-cheese_wedge {
  background-position: -640px -400px;
}
.ap-hash {
  background-position: -640px -420px;
}
.ap-keycap_star {
  background-position: -640px -440px;
}
.ap-zero {
  background-position: -640px -460px;
}
.ap-one {
  background-position: -640px -480px;
}
.ap-two {
  background-position: -640px -500px;
}
.ap-three {
  background-position: -640px -520px;
}
.ap-four {
  background-position: -640px -540px;
}
.ap-five {
  background-position: -640px -560px;
}
.ap-six {
  background-position: -640px -580px;
}
.ap-seven {
  background-position: -640px -600px;
}
.ap-eight {
  background-position: -640px -620px;
}
.ap-nine {
  background-position: -640px -640px;
}
.ap-flag-ac {
  background-position: -640px -660px;
}
.ap-flag-ad {
  background-position: -640px -680px;
}
.ap-flag-ae {
  background-position: -640px -700px;
}
.ap-flag-af {
  background-position: -640px -720px;
}
.ap-flag-ag {
  background-position: -640px -740px;
}
.ap-flag-ai {
  background-position: -640px -760px;
}
.ap-flag-al {
  background-position: -640px -780px;
}
.ap-flag-am {
  background-position: -640px -800px;
}
.ap-flag-ao {
  background-position: -660px 0px;
}
.ap-flag-aq {
  background-position: -660px -20px;
}
.ap-flag-ar {
  background-position: -660px -40px;
}
.ap-flag-as {
  background-position: -660px -60px;
}
.ap-flag-at {
  background-position: -660px -80px;
}
.ap-flag-au {
  background-position: -660px -100px;
}
.ap-flag-aw {
  background-position: -660px -120px;
}
.ap-flag-ax {
  background-position: -660px -140px;
}
.ap-flag-az {
  background-position: -660px -160px;
}
.ap-flag-ba {
  background-position: -660px -180px;
}
.ap-flag-bb {
  background-position: -660px -200px;
}
.ap-flag-bd {
  background-position: -660px -220px;
}
.ap-flag-be {
  background-position: -660px -240px;
}
.ap-flag-bf {
  background-position: -660px -260px;
}
.ap-flag-bg {
  background-position: -660px -280px;
}
.ap-flag-bh {
  background-position: -660px -300px;
}
.ap-flag-bi {
  background-position: -660px -320px;
}
.ap-flag-bj {
  background-position: -660px -340px;
}
.ap-flag-bl {
  background-position: -660px -360px;
}
.ap-flag-bm {
  background-position: -660px -380px;
}
.ap-flag-bn {
  background-position: -660px -400px;
}
.ap-flag-bo {
  background-position: -660px -420px;
}
.ap-flag-bq {
  background-position: -660px -440px;
}
.ap-flag-br {
  background-position: -660px -460px;
}
.ap-flag-bs {
  background-position: -660px -480px;
}
.ap-flag-bt {
  background-position: -660px -500px;
}
.ap-flag-bv {
  background-position: -660px -520px;
}
.ap-flag-bw {
  background-position: -660px -540px;
}
.ap-flag-by {
  background-position: -660px -560px;
}
.ap-flag-bz {
  background-position: -660px -580px;
}
.ap-flag-ca {
  background-position: -660px -600px;
}
.ap-flag-cc {
  background-position: -660px -620px;
}
.ap-flag-cd {
  background-position: -660px -640px;
}
.ap-flag-cf {
  background-position: -660px -660px;
}
.ap-flag-cg {
  background-position: -660px -680px;
}
.ap-flag-ch {
  background-position: -660px -700px;
}
.ap-flag-ci {
  background-position: -660px -720px;
}
.ap-flag-ck {
  background-position: -660px -740px;
}
.ap-flag-cl {
  background-position: -660px -760px;
}
.ap-flag-cm {
  background-position: -660px -780px;
}
.ap-flag-cn {
  background-position: -660px -800px;
}
.ap-flag-co {
  background-position: -680px 0px;
}
.ap-flag-cp {
  background-position: -680px -20px;
}
.ap-flag-cr {
  background-position: -680px -40px;
}
.ap-flag-cu {
  background-position: -680px -60px;
}
.ap-flag-cv {
  background-position: -680px -80px;
}
.ap-flag-cw {
  background-position: -680px -100px;
}
.ap-flag-cx {
  background-position: -680px -120px;
}
.ap-flag-cy {
  background-position: -680px -140px;
}
.ap-flag-cz {
  background-position: -680px -160px;
}
.ap-flag-de {
  background-position: -680px -180px;
}
.ap-flag-dg {
  background-position: -680px -200px;
}
.ap-flag-dj {
  background-position: -680px -220px;
}
.ap-flag-dk {
  background-position: -680px -240px;
}
.ap-flag-dm {
  background-position: -680px -260px;
}
.ap-flag-do {
  background-position: -680px -280px;
}
.ap-flag-dz {
  background-position: -680px -300px;
}
.ap-flag-ea {
  background-position: -680px -320px;
}
.ap-flag-ec {
  background-position: -680px -340px;
}
.ap-flag-ee {
  background-position: -680px -360px;
}
.ap-flag-eg {
  background-position: -680px -380px;
}
.ap-flag-eh {
  background-position: -680px -400px;
}
.ap-flag-er {
  background-position: -680px -420px;
}
.ap-flag-es {
  background-position: -680px -440px;
}
.ap-flag-et {
  background-position: -680px -460px;
}
.ap-flag-eu {
  background-position: -680px -480px;
}
.ap-flag-fi {
  background-position: -680px -500px;
}
.ap-flag-fj {
  background-position: -680px -520px;
}
.ap-flag-fk {
  background-position: -680px -540px;
}
.ap-flag-fm {
  background-position: -680px -560px;
}
.ap-flag-fo {
  background-position: -680px -580px;
}
.ap-flag-fr {
  background-position: -680px -600px;
}
.ap-flag-ga {
  background-position: -680px -620px;
}
.ap-flag-gb {
  background-position: -680px -640px;
}
.ap-flag-gd {
  background-position: -680px -660px;
}
.ap-flag-ge {
  background-position: -680px -680px;
}
.ap-flag-gf {
  background-position: -680px -700px;
}
.ap-flag-gg {
  background-position: -680px -720px;
}
.ap-flag-gh {
  background-position: -680px -740px;
}
.ap-flag-gi {
  background-position: -680px -760px;
}
.ap-flag-gl {
  background-position: -680px -780px;
}
.ap-flag-gm {
  background-position: -680px -800px;
}
.ap-flag-gn {
  background-position: -700px 0px;
}
.ap-flag-gp {
  background-position: -700px -20px;
}
.ap-flag-gq {
  background-position: -700px -40px;
}
.ap-flag-gr {
  background-position: -700px -60px;
}
.ap-flag-gs {
  background-position: -700px -80px;
}
.ap-flag-gt {
  background-position: -700px -100px;
}
.ap-flag-gu {
  background-position: -700px -120px;
}
.ap-flag-gw {
  background-position: -700px -140px;
}
.ap-flag-gy {
  background-position: -700px -160px;
}
.ap-flag-hk {
  background-position: -700px -180px;
}
.ap-flag-hm {
  background-position: -700px -200px;
}
.ap-flag-hn {
  background-position: -700px -220px;
}
.ap-flag-hr {
  background-position: -700px -240px;
}
.ap-flag-ht {
  background-position: -700px -260px;
}
.ap-flag-hu {
  background-position: -700px -280px;
}
.ap-flag-ic {
  background-position: -700px -300px;
}
.ap-flag-id {
  background-position: -700px -320px;
}
.ap-flag-ie {
  background-position: -700px -340px;
}
.ap-flag-il {
  background-position: -700px -360px;
}
.ap-flag-im {
  background-position: -700px -380px;
}
.ap-flag-in {
  background-position: -700px -400px;
}
.ap-flag-io {
  background-position: -700px -420px;
}
.ap-flag-iq {
  background-position: -700px -440px;
}
.ap-flag-ir {
  background-position: -700px -460px;
}
.ap-flag-is {
  background-position: -700px -480px;
}
.ap-flag-it {
  background-position: -700px -500px;
}
.ap-flag-je {
  background-position: -700px -520px;
}
.ap-flag-jm {
  background-position: -700px -540px;
}
.ap-flag-jo {
  background-position: -700px -560px;
}
.ap-flag-jp {
  background-position: -700px -580px;
}
.ap-flag-ke {
  background-position: -700px -600px;
}
.ap-flag-kg {
  background-position: -700px -620px;
}
.ap-flag-kh {
  background-position: -700px -640px;
}
.ap-flag-ki {
  background-position: -700px -660px;
}
.ap-flag-km {
  background-position: -700px -680px;
}
.ap-flag-kn {
  background-position: -700px -700px;
}
.ap-flag-kp {
  background-position: -700px -720px;
}
.ap-flag-kr {
  background-position: -700px -740px;
}
.ap-flag-kw {
  background-position: -700px -760px;
}
.ap-flag-ky {
  background-position: -700px -780px;
}
.ap-flag-kz {
  background-position: -700px -800px;
}
.ap-flag-la {
  background-position: -720px 0px;
}
.ap-flag-lb {
  background-position: -720px -20px;
}
.ap-flag-lc {
  background-position: -720px -40px;
}
.ap-flag-li {
  background-position: -720px -60px;
}
.ap-flag-lk {
  background-position: -720px -80px;
}
.ap-flag-lr {
  background-position: -720px -100px;
}
.ap-flag-ls {
  background-position: -720px -120px;
}
.ap-flag-lt {
  background-position: -720px -140px;
}
.ap-flag-lu {
  background-position: -720px -160px;
}
.ap-flag-lv {
  background-position: -720px -180px;
}
.ap-flag-ly {
  background-position: -720px -200px;
}
.ap-flag-ma {
  background-position: -720px -220px;
}
.ap-flag-mc {
  background-position: -720px -240px;
}
.ap-flag-md {
  background-position: -720px -260px;
}
.ap-flag-me {
  background-position: -720px -280px;
}
.ap-flag-mf {
  background-position: -720px -300px;
}
.ap-flag-mg {
  background-position: -720px -320px;
}
.ap-flag-mh {
  background-position: -720px -340px;
}
.ap-flag-mk {
  background-position: -720px -360px;
}
.ap-flag-ml {
  background-position: -720px -380px;
}
.ap-flag-mm {
  background-position: -720px -400px;
}
.ap-flag-mn {
  background-position: -720px -420px;
}
.ap-flag-mo {
  background-position: -720px -440px;
}
.ap-flag-mp {
  background-position: -720px -460px;
}
.ap-flag-mq {
  background-position: -720px -480px;
}
.ap-flag-mr {
  background-position: -720px -500px;
}
.ap-flag-ms {
  background-position: -720px -520px;
}
.ap-flag-mt {
  background-position: -720px -540px;
}
.ap-flag-mu {
  background-position: -720px -560px;
}
.ap-flag-mv {
  background-position: -720px -580px;
}
.ap-flag-mw {
  background-position: -720px -600px;
}
.ap-flag-mx {
  background-position: -720px -620px;
}
.ap-flag-my {
  background-position: -720px -640px;
}
.ap-flag-mz {
  background-position: -720px -660px;
}
.ap-flag-na {
  background-position: -720px -680px;
}
.ap-flag-nc {
  background-position: -720px -700px;
}
.ap-flag-ne {
  background-position: -720px -720px;
}
.ap-flag-nf {
  background-position: -720px -740px;
}
.ap-flag-ng {
  background-position: -720px -760px;
}
.ap-flag-ni {
  background-position: -720px -780px;
}
.ap-flag-nl {
  background-position: -720px -800px;
}
.ap-flag-no {
  background-position: -740px 0px;
}
.ap-flag-np {
  background-position: -740px -20px;
}
.ap-flag-nr {
  background-position: -740px -40px;
}
.ap-flag-nu {
  background-position: -740px -60px;
}
.ap-flag-nz {
  background-position: -740px -80px;
}
.ap-flag-om {
  background-position: -740px -100px;
}
.ap-flag-pa {
  background-position: -740px -120px;
}
.ap-flag-pe {
  background-position: -740px -140px;
}
.ap-flag-pf {
  background-position: -740px -160px;
}
.ap-flag-pg {
  background-position: -740px -180px;
}
.ap-flag-ph {
  background-position: -740px -200px;
}
.ap-flag-pk {
  background-position: -740px -220px;
}
.ap-flag-pl {
  background-position: -740px -240px;
}
.ap-flag-pm {
  background-position: -740px -260px;
}
.ap-flag-pn {
  background-position: -740px -280px;
}
.ap-flag-pr {
  background-position: -740px -300px;
}
.ap-flag-ps {
  background-position: -740px -320px;
}
.ap-flag-pt {
  background-position: -740px -340px;
}
.ap-flag-pw {
  background-position: -740px -360px;
}
.ap-flag-py {
  background-position: -740px -380px;
}
.ap-flag-qa {
  background-position: -740px -400px;
}
.ap-flag-re {
  background-position: -740px -420px;
}
.ap-flag-ro {
  background-position: -740px -440px;
}
.ap-flag-rs {
  background-position: -740px -460px;
}
.ap-flag-ru {
  background-position: -740px -480px;
}
.ap-flag-rw {
  background-position: -740px -500px;
}
.ap-flag-sa {
  background-position: -740px -520px;
}
.ap-flag-sb {
  background-position: -740px -540px;
}
.ap-flag-sc {
  background-position: -740px -560px;
}
.ap-flag-sd {
  background-position: -740px -580px;
}
.ap-flag-se {
  background-position: -740px -600px;
}
.ap-flag-sg {
  background-position: -740px -620px;
}
.ap-flag-sh {
  background-position: -740px -640px;
}
.ap-flag-si {
  background-position: -740px -660px;
}
.ap-flag-sj {
  background-position: -740px -680px;
}
.ap-flag-sk {
  background-position: -740px -700px;
}
.ap-flag-sl {
  background-position: -740px -720px;
}
.ap-flag-sm {
  background-position: -740px -740px;
}
.ap-flag-sn {
  background-position: -740px -760px;
}
.ap-flag-so {
  background-position: -740px -780px;
}
.ap-flag-sr {
  background-position: -740px -800px;
}
.ap-flag-ss {
  background-position: -760px 0px;
}
.ap-flag-st {
  background-position: -760px -20px;
}
.ap-flag-sv {
  background-position: -760px -40px;
}
.ap-flag-sx {
  background-position: -760px -60px;
}
.ap-flag-sy {
  background-position: -760px -80px;
}
.ap-flag-sz {
  background-position: -760px -100px;
}
.ap-flag-ta {
  background-position: -760px -120px;
}
.ap-flag-tc {
  background-position: -760px -140px;
}
.ap-flag-td {
  background-position: -760px -160px;
}
.ap-flag-tf {
  background-position: -760px -180px;
}
.ap-flag-tg {
  background-position: -760px -200px;
}
.ap-flag-th {
  background-position: -760px -220px;
}
.ap-flag-tj {
  background-position: -760px -240px;
}
.ap-flag-tk {
  background-position: -760px -260px;
}
.ap-flag-tl {
  background-position: -760px -280px;
}
.ap-flag-tm {
  background-position: -760px -300px;
}
.ap-flag-tn {
  background-position: -760px -320px;
}
.ap-flag-to {
  background-position: -760px -340px;
}
.ap-flag-tr {
  background-position: -760px -360px;
}
.ap-flag-tt {
  background-position: -760px -380px;
}
.ap-flag-tv {
  background-position: -760px -400px;
}
.ap-flag-tw {
  background-position: -760px -420px;
}
.ap-flag-tz {
  background-position: -760px -440px;
}
.ap-flag-ua {
  background-position: -760px -460px;
}
.ap-flag-ug {
  background-position: -760px -480px;
}
.ap-flag-um {
  background-position: -760px -500px;
}
.ap-flag-us {
  background-position: -760px -520px;
}
.ap-flag-uy {
  background-position: -760px -540px;
}
.ap-flag-uz {
  background-position: -760px -560px;
}
.ap-flag-va {
  background-position: -760px -580px;
}
.ap-flag-vc {
  background-position: -760px -600px;
}
.ap-flag-ve {
  background-position: -760px -620px;
}
.ap-flag-vg {
  background-position: -760px -640px;
}
.ap-flag-vi {
  background-position: -760px -660px;
}
.ap-flag-vn {
  background-position: -760px -680px;
}
.ap-flag-vu {
  background-position: -760px -700px;
}
.ap-flag-wf {
  background-position: -760px -720px;
}
.ap-flag-ws {
  background-position: -760px -740px;
}
.ap-flag-xk {
  background-position: -760px -760px;
}
.ap-flag-ye {
  background-position: -760px -780px;
}
.ap-flag-yt {
  background-position: -760px -800px;
}
.ap-flag-za {
  background-position: -780px 0px;
}
.ap-flag-zm {
  background-position: -780px -20px;
}
.ap-flag-zw {
  background-position: -780px -40px;
}
.ap-man-man-boy {
  background-position: -780px -60px;
}
.ap-man-man-boy-boy {
  background-position: -780px -80px;
}
.ap-man-man-girl {
  background-position: -780px -100px;
}
.ap-man-man-girl-boy {
  background-position: -780px -120px;
}
.ap-man-man-girl-girl {
  background-position: -780px -140px;
}
.ap-man-woman-boy-boy {
  background-position: -780px -160px;
}
.ap-man-woman-girl {
  background-position: -780px -180px;
}
.ap-man-woman-girl-boy {
  background-position: -780px -200px;
}
.ap-man-woman-girl-girl {
  background-position: -780px -220px;
}
.ap-man-heart-man {
  background-position: -780px -240px;
}
.ap-man-kiss-man {
  background-position: -780px -260px;
}
.ap-woman-woman-boy {
  background-position: -780px -280px;
}
.ap-woman-woman-boy-boy {
  background-position: -780px -300px;
}
.ap-woman-woman-girl {
  background-position: -780px -320px;
}
.ap-woman-woman-girl-boy {
  background-position: -780px -340px;
}
.ap-woman-woman-girl-girl {
  background-position: -780px -360px;
}
.ap-woman-heart-woman {
  background-position: -780px -380px;
}
.ap-woman-kiss-woman {
  background-position: -780px -400px;
}

/* 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;
}
:root {
  --primary: #f5b049;
  --color-white: #fff;
  --color-black: #000;
  --color-dark: #212121;
  --color-orange: #f5b049;
  --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-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: #fafafa;
  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: #fafafa;
}
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-quill,
.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: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  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 #eeeeee;
}
.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: #337ab7;
  -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: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  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);
  --menu-width: 32.8rem;
  --conversation-detail-width: 300px;
}
.container {
  width: 100%;
  padding: 0 6.4rem;
  margin: 0 auto;
}
.container.full {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.container.no-padding {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .container {
    padding: 0 1.6rem;
  }
}
.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__menu {
  position: sticky;
  top: 0;
  width: var(--menu-width);
  min-width: var(--menu-width);
  height: 100%;
  padding: 4.8rem 2.4rem 10rem 2.4rem;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
}
.app__content {
  width: calc(100% - var(--menu-width));
  min-width: calc(100% - var(--menu-width));
  height: 100%;
  background: #f3f1ef;
  overflow: auto;
  display: flex;
  flex-direction: column;
  border-radius: 4rem 0 0 4rem;
}
.app__content__wrapper {
  max-width: calc(1920px - var(--menu-width));
}
.app__content__wrapper.expanded {
  max-width: calc(100vw - var(--menu-width));
}
.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__menu,
.app.fullscreen .breadcrumbs,
.app.fullscreen .app__toggle__handle,
.app.fullscreen .navigation,
.app.fullscreen app-footer,
.app.fullscreen .footer {
  display: none;
}
@media screen and (max-width: 1023px) {
  .app__content {
    border-radius: 0;
  }
}
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%;
}
.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;
}
@media screen and (max-width: 1023px) {
  .app {
    flex-direction: column;
  }
  .app__menu {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-100%);
    transition: 260ms ease;
    padding-left: 7.3rem;
    border: 0;
    padding-bottom: 0;
  }
  .app__menu.slideIn {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-4.9rem);
  }
  .app__content {
    width: 100%;
    min-width: 100%;
  }
  .app__content__wrapper.expanded {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .header__nav__concept {
    flex-direction: column;
    margin-top: 20px;
  }
  p.pageDescription {
    max-width: 100%;
  }
}
.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 > 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;
}
.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%;
}
@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;
  }
}
.bouwapp-cropBox__overlay {
  position: fixed;
  z-index: 2000;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.bouwapp-cropBox__content {
  position: fixed;
  z-index: 2001;
  left: 50%;
  top: 50%;
  max-width: 1024px;
  width: 100%;
  transform: translate(-50%, -50%);
  background: #fff;
  border: 1px solid #e9e9e9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}
.bouwapp-cropBox__content__head {
  position: relative;
  padding: 16px 24px;
  border-bottom: 1px solid #e9e9e9;
}
.bouwapp-cropBox__content__head > p {
  font-size: 18px;
  font-weight: bold;
  color: #212121;
}
.bouwapp-cropBox__content__head__close {
  position: absolute;
  top: 11px;
  right: 11px;
  width: 40px;
  height: 40px;
  background: #fff;
  padding: 13px;
  cursor: pointer;
}
.bouwapp-cropBox__content__head__close svg {
  width: 14px;
  height: 14px;
  transition: 260ms ease;
}
.bouwapp-cropBox__content__head__close:hover svg {
  transform: rotate(180deg);
}
.bouwapp-cropBox__content__editor {
  position: relative;
  padding: 16px;
  min-height: 554px;
  max-height: 554px;
}
.bouwapp-cropBox__content__editor > .spinner,
.bouwapp-cropBox__content__editor > .has-inline-spinner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.bouwapp-cropBox__content__editor__area {
  position: relative;
  width: 100%;
  height: 522px;
}
.bouwapp-cropBox__content__footer {
  position: relative;
  padding: 16px;
  border-top: 1px solid #e9e9e9;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.bouwapp-cropBox__content__footer button:not(:first-child) {
  margin-left: 16px;
}
.bouwapp-cropBox__content__footer button:first-child {
  margin-right: auto;
}
.bouwapp-cropBox__content__footer.disabled {
  pointer-events: none;
}
.bouwapp-cropBox__content__footer.disabled .button {
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .bouwapp-cropBox__overlay {
    display: none;
  }
  .bouwapp-cropBox__content {
    position: fixed;
    z-index: 2001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    margin: 0;
    border-radius: 0;
    border: 0;
    transform: unset;
  }
  .bouwapp-cropBox__content__editor {
    min-height: calc(100% - 136px);
    max-height: calc(100% - 136px);
  }
  .bouwapp-cropBox__content__editor__area {
    height: 580px;
  }
  .bouwapp-cropBox__content__footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: flex-end;
  }
  .bouwapp-cropBox__content__footer button:first-child {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .bouwapp-cropBox__content {
    top: 40px;
    right: 40px;
    left: 40px;
    max-width: calc(100% - 80px);
    width: calc(100% - 80px);
    margin: 0;
    transform: unset;
  }
}
.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;
}
.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) {
  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).input-lg {
  padding-left: 35px;
}
input[type=search]:not([type=checkbox]):not([type=radio]):not(.mapboxgl-ctrl-geocoder--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-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: #969696;
  outline: 0;
  color: #fff;
}
.btn.btn-secondary:active {
  background-color: #8a8a8a;
  outline: 0;
  color: #fff;
}
.btn.btn-ghost {
  background: transparent;
  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);
}
.btn.btn-ghost.btn-primary:hover {
  background-color: var(--primary);
  color: #fff;
}
.btn.btn-ghost.btn-primary:hover svg path {
  fill: #fff;
}
.btn.btn-blue,
.btn.btn-blue:link,
.btn.btn-blue:visited {
  color: #fff;
  background-color: #3373ea;
}
.btn.btn-blue:hover {
  background-color: #1c63e8;
  outline: 0;
  color: #fff;
}
.btn.btn-blue:active {
  background-color: #1658d4;
  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: #fc3d2e;
  outline: 0;
  color: #fff;
}
.btn.btn-danger:active {
  background-color: #fb2515;
  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-icon {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.btn.btn-icon svg {
  display: block;
  width: 16px;
  height: 16px;
}
.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: #f4a631;
}
.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: #175cdd;
  color: #fff;
}
.button--flat.bg--orange {
  background: #f5b049;
}
.button--flat.bg--orange:hover {
  background: #f39f22;
  color: #fff;
}
.button--flat.bg--red {
  background: #fc5447;
}
.button--flat.bg--red:hover {
  background: #fb2f1f;
  color: #fff;
}
.button--flat.bg--grey {
  color: #212121 !important;
  background: #eeeeee;
}
.button--flat.bg--grey:hover {
  background: #dadada;
}
.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 span {
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  display: inline-block;
}
.button--icon span svg {
  width: 16px;
  height: 16px;
}
.button--icon span:last-child {
  margin-left: 8px;
}
.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;
  }
}
.app app-banner {
  position: fixed;
  bottom: 2.4rem;
  right: 3.2rem;
  z-index: 99;
}
.app__menu__project-switch {
  color: #a3a3a3;
  padding-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.app__menu__project-switch > span {
  font-size: 1.4rem;
  gap: 0.8rem;
}
.app__menu__project-switch > span svg {
  fill: #a3a3a3;
  display: block;
}
.app__menu__project-switch:hover {
  cursor: pointer;
  text-decoration: underline;
}
.app__menu__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  transition: left 0.3s ease;
  display: none;
}
.app__menu__overlay.slideIn {
  display: block;
}
.app__toggle {
  cursor: pointer;
  position: fixed;
  z-index: 20000;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  background: #fff;
  display: none;
  transition: 320ms ease;
}
.app__toggle__handle {
  position: absolute;
  top: 50%;
  margin-top: -2rem;
  width: 4rem;
  height: 5.6rem;
  background: #fff;
  box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, 0.3);
  border-radius: 0 1.2rem 1.2rem 0;
  padding: 1.6rem 0.8rem;
}
.app__toggle span:last-child {
  display: none;
}
.app__toggle span svg {
  transition: 260ms ease;
  fill: #212121;
}
.app__toggle.slideIn {
  left: calc(100% - 4.9rem);
  background: none;
}
.app__toggle.slideIn .app__toggle__handle {
  box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.app__toggle.slideIn span:first-child {
  display: none;
}
.app__toggle.slideIn span:last-child {
  display: block;
}
.app__toggle:not(.slideIn) .app__toggle__handle:hover svg {
  transform: rotate(90deg);
}
.app__logo a {
  display: block;
  text-align: center;
}
.app__logo img {
  max-width: 18rem;
  height: auto;
}
.app__twofactor {
  margin: 3.2rem 0 0 0;
  width: 100%;
}
.app__twofactor a {
  display: block;
  font-size: 1.3rem;
  line-height: 2rem;
  color: #fff;
  background: #f5b049;
  width: 100%;
  padding: 0.8rem 1.2rem;
  border-radius: 1.2rem;
  text-align: center;
}
.app__twofactor + .app__navigation {
  margin-top: 3.2rem;
}
.app__navigation {
  list-style-type: none;
  margin: 3.2rem 0 1rem 0;
  padding: 0;
}
.app__navigation li {
  list-style-type: none;
  margin: 0 0 0.8rem 0;
  padding: 0;
}
.app__navigation li .sub-menu {
  max-height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.25s ease, opacity 0.2s ease;
}
.app__navigation li .sub-menu li {
  padding-left: 2rem;
  display: flex;
  position: relative;
}
.app__navigation li .sub-menu li::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.2rem;
  height: calc(100% + 0.8rem);
  background-color: #212121;
  top: -0.8rem;
  left: 2.6rem;
}
.app__navigation li .sub-menu li:last-child {
  height: 100%;
}
.app__navigation li .sub-menu li a {
  padding: 0.8rem 1.6rem;
  margin-left: 2rem;
  position: relative;
}
.app__navigation li .sub-menu li a.active::before {
  content: "";
  position: absolute;
  display: inline-block;
  height: 0.6rem;
  width: 0.6rem;
  border-radius: 50%;
  background-color: #212121;
  left: -1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.app__navigation li .sub-menu li a:hover,
.app__navigation li .sub-menu li a.active {
  background-color: #e9e9e9;
}
.app__navigation li .sub-menu li a:hover span,
.app__navigation li .sub-menu li a.active span {
  color: #212121;
}
.app__navigation li .sub-menu li:first-child {
  margin-top: 0.8rem;
}
.app__navigation li .sub-menu.open {
  max-height: 50rem;
  opacity: 1;
}
.app__navigation li a {
  display: flex;
  width: 100%;
  padding: 1.1rem 1.6rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3rem;
  color: #212121;
  border-radius: 1.2rem;
  transition: 260ms ease;
  align-items: center;
}
.app__navigation li a.disabled:hover {
  cursor: not-allowed;
}
.app__navigation li a app-count,
.app__navigation li a app-chip {
  margin-left: auto;
}
.app__navigation li a span:first-child:has(svg) {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.6rem;
}
.app__navigation li a span svg {
  width: 100%;
  height: 100%;
  fill: #212121;
}
.app__navigation li a:hover,
.app__navigation li a.active,
.app__navigation li a:has(+ .sub-menu.open) {
  background: #212121;
  color: #fff;
}
.app__navigation li a:hover span,
.app__navigation li a.active span,
.app__navigation li a:has(+ .sub-menu.open) span {
  color: #fff;
}
.app__navigation li a:hover span svg,
.app__navigation li a.active span svg,
.app__navigation li a:has(+ .sub-menu.open) span svg {
  fill: #fff;
}
.app__user {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 2.4rem;
  background-color: #fff;
  width: var(--menu-width);
  min-width: var(--menu-width);
}
.app__user__self {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  padding: 0.4rem;
  border-radius: 0.8rem;
  transition: 260ms ease;
  cursor: pointer;
  max-width: 28rem;
  margin-top: 0.8rem;
}
.app__user__toggle {
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  border-radius: 0.6rem;
}
.app__user__text > span {
  display: flex;
  flex-direction: column;
  font-weight: normal;
  font-size: 1.6rem;
  color: #212121;
  padding: 0 1.6rem;
  overflow: hidden;
}
.app__user__text__small {
  word-wrap: break-word;
  word-break: break-word;
  font-weight: normal;
  font-size: 1.4rem;
  color: rgba(33, 33, 33, 0.5);
}
.app__user__toggle {
  margin-left: auto;
  padding: 0.8rem;
  position: relative;
  border: 0.1rem solid transparent;
}
.app__user__toggle:hover {
  border: 0.1rem solid #e9e9e9;
  cursor: pointer;
}
.app__user__toggle app-count {
  position: absolute;
  top: -8px;
  right: -3px;
}
.app__user__toggle svg {
  fill: #212121;
}
.app__user__menu.active {
  opacity: 1;
  pointer-events: auto;
}
.app__user__menu {
  position: absolute;
  bottom: 8.6rem;
  left: 2.4rem;
  margin-bottom: 15px;
  width: calc(var(--menu-width) - 4.8rem);
  height: auto;
  background: #fff;
  border-radius: 1.2rem;
  padding: 1.6rem;
  border: 0.1rem solid #e9e9e9;
  opacity: 0;
  pointer-events: none;
  transition: 260ms ease;
}
.app__user__menu > div {
  display: flex;
  flex-direction: column;
}
.app__user__menu > div span {
  display: block;
}
.app__user__menu > div span:first-child {
  font-weight: 500;
  font-size: 1.6rem;
  color: #212121;
}
.app__user__menu > div span:nth-child(2) {
  font-weight: normal;
  font-size: 1.4rem;
  color: #212121;
}
.app__user__menu > div span:last-child {
  cursor: pointer;
  font-weight: normal;
  font-size: 1.4rem;
  color: rgba(33, 33, 33, 0.5);
}
.app__user__menu ul {
  list-style-type: none;
  margin: 1.6rem 0 0 0;
  padding: 0;
}
.app__user__menu ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.app__user__menu ul li:not(:last-child) {
  margin-bottom: 0.6rem;
}
.app__user__menu ul li a {
  color: #212121;
}
.app__user__menu ul li a:hover {
  text-decoration: underline;
}
.app__user__menu ul li span svg {
  fill: #212121;
}
.app__user__menu ul li span:first-child {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
}
.app__user__menu ul li span:last-child {
  margin-left: 0.4rem;
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #212121;
}
.app__user__menu ul li:last-child a {
  color: #fc5447;
}
.app__user__menu ul li:last-child span:last-child {
  color: #fc5447;
}
.app__user__menu ul li:last-child svg path {
  fill: #fc5447;
}
@media screen and (max-width: 1023px) {
  .app__toggle {
    display: block;
  }
  .app__user {
    position: sticky;
    width: 100%;
    min-width: 100%;
    border: none;
    padding: 2.4rem 0;
    margin-top: auto;
  }
  .app__user__menu {
    width: 100%;
    min-width: 100%;
    left: 0;
  }
}
.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: #fcfcfc;
}
.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: #fcfcfc;
}
.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;
}
.poll:before {
  content: "";
  display: block;
  width: 50%;
  border-bottom: 1px dashed #e9e9e9;
  margin: 1.6rem 0;
}
.poll__title__text {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  font-weight: bold;
}
.poll__title__text span {
  display: inline-block;
  line-height: 2.4rem;
  vertical-align: middle;
}
.poll__title__text span:has(svg) {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
}
.poll__title__text span:has(svg) svg {
  width: 100%;
  height: 100%;
  fill: #212121;
}
.poll__title__text span:last-of-type {
  margin-left: 0.8rem;
  color: var(--primary);
}
.poll__choices {
  margin: 0.8rem 0 1.6rem 0;
}
.poll__choice {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  align-items: center;
  margin-bottom: 0.8rem;
}
.poll__choice img {
  width: 12rem !important;
  height: 12rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #e9e9e9;
  object-fit: cover;
}
.poll__choice .placeholder {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #e9e9e9;
}
.poll__choice__result__percentage {
  color: #212121;
  font-weight: bold;
}
.poll__choice__result__label {
  display: block;
  word-break: break-all;
}
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 .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;
}
.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 {
  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 .ql-container.ql-snow .ql-editor.ql-blank::after {
  color: #cdcdcd;
  font-weight: 300;
}
section.tickets.conversations .conversation__bottom__compose > div quill-editor {
  width: 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: #f29b19;
}
section.tickets.conversations .conversation__bottom .ql-container.ql-snow .ql-tooltip {
  top: -68px !important;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
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 .ql-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,
.satisfaction-distribution__score__image svg {
  width: 40px;
}
.satisfaction-distribution__score__image .inline-svg__fill-primary,
.satisfaction-distribution__score__image svg .inline-svg__fill-primary {
  fill: #cdcdcd !important;
}
.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,
  .satisfaction-distribution__score__image svg {
    width: 24px;
  }
}
.customer-picker {
  display: flex;
  justify-content: center;
  height: 100%;
}
.customer-picker__button {
  color: #a3a3a3;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.customer-picker__button > span {
  font-size: 1.4rem;
  gap: 0.8rem;
}
.customer-picker__button > span svg {
  fill: #a3a3a3;
  display: block;
}
.customer-picker__button:hover {
  cursor: pointer;
  text-decoration: underline;
}
.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 .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;
}
.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__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: 450px;
}
.road-maintenance .project-map {
  position: relative;
}
.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;
}
input,
textarea {
  width: 100%;
  box-sizing: border-box;
}
input[disabled],
textarea[disabled] {
  opacity: 0.7;
  background-color: #fafafa;
  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: #fafafa;
}
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-quill,
.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,
.smart-reporting__detail .responses .messages .closed .feedback .given-feedback-result svg {
  height: 60px;
}
.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__toolbar {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 42px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.smart-reporting__detail .bottom__toolbar__markup {
  padding: 0;
  border: 0;
}
.smart-reporting__detail .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;
}
.smart-reporting__detail .bottom__toolbar__markup > button svg {
  width: 20px;
  height: 20px;
  transition: 260ms ease;
}
.smart-reporting__detail .bottom__toolbar__markup > button:hover {
  background: rgba(233, 233, 233, 0.1);
}
.smart-reporting__detail .bottom__compose {
  position: relative;
  height: 200px;
  display: flex;
  flex-direction: row;
}
.smart-reporting__detail .bottom__compose .ql-container.ql-snow .ql-editor.ql-blank::after {
  color: #cdcdcd;
  font-weight: 300;
}
.smart-reporting__detail .bottom__compose > div {
  width: calc(100% - 56px);
  min-width: calc(100% - 56px);
}
.smart-reporting__detail .bottom__compose > div quill-editor {
  width: 100%;
}
.smart-reporting__detail .bottom__compose > button.send {
  width: 48px;
  min-width: 48px;
  height: 48px;
  background: #fff;
  color: #cdcdcd;
  font-weight: bold;
  border: 0;
  padding: 0;
  margin: 4px;
  box-shadow: none;
  text-align: center;
  border-radius: 0;
}
.smart-reporting__detail .bottom__compose > button.send.touched {
  color: #f5b049;
}
.smart-reporting__detail .bottom__compose > button.send:hover {
  background: #fff;
  filter: none;
  transform: scale(1.05);
  color: #f29b19;
}
.smart-reporting__detail .bottom .ql-container.ql-snow .ql-tooltip {
  top: -68px !important;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
@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-modal button {
  margin-left: auto;
}
.tickets .app__user__self {
  max-width: 45rem;
}
.tickets__head {
  border: 1px solid #e9e9e9;
  border-radius: 1.2rem;
  overflow: hidden;
}
.tickets__head .date,
.tickets__head .time {
  font-size: 1.4rem;
}
.tickets__head .date {
  margin-right: 0.4rem;
}
.tickets__head .time {
  color: #a3a3a3;
}
.tickets__content {
  width: 100%;
}
.tickets__wrapper > p {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #212121;
  margin-bottom: 8px;
}
.tickets__title {
  margin: 0;
  font-size: 32px;
}
.tickets__toolbar {
  padding: 24px;
  background: #f3f3f3;
  border-radius: 6px;
}
.tickets__toolbar > div .flex-row {
  flex-wrap: wrap;
}
.tickets__toolbar > div:first-child {
  width: 380px;
  min-width: 380px;
}
.tickets__toolbar > div:first-child .checkbox {
  margin-top: 15px;
}
.tickets__toolbar > div:first-child .checkbox:not(:last-child) {
  margin-right: 24px;
}
.tickets__toolbar > div:last-child {
  width: calc(100% - 400px);
  min-width: calc(100% - 400px);
  margin-left: auto;
}
.tickets__toolbar > div label,
.tickets__toolbar > div span {
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #212121;
  margin: 0 0 4px 0;
}
.tickets__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;
}
.tickets__list ul.head,
.tickets__list ul.body {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.tickets__list ul.head > li,
.tickets__list ul.body > li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.2rem 0.8rem;
}
.tickets__list ul.head > li.isCustomer > span,
.tickets__list ul.body > li.isCustomer > span {
  width: 16.6666666667%;
}
.tickets__list ul.head > li > span,
.tickets__list ul.body > li > span {
  overflow: hidden;
  padding: 0.4rem;
  max-height: 6rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  width: 20%;
  line-clamp: 3;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.tickets__list ul.head > li > span:nth-child(2),
.tickets__list ul.body > li > span:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
}
.tickets__list ul.head > li > span:last-child div,
.tickets__list ul.body > li > span:last-child div {
  display: flex;
}
.tickets__list ul.head > li > span:last-child div a,
.tickets__list ul.body > li > span:last-child div a {
  margin-left: auto;
}
.tickets__list ul.head li span {
  font-weight: bold;
  font-size: 14px;
  color: #000;
}
.tickets__list ul.head li:first-child {
  background-color: #f3f3f3;
}
.tickets__list ul.body li {
  cursor: pointer;
  background: #fff;
  transition: 260ms ease;
  font-weight: 300;
  font-size: 14px;
  color: #212121;
}
.tickets__list ul.body li:not(:last-child) {
  border-bottom: 1px solid #e9e9e9;
}
.tickets__list ul.body li span.label {
  margin: 0;
  font-size: 1.2rem;
  padding: 0.4rem 1.2rem;
  border-radius: 0.4rem;
}
.tickets__closed,
.tickets__pending {
  padding-top: 64px;
  margin-top: 64px;
  border-top: 1px solid #cdcdcd;
}
.tickets__closed > h2,
.tickets__pending > h2 {
  margin: 0 0 16px 0;
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .tickets__list ul.head > li.isCustomer > span,
  .tickets__list ul.body > li.isCustomer > span {
    width: 20%;
  }
  .tickets__list ul.head > li.isCustomer > span:nth-child(1),
  .tickets__list ul.body > li.isCustomer > span:nth-child(1) {
    width: 100%;
  }
  .tickets__list ul.head > li > span,
  .tickets__list ul.body > li > span {
    width: 25%;
  }
  .tickets__list ul.head > li > span:nth-child(1),
  .tickets__list ul.body > li > span:nth-child(1) {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .tickets__content {
    flex-direction: column;
  }
  .tickets__wrapper {
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
  .tickets__wrapper > p {
    margin-top: 0.8rem;
    text-align: center;
  }
  .tickets__toolbar {
    flex-direction: column;
  }
  .tickets__toolbar > div:first-child {
    width: 100%;
    min-width: 100%;
    margin-bottom: 16px;
  }
  .tickets__toolbar > div:first-child .checkbox {
    margin-top: 0;
  }
  .tickets__toolbar > div:last-child {
    width: 100%;
    min-width: 100%;
  }
  .tickets__list ul.head > li,
  .tickets__list ul.body > li {
    padding: 1.6rem;
  }
  .tickets__list ul.head > li > span,
  .tickets__list ul.body > li > span {
    padding: 0;
  }
  .tickets__list ul.head > li > span:nth-child(2),
  .tickets__list ul.body > li > span:nth-child(2) {
    flex-grow: 1;
    justify-content: end;
  }
  .tickets__list ul.head > li > span:nth-child(3),
  .tickets__list ul.body > li > span:nth-child(3) {
    padding-top: 0.8rem;
  }
  .tickets__list ul.head > li > span:nth-child(3),
  .tickets__list ul.head > li > span:nth-child(4),
  .tickets__list ul.head > li > span:nth-child(5),
  .tickets__list ul.head > li > span:nth-child(6),
  .tickets__list ul.head > li > span:last-child,
  .tickets__list ul.body > li > span:nth-child(3),
  .tickets__list ul.body > li > span:nth-child(4),
  .tickets__list ul.body > li > span:nth-child(5),
  .tickets__list ul.body > li > span:nth-child(6),
  .tickets__list ul.body > li > span:last-child {
    width: 100%;
    min-width: 100%;
    padding-bottom: 0.8rem;
  }
  .tickets__list ul.head > li > span:nth-child(3):before,
  .tickets__list ul.head > li > span:nth-child(4):before,
  .tickets__list ul.head > li > span:nth-child(5):before,
  .tickets__list ul.head > li > span:nth-child(6):before,
  .tickets__list ul.head > li > span:last-child:before,
  .tickets__list ul.body > li > span:nth-child(3):before,
  .tickets__list ul.body > li > span:nth-child(4):before,
  .tickets__list ul.body > li > span:nth-child(5):before,
  .tickets__list ul.body > li > span:nth-child(6):before,
  .tickets__list ul.body > li > span:last-child:before {
    content: attr(aria-label);
    display: block;
    color: #a3a3a3;
  }
  .tickets__list ul.head > li > span:last-child,
  .tickets__list ul.body > li > span:last-child {
    padding-bottom: 0;
  }
  .tickets__list ul.head {
    display: none;
  }
  .tickets--tabs {
    margin-top: -24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .tickets__content {
    flex-direction: column;
  }
  .tickets__wrapper {
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
  .tickets__wrapper > p {
    margin-top: 0.8rem;
    text-align: center;
  }
  .tickets__list ul.head > li.isCustomer > span:nth-child(3),
  .tickets__list ul.head > li.isCustomer > span:nth-child(4),
  .tickets__list ul.head > li.isCustomer > span:nth-child(5),
  .tickets__list ul.head > li.isCustomer > span:nth-child(6),
  .tickets__list ul.head > li.isCustomer > span:last-child,
  .tickets__list ul.body > li.isCustomer > span:nth-child(3),
  .tickets__list ul.body > li.isCustomer > span:nth-child(4),
  .tickets__list ul.body > li.isCustomer > span:nth-child(5),
  .tickets__list ul.body > li.isCustomer > span:nth-child(6),
  .tickets__list ul.body > li.isCustomer > span:last-child {
    width: 20%;
    min-width: 20%;
  }
  .tickets__list ul.head > li > span,
  .tickets__list ul.body > li > span {
    padding: 0.8rem;
  }
  .tickets__list ul.head > li > span:nth-child(1),
  .tickets__list ul.body > li > span:nth-child(1) {
    width: unset;
  }
  .tickets__list ul.head > li > span:nth-child(2),
  .tickets__list ul.body > li > span:nth-child(2) {
    width: calc(100% - 120px);
    min-width: calc(100% - 120px);
    justify-content: end;
    flex-grow: 1;
  }
  .tickets__list ul.head > li > span:nth-child(3),
  .tickets__list ul.head > li > span:nth-child(4),
  .tickets__list ul.head > li > span:nth-child(5),
  .tickets__list ul.head > li > span:nth-child(6),
  .tickets__list ul.head > li > span:last-child,
  .tickets__list ul.body > li > span:nth-child(3),
  .tickets__list ul.body > li > span:nth-child(4),
  .tickets__list ul.body > li > span:nth-child(5),
  .tickets__list ul.body > li > span:nth-child(6),
  .tickets__list ul.body > li > span:last-child {
    width: 33%;
    min-width: 33%;
    flex-grow: 1;
  }
  .tickets__list ul.head > li > span:nth-child(3):before,
  .tickets__list ul.head > li > span:nth-child(4):before,
  .tickets__list ul.head > li > span:nth-child(5):before,
  .tickets__list ul.head > li > span:nth-child(6):before,
  .tickets__list ul.head > li > span:last-child:before,
  .tickets__list ul.body > li > span:nth-child(3):before,
  .tickets__list ul.body > li > span:nth-child(4):before,
  .tickets__list ul.body > li > span:nth-child(5):before,
  .tickets__list ul.body > li > span:nth-child(6):before,
  .tickets__list ul.body > li > span:last-child:before {
    content: attr(aria-label);
    display: block;
    color: #a3a3a3;
  }
  .tickets__list ul.head {
    display: none;
  }
}
.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: row;
  align-items: center;
  justify-content: flex-end;
}
.feedback__list table tbody tr td:last-child > div > a {
  display: block;
  margin-left: 12px;
}
.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:first-child {
  font-weight: normal;
  color: #a3a3a3;
}
.feedback__list table tbody tr td .tile-actions a:first-child:hover {
  color: #fc5447;
}
@media screen and (max-width: 1440px) {
  .feedback__list table tbody tr td:last-child > div.tile-actions {
    flex-direction: column;
  }
}
@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 .copy-link {
  transition: color 0.3s ease, transform 0.3s ease;
}
.feedback-editor .copy-link svg {
  margin-right: 5px;
}
.feedback-editor .copy-link.copied {
  color: #50c878;
  box-shadow: 0 0 0 0.1rem #50c878;
  animation: bounce 0.7s ease;
}
.feedback-editor .copy-link.copied svg {
  fill: #50c878;
}
.feedback-editor .copy-link.copied:hover {
  background-color: #50c878;
  color: #fff;
}
.feedback-editor .copy-link.copied:hover svg {
  fill: #fff;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
.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: #d0d0d0;
}
.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%;
  }
}
.ql-container.ql-snow {
  border: 0;
  font-family: "Mukta", sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #212121;
}
.ql-container.ql-snow .ap {
  background-image: none;
  text-indent: 0;
  width: unset;
  height: unset;
  font-size: unset;
  overflow: unset;
  line-height: unset;
  margin-top: 0;
  display: unset;
}
.ql-container.ql-snow .ql-emojiblot {
  vertical-align: middle;
}
.ql-container.ql-snow #emoji-palette {
  max-width: 400px;
}
.ql-container.ql-snow #emoji-palette #tab-panel {
  justify-content: unset;
  max-height: 300px;
  padding: 5px 0;
}
.ql-container.ql-snow #emoji-palette .ap {
  width: 25px;
  height: 25px;
  font-size: 25px;
  margin: 4px;
}
.ql-container.ql-snow #emoji-palette .ap.ap-speech {
  display: none;
}
.ql-container.ql-snow .emoji_completions button {
  color: #212121;
  box-shadow: none;
  font-weight: normal;
}
.ql-container.ql-snow .ql-editor.ql-blank {
  font-size: 16px;
  line-height: 24px;
  color: #212121;
  padding: 16px;
}
.ql-container.ql-snow .ql-editor.ql-blank:before {
  display: none;
}
.ql-container.ql-snow .ql-editor.ql-blank:after {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  display: block;
  font-style: italic;
  margin-top: -1.42em;
  pointer-events: none;
}
.ql-container.ql-snow .ql-editor p {
  font-size: 16px;
  line-height: 24px;
  color: #212121;
}
.ql-container.ql-snow .ql-editor a {
  color: #f5b049 !important;
}
.ql-container.ql-snow .ql-tooltip {
  position: absolute;
  top: 5% !important;
  right: 0;
  left: 10% !important;
  width: 100%;
  max-width: 80%;
  border: 2px solid #e9e9e9;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
  padding: 12px;
  border-radius: 8px;
  transform: none !important;
}
.ql-container.ql-snow .ql-tooltip:before {
  display: none;
}
.ql-container.ql-snow .ql-tooltip .ql-preview {
  float: left;
  width: calc(100% - 100px);
  min-width: calc(100% - 100px);
  font-size: 14px;
  line-height: 40px;
  color: #212121;
  padding: 0 12px;
  height: 40px;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  margin-right: 8px;
  overflow: hidden;
  background: rgba(211, 211, 211, 0.4);
  pointer-events: none;
}
.ql-container.ql-snow .ql-tooltip .ql-action,
.ql-container.ql-snow .ql-tooltip .ql-remove {
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
  background: #fff;
  transition: 260ms ease;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
}
.ql-container.ql-snow .ql-tooltip .ql-action:hover,
.ql-container.ql-snow .ql-tooltip .ql-remove:hover {
  background: rgba(233, 233, 233, 0.1);
}
.ql-container.ql-snow .ql-tooltip .ql-action:before,
.ql-container.ql-snow .ql-tooltip .ql-action:after,
.ql-container.ql-snow .ql-tooltip .ql-remove:before,
.ql-container.ql-snow .ql-tooltip .ql-remove:after {
  content: "" !important;
  position: absolute;
  top: 6px;
  left: 6px;
  padding: 0;
  margin: 0;
  border: 0;
  width: 26px;
  height: 26px;
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center;
}
.ql-container.ql-snow .ql-tooltip .ql-action {
  margin-right: 8px;
}
.ql-container.ql-snow .ql-tooltip .ql-action:before {
  top: 8px;
  left: 8px;
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-image: url(/assets/img/icons/pencil--blue.svg);
}
.ql-container.ql-snow .ql-tooltip .ql-remove:before {
  background-image: url(/assets/img/icons/delete--red.svg);
}
.ql-container.ql-snow .ql-tooltip.ql-editing input {
  float: left;
  width: calc(100% - 100px);
  font-size: 14px;
  color: #212121;
  padding: 0 12px;
  height: 40px;
  border: 1px solid #e9e9e9;
  margin-right: 8px;
  border-radius: 6px;
  box-shadow: none;
  outline: none;
}
.ql-container.ql-snow .ql-tooltip.ql-editing .ql-action {
  background: #f5b049;
  border: 0;
}
.ql-container.ql-snow .ql-tooltip.ql-editing .ql-action:hover {
  background: rgba(245, 176, 73, 0.8);
}
.ql-container.ql-snow .ql-tooltip.ql-editing .ql-action:before {
  background-image: url(/assets/img/icons/save--white.svg);
}
@media screen and (max-width: 767px) {
  .ql-container.ql-snow .ql-tooltip {
    top: 5% !important;
    left: 2.5% !important;
    max-width: 95%;
  }
}
.bouwapp-quill {
  position: relative;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
}
.bouwapp-quill app-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.bouwapp-quill app-loader .loader {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 100px;
}
.bouwapp-quill__toolbar {
  border-bottom: 1px solid #e9e9e9;
}
.bouwapp-quill__toolbar__markup {
  border: 0 !important;
}
.bouwapp-quill__editor {
  position: relative;
}
.bouwapp-quill__editor quill-editor {
  width: 100%;
}
.bouwapp-quill__editor .character-counter {
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  right: 8px;
  bottom: 4px;
}
.bouwapp-quill__editor .ql-container.ql-snow .ql-editor {
  min-height: 160px;
}
.bouwapp-quill__editor.disabled,
.bouwapp-quill__editor .ql-disabled {
  opacity: 0.7;
  background-color: #fafafa;
}
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__list .update__box,
.updates__view .update__box {
  position: relative;
  background: #fff;
  border-radius: 1.2rem;
  border: 1px solid #e9e9e9;
  transition: 260ms ease;
  margin-bottom: 0.8rem;
  padding: 1.6rem;
}
.updates__list .update__box:has(.btn),
.updates__view .update__box:has(.btn) {
  padding-bottom: 0.8rem;
}
.updates__list .update__box.empty,
.updates__view .update__box.empty {
  text-align: center;
  padding: 3.2rem;
}
.updates__list .update__box--start,
.updates__view .update__box--start {
  font-weight: 700;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  border: 0;
  pointer-events: none;
}
.updates__list .update__box--start .flag-image,
.updates__view .update__box--start .flag-image {
  margin-right: 12px;
  vertical-align: middle;
  height: 16px;
}
.updates__list .update__box__content .project-name,
.updates__view .update__box__content .project-name {
  color: #f5b049;
}
.updates__list .update__box__content__actions,
.updates__view .update__box__content__actions {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 10;
}
.updates__list .update__box__content__actions > .edit,
.updates__list .update__box__content__actions > .delete,
.updates__view .update__box__content__actions > .edit,
.updates__view .update__box__content__actions > .delete {
  cursor: pointer;
  display: block;
  width: 32px;
  min-width: 32px;
  height: 32px;
  margin-left: 8px;
  text-align: center;
  padding-top: 4px;
  border-radius: 2px;
  transition: 260ms ease;
}
.updates__list .update__box__content__actions > .edit svg path,
.updates__list .update__box__content__actions > .delete svg path,
.updates__view .update__box__content__actions > .edit svg path,
.updates__view .update__box__content__actions > .delete svg path {
  fill: #a3a3a3 !important;
  transition: 260ms ease;
}
.updates__list .update__box__content__actions > .edit:hover svg path,
.updates__view .update__box__content__actions > .edit:hover svg path {
  fill: #3373ea !important;
}
.updates__list .update__box__content__actions > .delete:hover svg path,
.updates__view .update__box__content__actions > .delete:hover svg path {
  fill: #fc5447 !important;
}
.updates__list .update__box__content__top p,
.updates__view .update__box__content__top p {
  font-size: 1.6rem;
  margin: 0;
  line-height: 2.4rem;
}
.updates__list .update__box__content__top p.title span:first-of-type,
.updates__view .update__box__content__top p.title span:first-of-type {
  font-weight: 600;
  color: #212121;
}
.updates__list .update__box__content__top p.title span:last-of-type,
.updates__view .update__box__content__top p.title span:last-of-type {
  font-weight: 500;
  color: #a3a3a3;
  margin-left: 0.8rem;
}
.updates__list .update__box__content__top p.scheduled span,
.updates__view .update__box__content__top p.scheduled span {
  font-weight: bold;
  color: #fc5447;
  display: inline-block;
  vertical-align: middle;
}
.updates__list .update__box__content__top p.scheduled span:first-of-type,
.updates__view .update__box__content__top p.scheduled span:first-of-type {
  height: 2rem;
  width: 2rem;
  margin-right: 0.8rem;
}
.updates__list .update__box__content__top p.scheduled span:first-of-type svg,
.updates__view .update__box__content__top p.scheduled span:first-of-type svg {
  width: 100%;
  height: 100%;
  fill: #fc5447;
}
.updates__list .update__box__content__top p.scheduled span:last-of-type,
.updates__view .update__box__content__top p.scheduled span:last-of-type {
  margin-top: 0.2rem;
}
.updates__list .update__box__content__top p.concept,
.updates__view .update__box__content__top p.concept {
  font-weight: bold;
  color: var(--primary);
}
.updates__list .update__box__content__top p a,
.updates__view .update__box__content__top p a {
  float: right;
  margin-right: 1.2rem;
}
.updates__list .update__box__content__bottom,
.updates__view .update__box__content__bottom {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.updates__list .update__box__content__bottom > button,
.updates__view .update__box__content__bottom > button {
  margin-left: 0.8rem;
}
.updates__list .update__box__content__bottom > button:last-of-type,
.updates__view .update__box__content__bottom > button:last-of-type {
  margin-left: auto;
}
.updates__list .update__box__content__bottom > span > span,
.updates__view .update__box__content__bottom > span > span {
  vertical-align: middle;
  display: inline-block;
}
.updates__list .update__box__content__bottom > span > span:first-child,
.updates__view .update__box__content__bottom > span > span:first-child {
  width: 2rem;
  height: 2rem;
  margin-right: 0.8rem;
}
.updates__list .update__box__content__bottom > span > span:first-child svg,
.updates__view .update__box__content__bottom > span > span:first-child svg {
  width: 100%;
  height: 100%;
  fill: #3373ea;
}
.updates__list .update__box__content__bottom > span > span:last-child,
.updates__view .update__box__content__bottom > span > span:last-child {
  color: #3373ea;
}
.updates__list .update__box__content__bottom > a,
.updates__view .update__box__content__bottom > a {
  font-weight: normal;
  color: #212121;
}
.updates__list .update__box__content__bottom > a span,
.updates__view .update__box__content__bottom > a span {
  display: inline-block;
  vertical-align: middle;
}
.updates__list .update__box__content__bottom > a span:last-child,
.updates__view .update__box__content__bottom > a span:last-child {
  margin-left: 0.4rem;
  width: 2rem;
  height: 2rem;
}
.updates__list .update__box__content__bottom > a span:last-child svg,
.updates__view .update__box__content__bottom > a span:last-child svg {
  width: 100%;
  height: 100%;
  fill: #212121;
}
.updates__list .update__box__content__preview,
.updates__view .update__box__content__preview {
  display: inline-block;
  margin-left: 8px;
  line-height: 40px;
  vertical-align: top;
}
.updates__list .update__box__content__preview svg,
.updates__view .update__box__content__preview svg {
  height: 12px;
}
.updates__list .update__box__content__clock,
.updates__view .update__box__content__clock {
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: 4px;
  width: 24px;
  height: 24px;
}
.updates__list .update__box__content__clock path,
.updates__view .update__box__content__clock path {
  fill: #f5b049;
}
.updates__list .update__box__content__concept,
.updates__view .update__box__content__concept {
  display: block;
  font-weight: normal;
  font-size: 18px;
  margin-top: -8px;
  color: #a3a3a3;
}
.updates__list .update__box__content__text,
.updates__view .update__box__content__text {
  line-height: 2.4rem;
  font-size: 1.6rem;
  max-height: 4.8rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.updates__list .update__box__content__text p,
.updates__view .update__box__content__text p {
  margin: 0;
  line-height: 2.4rem;
}
.updates__list .update__box__content__text h3,
.updates__view .update__box__content__text h3 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin: 0;
}
.updates__list .update__box__content__text h4,
.updates__view .update__box__content__text h4 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 0;
}
.updates__list .update__box__content__attachments .overlay,
.updates__view .update__box__content__attachments .overlay {
  height: 4.2rem;
  padding: 0.4rem;
  background-color: rgba(33, 33, 33, 0.5);
  text-align: center;
}
.updates__list .update__box__content__attachments .overlay svg,
.updates__view .update__box__content__attachments .overlay svg {
  height: 3.4rem;
  width: 5.6rem;
}
.updates__list .update__box__content__attachments ul,
.updates__view .update__box__content__attachments ul {
  padding: 0;
  margin: 1.6rem 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}
.updates__list .update__box__content__attachments ul li,
.updates__view .update__box__content__attachments ul li {
  width: 12rem;
  height: 12rem;
  position: relative;
  border-radius: 0.8rem;
  overflow: hidden;
  border: 0.1rem solid #e9e9e9;
}
.updates__list .update__box__content__attachments ul li > img,
.updates__view .update__box__content__attachments ul li > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.updates__list .update__box__content__attachments ul li video,
.updates__view .update__box__content__attachments ul li video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.updates__list .update__box__content__attachments ul li .video-icon,
.updates__view .update__box__content__attachments ul li .video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.2rem;
  width: 3.4rem;
  height: 3.4rem;
}
.updates__list .update__box__content__attachments ul li .video-icon img,
.updates__view .update__box__content__attachments ul li .video-icon img {
  width: 100%;
  height: 100%;
}
.updates__list .update__box__content__attachments ul li .video-icon svg,
.updates__view .update__box__content__attachments ul li .video-icon svg {
  background-color: #fff;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 0.2rem;
}
.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 > span {
  height: 2rem;
  line-height: 2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
}
.updates-view .statistics .chart__inner .legend > div > span > span:first-child {
  width: 2rem;
  border-radius: 50%;
}
.updates-view .statistics .chart__inner .legend > div > span > span > svg {
  height: 100%;
}
.updates-view .statistics .chart__inner .legend > div > span > span > svg:not([width="20"]) {
  margin: 0 0.2rem;
}
.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;
  width: 90%;
  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;
  flex-grow: 1;
  margin-left: 16px;
}
.updates-edit__events .update-event__item__right span {
  cursor: pointer;
}
.updates-edit__events .update-event__item__right span svg:last-child {
  fill: #000;
}
.updates-edit__events .update-event__item__right span.active {
  position: relative;
}
.updates-edit__events .update-event__item__right span.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  bottom: 0;
  background-color: #000;
  border-radius: 1px;
}
.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;
  background-color: #fafafa;
  border: 1px dashed #e9e9e9;
  flex-shrink: 0;
  border-radius: 6px;
  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 .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__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-quill__editor .ql-container.ql-snow .ql-editor,
.customer .project-category .bouwapp-quill__editor .ql-container.ql-snow .ql-editor {
  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 .input,
.customer .input {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #e9e9e9;
  box-shadow: none;
  margin: 0;
  transition: 260ms ease;
  font-size: 15px;
}
.projects.detail .input--m,
.customer .input--m {
  height: 50px;
  font-size: 16px;
  line-height: 26px;
  padding: 0 16px;
}
.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 .widget > h2,
.customer .widget > h2 {
  font-size: 20px;
  color: #212121;
  margin-bottom: 16px;
}
.projects.detail .widget__container,
.customer .widget__container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.projects.detail .widget__container .bouwapp-box,
.customer .widget__container .bouwapp-box {
  width: calc(60% - 12px);
  min-width: calc(60% - 12px);
  margin: 0;
}
.projects.detail .widget__container .bouwapp-box__self,
.customer .widget__container .bouwapp-box__self {
  width: 100%;
  min-width: 100%;
}
.projects.detail .widget__container .widget__self,
.customer .widget__container .widget__self {
  width: calc(40% - 12px);
  min-width: calc(40% - 12px);
  margin-left: auto;
  box-shadow: 0 2px 10px rgba(33, 33, 33, 0.1);
  border-radius: 6px;
  overflow: hidden;
}
.projects.detail .widget__container .widget__self iframe,
.customer .widget__container .widget__self iframe {
  width: 100%;
  height: 100%;
}
.projects.detail .widget__form,
.customer .widget__form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.projects.detail .widget__form > div:not(.widget__form__actions),
.customer .widget__form > div:not(.widget__form__actions) {
  margin-top: 24px;
  width: calc(50% - 12px);
  min-width: calc(50% - 12px);
  display: flex;
  flex-direction: column;
}
.projects.detail .widget__form > div:not(.widget__form__actions):nth-child(2n),
.customer .widget__form > div:not(.widget__form__actions):nth-child(2n) {
  margin-left: auto;
}
.projects.detail .widget__form > div:not(.widget__form__actions) > label,
.customer .widget__form > div:not(.widget__form__actions) > label {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
  margin-bottom: 4px;
}
.projects.detail .widget__form > div:not(.widget__form__actions) > .select,
.customer .widget__form > div:not(.widget__form__actions) > .select {
  width: 100%;
  max-width: 100%;
}
.projects.detail .widget__form__actions,
.customer .widget__form__actions {
  margin-top: 24px;
  width: 100%;
}
.projects.detail .widget__form__actions__copy,
.customer .widget__form__actions__copy {
  margin-top: 40px;
}
.projects.detail .widget__form__actions__copy > div,
.customer .widget__form__actions__copy > div {
  display: flex;
  flex-direction: row;
}
.projects.detail .widget__form__actions__copy > div label,
.customer .widget__form__actions__copy > div label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #212121;
}
.projects.detail .widget__form__actions__copy > div p,
.customer .widget__form__actions__copy > div p {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 4px 0;
}
.projects.detail .widget__form__actions__copy > div p span,
.customer .widget__form__actions__copy > div p span {
  margin-left: 16px;
  cursor: pointer;
  color: #f5b049;
}
.projects.detail .widget__form__actions__copy > div p span:hover,
.customer .widget__form__actions__copy > div p span:hover {
  text-decoration: underline;
}
.projects.detail .widget__form__actions__copy > div p span:last-child,
.customer .widget__form__actions__copy > div p span:last-child {
  color: #fc5447;
  pointer-events: none;
}
.projects.detail .widget__form__actions__copy textarea,
.customer .widget__form__actions__copy textarea {
  width: 100%;
  min-height: 240px;
  margin-top: 4px;
}
@media screen and (max-width: 1023px) {
  .projects.detail .widget__container .bouwapp-box,
  .customer .widget__container .bouwapp-box {
    width: 100%;
    min-width: 100%;
  }
  .projects.detail .widget__container .widget__self,
  .customer .widget__container .widget__self {
    width: 100%;
    min-width: 100%;
    min-height: 600px;
    margin-top: 24px;
  }
  .projects.detail .widget__form > div:not(.widget__form__actions),
  .customer .widget__form > div:not(.widget__form__actions) {
    width: 100%;
    min-width: 100%;
  }
  .projects.detail .widget__form__actions__copy > div,
  .customer .widget__form__actions__copy > div {
    flex-direction: column;
  }
  .projects.detail .widget__form__actions__copy > div p span,
  .customer .widget__form__actions__copy > div p span {
    margin: 0 16px 0 0;
  }
}
.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 .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: 24px;
}
.projects.detail .two-columns__wrapper .buttons button,
.customer .two-columns__wrapper .buttons button {
  display: flex;
  align-items: center;
  gap: 8px;
}
.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;
}
.projects.detail .two-columns__wrapper .right.sticky,
.customer .two-columns__wrapper .right.sticky {
  position: fixed;
  right: 3.4rem;
  top: 1.2rem;
}
.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:last-of-type,
.customer .two-columns__buttons .publication:last-of-type {
  margin-bottom: 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.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-JM2LOYN3.css.map */