/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Mukta:300,400,500,600,700);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Catamaran:300,400,500,600,700);
/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./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}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/

/* Override default control style */
.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: -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: -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;
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@mapbox/mapbox-gl-geocoder/dist/mapbox-gl-geocoder.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/* Basics */
.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; /* fallback */
  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; /* hide input clear button in IE */
}

.mapboxgl-ctrl-geocoder--input:focus {
  color: #404040; /* fallback */
  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);
}

/* Collapsed */
.mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {
  width: 50px;
  min-width: 50px;
  transition: width .25s, min-width .25s;
}

/* Suggestions */
.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%; /* fallback */
  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;
}

/* Icons */
.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;
  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;  
}

/* Animation */

@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Media queries*/
@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;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./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('flags.f0b93e1814fdd027.png?1');
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: url('flags@2x.77c72ad9dfe90e47.png?1');
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.core.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * 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: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.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;
  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 ul,
.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;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9: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 .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: 0.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-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;
}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * 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: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.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;
  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 ul,
.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;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9: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 .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: 0.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-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: 0.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: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.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 pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  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 0px;
}
.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: 0px;
  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: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.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-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: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 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: 0px;
  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: 0px;
  content: 'Save';
  padding-right: 0px;
}
.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;
}

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./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}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/default.theme.css ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.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:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #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,0.075),0 0 0 3px rgba(0,126,255,0.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,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 #e6e6e6}.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:#ebf5ff;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:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[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 #b8dbff}.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 transparent transparent;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,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:#e6e6e6;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:#e6e6e6;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:#e6e6e6;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:#e6e6e6;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,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:#f5faff}.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,0.54);background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,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:#ebf5ff}.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:#f5faff;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}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (2) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * Import app styles
 */
/*--------------------------------------------*\
    Backward compatible CSS variables
\*--------------------------------------------*/
: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;
}

/*------------------------------------*\
    Breakpoints
\*------------------------------------*/
/*------------------------------------*\
    Colors
\*------------------------------------*/
/* for file uploads etc. */
/*--------------------------------------------*\
    Backward compatible CSS variables
\*--------------------------------------------*/
: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-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: #999999;
  --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;
  --form-error-color: #fc5447;
  --toggle-background: #e0e0e0;
  --style-bar-background: #f6f6f6;
  --style-bar-border: #e3e3e3;
  --comments-border: #e3e3e3;
  --status-background: #efefef;
}

/* Import mixins */
/*------------------------------------*\
    Components | Reset
\*------------------------------------*/
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;
}

/*------------------------------------*\
    Components | Form Elements
\*------------------------------------*/
::-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;
}

/*------------------------------------*\
    Components | Input
\*------------------------------------*/
/* Import vendor files */
* {
  box-sizing: border-box;
}

*:before,
*:after {
  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;
  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;
  -webkit-text-decoration: underline dotted;
          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%;
  }
}
@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;
  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;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  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 {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  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: 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: 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: 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;
  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;
  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 {
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    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: 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: 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: "‹";
}
.carousel-control .icon-next:before {
  content: "›";
}

.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 \9 ;
  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;
  }
}
:root {
  --logo: url("/assets/img/logo_bouwapp.png");
}

/*------------------------------------*\
    Grid + Flex
\*------------------------------------*/
.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%;
}

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

/*------------------------------------*\
    Global(s)
\*------------------------------------*/
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: 32.8rem;
  min-width: 32.8rem;
  height: 100%;
  padding: 4.8rem 2.4rem 10rem 2.4rem;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
}
.app__content {
  width: calc(100% - 32.8rem);
  min-width: calc(100% - 32.8rem);
  height: 100%;
  background: #f3f1ef;
  overflow: auto;
  display: flex;
  flex-direction: column;
  border-radius: 4rem 0 0 4rem;
}
.app__content__wrapper {
  max-width: calc(1920px - 32.8rem);
}
.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;
  }
}
/*------------------------------------*\
    Typography
\*------------------------------------*/
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%);
}
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%;
}

/*------------------------------------*\
    Layout
\*------------------------------------*/
.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%;
  }
}
@media screen and (max-width: 767px) {
  .header__nav__concept {
    flex-direction: column;
    margin-top: 20px;
  }
  p.pageDescription {
    max-width: 100%;
  }
}
/*------------------------------------*\
    BouwApp - Heading
\*------------------------------------*/
.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 - Global box
\*------------------------------------*/
.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
\*------------------------------------*/
.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
\*------------------------------------*/
.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;
  }
}
/*------------------------------------*\
  Components | Buttons
\*------------------------------------*/
.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;
}

/* Import components */
.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;
}
.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-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;
}

input[type=search]:not([type=checkbox]):not([type=radio]):not(.mapboxgl-ctrl-geocoder--input) {
  /* required selector to avoid using !important */
  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;
  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 > * {
  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: 2px solid #999999;
  margin-right: 8px;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-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;
}

/*------------------------------------*\
    Checkbox
\*------------------------------------*/
.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;
}

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

.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.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-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 {
  width: 16px;
  height: 16px;
}
.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;
  transition: all 0.1s ease;
  pointer-events: none;
  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;
  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;
}

/*------------------------------------*\
    Footer
\*------------------------------------*/
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;
  }
}
/*------------------------------------*\
    Header
\*------------------------------------*/
.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;
  padding-left: 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: 32.8rem;
  min-width: 32.8rem;
}
.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: 28rem;
  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;
}

.dialog-status {
  width: calc(100% - 30px);
  padding: 10px 15px;
  margin-bottom: 5px;
  margin-left: 15px;
  margin-right: 15px;
  background: #efefef;
  border-radius: 3px;
  display: flex;
  align-items: center;
}

.dialog-status__logo {
  margin-right: 1rem;
}

.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); /* 3.5px is a firefox-only fix.. */
  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 {
  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--condensed {
  padding: 5px 0;
  margin-top: 0;
}

.spinner, .has-inline-spinner::before {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url("/assets/img/icons/spinner.png");
  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; /* has to be hardcoded, because of the 'active' border */
  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; /* can't be absolute because of the box shadows */
  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;
  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;
  margin-bottom: 5px;
  /* can't use a full border, as Chrome renders a little bit of white space in the edges for some reason */
  display: flex;
  justify-content: center;
  align-items: center;
}
.switch .switch-option {
  font-size: 15px;
  cursor: pointer;
  text-align: center;
  font-weight: 600;
  color: #212121;
  overflow: hidden;
  line-height: 36px; /* use line height because of different borders */
  flex: 0 1 auto;
  padding: 0 20px;
  margin: 0 5px;
  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.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 {
  /* inside tbody to prevent box shadow on th's */
}
table tbody tr {
  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;
  border-radius: 2px;
  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;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
  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;
  border-radius: 2px;
}

.tile-attachment__icon svg {
  width: 3rem;
}

.toggle {
  display: block;
  width: 70px;
  height: 40px;
  margin-bottom: 5px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  border-radius: 20px;
  background: #e0e0e0;
  position: relative;
  transition: 0.4s;
}
.toggle::after {
  position: absolute;
  height: 34px;
  width: 34px;
  display: block;
  background-color: #fff;
  content: " ";
  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;
  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: -moz-fit-content;
  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: -moz-fit-content;
  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; /* Allow text to wrap */
  overflow: visible; /* Ensure text is not clipped */
  word-break: break-word; /* Break long words if necessary */
}

.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-left: 5px;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  box-shadow: none;
  font-size: 16px;
  height: 50px;
  margin: 0;
  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 angular-intl-phone .iti.iti--allow-dropdown .iti__dropdown-content {
  position: unset;
}
.two-factor-screen .page .align .form angular-intl-phone div.iti {
  width: 100%;
}
.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;
  }
}

/*------------------------------------*\
  Components | Buttons
\*------------------------------------*/
.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;
  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-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%;
  }
}
/*------------------------------------*\
    Conversation (messaging)
\*------------------------------------*/
.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);
  /* Lorem Ipsum is simply dummy text of the printing and typesetting industry. */
}
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;
  }
}
/*------------------------------------*\
      Conversation (keyframes)
  \*------------------------------------*/
@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;
}

/*------------------------------------*\
    Phases - Overview
\*------------------------------------*/
.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;
}
.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;
  width: 160px;
  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;
}

/* Import pages */
/*------------------------------------*\
    Components | Reset
\*------------------------------------*/
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;
}

/*------------------------------------*\
    Components | Form Elements
\*------------------------------------*/
::-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;
}

/*------------------------------------*\
    Components | Input
\*------------------------------------*/
.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 {
  border-radius: 3px;
  width: 100%;
  background-size: cover;
  height: 390px;
  margin-top: 15px;
}

/*------------------------------------*\
    BouwApp - News
\*------------------------------------*/
.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);
  }
}
/*------------------------------------*\
    BouwApp - Article
\*------------------------------------*/
.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;
  }
}
/*------------------------------------*\
    Tickets (contact)
\*------------------------------------*/
.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 angular-intl-phone > div.iti {
  width: 100%;
}
.project-contact__first angular-intl-phone > div.iti .iti__dropdown-content {
  position: static;
}
.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 (overview)
\*------------------------------------*/
.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;
  }
}
/*------------------------------------*\
    Tickets (notifications)
\*------------------------------------*/
.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;
  }
}
/*------------------------------------*\
    Tickets (feedback)
\*------------------------------------*/
.ticket-feedback,
.ticket-feedback svg {
  height: 15px;
}

/*------------------------------------*\
    Tickets (email-group)
\*------------------------------------*/
.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 (overview)
\*------------------------------------*/
.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 .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: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 (creation)
\*------------------------------------*/
.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-top: 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)
\*------------------------------------*/
.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-allowed)
\*------------------------------------*/
.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
\*------------------------------------*/
.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 {
  padding: 0.8rem;
  border: 0.1rem solid #e9e9e9;
}
.filter .ng-select .ng-select-container .ng-value-container {
  padding: 0;
}
.filter .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  top: 1rem;
  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: -moz-fit-content;
  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 .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, title / text / buttons
\*------------------------------------*/
.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__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;
  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%;
}
.bouwapp-header__content a {
  color: #212121;
}

@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, search / sorting
  \*------------------------------------*/
.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, overview
  \*------------------------------------*/
.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, lists
  \*------------------------------------*/
.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 overview, lists
  \*------------------------------------*/
.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: "✓";
  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: block;
  font-weight: 600;
  font-size: 1.6rem;
  color: #000;
  margin-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%;
  }
}
/*------------------------------------*\
    Quill (global)
\*------------------------------------*/
.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;
  /* Bug in pacakge https://github.com/contentco/quill-emoji/issues/153 */
}
.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%;
  }
}
/*------------------------------------*\
    Quill (specific)
\*------------------------------------*/
.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
\*------------------------------------*/
.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 - Overview
\*------------------------------------*/
.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;
}

/*------------------------------------*\
  Components | Buttons
\*------------------------------------*/
.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 (overview)
\*------------------------------------*/
.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: -moz-fit-content;
  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__overlay, .updates__view .update__box__overlay {
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 260ms ease, visibility 260ms ease;
}
.updates__list .update__box__overlay__edit, .updates__view .update__box__overlay__edit {
  display: none;
}
.updates__list .update__box.standalone:hover, .updates__view .update__box.standalone:hover {
  cursor: pointer;
}
.updates__list .update__box.standalone:hover .update__box__overlay, .updates__view .update__box.standalone:hover .update__box__overlay {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 10;
  width: 100%;
  height: 100%;
  border-radius: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  visibility: visible;
}
.updates__list .update__box.standalone:hover .update__box__overlay__edit, .updates__view .update__box.standalone:hover .update__box__overlay__edit {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}
.updates__list .update__box.standalone:hover .update__box__overlay__edit > div, .updates__view .update__box.standalone:hover .update__box__overlay__edit > div {
  display: flex;
  align-items: center;
}
.updates__list .update__box.empty, .updates__view .update__box.empty {
  text-align: center;
  padding: 3.2rem;
}
.updates__list .update__box:not(.empty):not(.standalone):hover, .updates__view .update__box:not(.empty):not(.standalone):hover {
  cursor: pointer;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  border-color: #a3a3a3;
}
.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;
}
.updates__list .update__box__content__bottom, .updates__view .update__box__content__bottom {
  display: flex;
  justify-content: space-between;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.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;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  border-radius: 0.8rem;
  overflow: hidden;
  border: 0.1rem solid #e9e9e9;
}
.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)
\*------------------------------------*/
.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 (new)
\*------------------------------------*/
.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__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;
  }
}
/*------------------------------------*\
    Updates (poll)
\*------------------------------------*/
.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;
  /*------------------------------------*\
      Project - General
  \*------------------------------------*/
  /*------------------------------------*\
        Project - Specifics
    \*------------------------------------*/
  /*------------------------------------*\
        Project - Form Elements
    \*------------------------------------*/
  /*------------------------------------*\
      Project - Settings
  \*------------------------------------*/
  /*------------------------------------*\
      Projects - Widget
  \*------------------------------------*/
  /*------------------------------------*\
      Projects - Targets
  \*------------------------------------*/
}
.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=manager],
.projects.detail .gu-mirror div.manage,
.customer .gu-mirror div[role=manager],
.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;
  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: -moz-fit-content;
  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 .textarea,
.customer .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;
}
.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 app-statistics section,
.customer app-statistics section {
  margin-bottom: 3.2rem;
}
.projects.detail app-statistics section.settings h2,
.customer app-statistics section.settings h2 {
  text-align: center;
  margin-bottom: 1.6rem;
}
.projects.detail app-statistics section.settings > div,
.customer app-statistics section.settings > div {
  background-color: #fff;
  padding: 16px;
  width: 100%;
  max-width: 60rem;
  border: 1px solid #e9e9e9;
  border-radius: 1.2rem;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.projects.detail app-statistics section.settings > div hr,
.customer app-statistics section.settings > div hr {
  margin-top: 16px;
  margin-bottom: 16px;
}
.projects.detail app-statistics section.settings > div .switch .switch-option,
.customer app-statistics section.settings > div .switch .switch-option {
  background-color: #f3f1ef;
}
.projects.detail app-statistics section.settings > div .switch .switch-option.active, .projects.detail app-statistics section.settings > div .switch .switch-option:hover,
.customer app-statistics section.settings > div .switch .switch-option.active,
.customer app-statistics section.settings > div .switch .switch-option:hover {
  background: #212121;
  color: #fff;
}
.projects.detail app-statistics section.settings > div label.title,
.customer app-statistics section.settings > div label.title {
  display: block;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3rem;
  color: #212121;
  margin-bottom: 0.8rem;
}
.projects.detail app-statistics section.settings.sticky h3,
.projects.detail app-statistics section.settings.sticky label,
.projects.detail app-statistics section.settings.sticky hr,
.projects.detail app-statistics section.settings.sticky .section-controls,
.customer app-statistics section.settings.sticky h3,
.customer app-statistics section.settings.sticky label,
.customer app-statistics section.settings.sticky hr,
.customer app-statistics section.settings.sticky .section-controls {
  height: 0;
  opacity: 0;
  margin: 0;
}
.projects.detail app-statistics section.settings.sticky > div,
.customer app-statistics section.settings.sticky > div {
  position: fixed;
  top: 0;
  left: 0;
  max-width: inherit;
  margin: 0 auto;
  z-index: 99;
  background-color: unset;
  border: none;
}
@media screen and (min-width: 1023px) {
  .projects.detail app-statistics section.settings.sticky > div,
  .customer app-statistics section.settings.sticky > div {
    left: auto;
    transform: translateX(-6.8rem);
    width: calc(100% - 32.8rem);
  }
}
.projects.detail app-statistics section .legend,
.customer app-statistics section .legend {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-top: 1.6rem;
  justify-content: center;
  align-items: center;
}
.projects.detail app-statistics section .legend .color,
.customer app-statistics section .legend .color {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.projects.detail app-statistics section .legend .color_unknown,
.customer app-statistics section .legend .color_unknown {
  background-color: #a3a3a3;
}
.projects.detail app-statistics section .legend .color_compliment,
.customer app-statistics section .legend .color_compliment {
  background-color: #49da16;
}
.projects.detail app-statistics section .legend .color_complaint,
.customer app-statistics section .legend .color_complaint {
  background-color: #fc5447;
}
.projects.detail app-statistics section .legend .color_question,
.customer app-statistics section .legend .color_question {
  background-color: #f5b049;
}
.projects.detail app-statistics section .legend .color_information,
.customer app-statistics section .legend .color_information {
  background-color: #3373ea;
}
.projects.detail app-statistics section .legend .checkbox label,
.customer app-statistics section .legend .checkbox label {
  font-size: 1.4rem;
  font-weight: 600;
}
.projects.detail app-statistics section .legend > div,
.customer app-statistics section .legend > div {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.projects.detail app-statistics section .legend > div > span,
.customer app-statistics section .legend > div > span {
  font-size: 1.4rem;
  font-weight: 600;
  color: #212121;
  display: flex;
  overflow: hidden;
}
.projects.detail app-statistics section .legend > div > span > span,
.customer app-statistics section .legend > div > span > span {
  height: 2rem;
  line-height: 2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
}
.projects.detail app-statistics section .legend > div > span > span:first-child,
.customer app-statistics section .legend > div > span > span:first-child {
  border-radius: 50%;
}
.projects.detail app-statistics section .legend > div > span > span:has(svg:not([width="20"])),
.customer app-statistics section .legend > div > span > span:has(svg:not([width="20"])) {
  padding: 0 0.2rem;
}
.projects.detail app-statistics section .legend > div > span > span > svg,
.customer app-statistics section .legend > div > span > span > svg {
  height: 100%;
}
.projects.detail app-statistics section .alert,
.customer app-statistics section .alert {
  width: 100%;
  padding: 2.4rem;
  background-color: #fff;
  border-radius: 1.2rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.projects.detail app-statistics section .alert.tip,
.customer app-statistics section .alert.tip {
  border: 2px solid #50c878;
}
.projects.detail app-statistics section .alert.tip svg path,
.customer app-statistics section .alert.tip svg path {
  fill: #50c878;
}
.projects.detail app-statistics section .alert.notice,
.customer app-statistics section .alert.notice {
  border: 2px solid #3373ea;
}
.projects.detail app-statistics section .alert.notice svg path,
.customer app-statistics section .alert.notice svg path {
  fill: #3373ea;
}
.projects.detail app-statistics section .alert > span,
.customer app-statistics section .alert > span {
  width: 4rem;
  height: 4rem;
  display: block;
}
.projects.detail app-statistics section .alert > span svg,
.customer app-statistics section .alert > span svg {
  width: 100%;
  height: 100%;
}
.projects.detail app-statistics section .alert p span:first-of-type,
.customer app-statistics section .alert p span:first-of-type {
  font-weight: bold;
}
.projects.detail app-statistics section .feedback-link,
.customer app-statistics section .feedback-link {
  width: 100%;
  text-align: center;
}
.projects.detail app-statistics section h2,
.customer app-statistics section h2 {
  width: 100%;
  margin: 0;
}
.projects.detail app-statistics section h3,
.customer app-statistics section h3 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #212121;
  margin: 0;
  margin-bottom: 0.8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.projects.detail app-statistics section h3 .export-icon,
.customer app-statistics section h3 .export-icon {
  cursor: pointer;
  margin-left: 8px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.projects.detail app-statistics section h3 .export-icon:hover,
.customer app-statistics section h3 .export-icon:hover {
  opacity: 0.8;
}
.projects.detail app-statistics section h3 .export-icon svg,
.customer app-statistics section h3 .export-icon svg {
  width: 16px;
  height: 16px;
}
.projects.detail app-statistics section h3 span,
.customer app-statistics section h3 span {
  display: inline-block;
  height: 1.6rem;
}
.projects.detail app-statistics section h3 span svg,
.customer app-statistics section h3 span svg {
  fill: var(--primary);
  cursor: pointer;
  display: block;
}
.projects.detail app-statistics section h3 a,
.customer app-statistics section h3 a {
  font-size: 1.4rem;
  margin-left: 0.4rem;
}
.projects.detail app-statistics section.charts,
.customer app-statistics section.charts {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 2.4rem;
  flex-wrap: wrap;
  min-height: 250px;
  position: relative;
}
.projects.detail app-statistics section.charts .loader,
.customer app-statistics section.charts .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.projects.detail app-statistics section.charts .chart,
.customer app-statistics section.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;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.projects.detail app-statistics section.charts .chart h3,
.customer app-statistics section.charts .chart h3 {
  width: 100%;
}
.projects.detail app-statistics section.charts .chart h3 .extra-info-icon,
.customer app-statistics section.charts .chart h3 .extra-info-icon {
  float: right;
}
@media screen and (max-width: 767px) {
  .projects.detail app-statistics section.charts .chart,
  .customer app-statistics section.charts .chart {
    flex-basis: 100%;
  }
}
.projects.detail app-statistics section.charts .chart > span,
.customer app-statistics section.charts .chart > span {
  font-size: 1.8rem;
  color: #212121;
  font-weight: bold;
  display: block;
  margin-bottom: 1.6rem;
}
.projects.detail app-statistics section.charts .chart.loading .chart__inner,
.customer app-statistics section.charts .chart.loading .chart__inner {
  height: 400px;
  width: 500px;
  opacity: 0;
  position: absolute;
}
.projects.detail app-statistics section.charts .chart__toggle,
.customer app-statistics section.charts .chart__toggle {
  margin-left: auto;
}
.projects.detail app-statistics section.charts .chart__toggle .checkbox label,
.customer app-statistics section.charts .chart__toggle .checkbox label {
  font-size: 1.4rem;
  line-height: 2.6rem;
}
.projects.detail app-statistics section.charts .chart__inner,
.customer app-statistics section.charts .chart__inner {
  height: 400px;
  width: 100%;
  margin-top: auto;
}
.projects.detail app-statistics section.charts .chart__inner.fit,
.customer app-statistics section.charts .chart__inner.fit {
  height: 100%;
}
.projects.detail app-statistics section.charts .chart__inner .empty,
.customer app-statistics section.charts .chart__inner .empty {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.4rem;
}
.projects.detail app-statistics section.charts .chart__inner canvas,
.customer app-statistics section.charts .chart__inner canvas {
  margin-top: 0;
  max-width: 100%;
}
.projects.detail app-statistics section.statistics,
.customer app-statistics section.statistics {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.projects.detail app-statistics section.statistics .stat,
.projects.detail app-statistics section.statistics app-stat-card,
.projects.detail app-statistics section.statistics .chart,
.customer app-statistics section.statistics .stat,
.customer app-statistics section.statistics app-stat-card,
.customer app-statistics section.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);
  height: -moz-fit-content;
  height: fit-content;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .projects.detail app-statistics section.statistics .stat,
  .projects.detail app-statistics section.statistics app-stat-card,
  .projects.detail app-statistics section.statistics .chart,
  .customer app-statistics section.statistics .stat,
  .customer app-statistics section.statistics app-stat-card,
  .customer app-statistics section.statistics .chart {
    flex-basis: 100%;
  }
}
.projects.detail app-statistics section.statistics .stat h3,
.projects.detail app-statistics section.statistics app-stat-card h3,
.projects.detail app-statistics section.statistics .chart h3,
.customer app-statistics section.statistics .stat h3,
.customer app-statistics section.statistics app-stat-card h3,
.customer app-statistics section.statistics .chart h3 {
  margin: 0;
  font-size: 1.8rem;
  margin-bottom: 0.8rem;
  width: 100%;
}
.projects.detail app-statistics section.statistics .stat h3 .extra-info-icon,
.projects.detail app-statistics section.statistics app-stat-card h3 .extra-info-icon,
.projects.detail app-statistics section.statistics .chart h3 .extra-info-icon,
.customer app-statistics section.statistics .stat h3 .extra-info-icon,
.customer app-statistics section.statistics app-stat-card h3 .extra-info-icon,
.customer app-statistics section.statistics .chart h3 .extra-info-icon {
  float: right;
}
.projects.detail app-statistics section.statistics .stat h3 span,
.projects.detail app-statistics section.statistics app-stat-card h3 span,
.projects.detail app-statistics section.statistics .chart h3 span,
.customer app-statistics section.statistics .stat h3 span,
.customer app-statistics section.statistics app-stat-card h3 span,
.customer app-statistics section.statistics .chart h3 span {
  display: inline-block;
  height: 1.6rem;
}
.projects.detail app-statistics section.statistics .stat h3 span svg,
.projects.detail app-statistics section.statistics app-stat-card h3 span svg,
.projects.detail app-statistics section.statistics .chart h3 span svg,
.customer app-statistics section.statistics .stat h3 span svg,
.customer app-statistics section.statistics app-stat-card h3 span svg,
.customer app-statistics section.statistics .chart h3 span svg {
  fill: var(--primary);
  cursor: pointer;
  display: block;
}
.projects.detail app-statistics section.statistics .chart__interactions,
.customer app-statistics section.statistics .chart__interactions {
  flex-basis: calc(66.6666666667% - 1.2rem);
}
.projects.detail app-statistics section.statistics .chart__interactions.loading .chart__inner,
.customer app-statistics section.statistics .chart__interactions.loading .chart__inner {
  width: 500px;
  height: 400px;
  max-width: unset;
  opacity: 0;
  position: absolute;
}
.projects.detail app-statistics section.statistics .chart__interactions .chart__inner,
.customer app-statistics section.statistics .chart__interactions .chart__inner {
  max-width: 100%;
  height: 515px;
  padding: 0;
  overflow: hidden;
}
.projects.detail app-statistics section.statistics .chart__interactions .chart__inner canvas,
.customer app-statistics section.statistics .chart__interactions .chart__inner canvas {
  max-width: 100%;
  padding: 0;
}
.projects.detail app-statistics section.statistics .chart.loading .chart__inner,
.customer app-statistics section.statistics .chart.loading .chart__inner {
  width: 500px;
  height: 400px;
  max-width: unset;
  opacity: 0;
  position: absolute;
}
.projects.detail app-statistics section.statistics .chart.loading .chart__inner .legend,
.customer app-statistics section.statistics .chart.loading .chart__inner .legend {
  width: 250px;
}
.projects.detail app-statistics section.statistics .chart__inner,
.customer app-statistics section.statistics .chart__inner {
  width: 100%;
  max-width: 400px;
  padding: 0 2.4rem 1.6rem 2.4rem;
  margin: 0 auto;
  position: relative;
}
.projects.detail app-statistics section.statistics .chart__inner .empty,
.customer app-statistics section.statistics .chart__inner .empty {
  position: absolute;
  top: 2.4rem;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
  font-size: 1.4rem;
}
.projects.detail app-statistics section.statistics .chart__inner canvas,
.customer app-statistics section.statistics .chart__inner canvas {
  margin-top: 0;
  padding: 0 1.6rem;
}
.projects.detail app-statistics section.statistics .chart.conversation-handling,
.customer app-statistics section.statistics .chart.conversation-handling {
  height: auto;
}
.projects.detail app-statistics section.statistics .chart.conversation-handling .chart__inner,
.customer app-statistics section.statistics .chart.conversation-handling .chart__inner {
  max-width: 100%;
  padding: 0;
}
.projects.detail app-statistics section.statistics .stat > span:first-of-type,
.projects.detail app-statistics section.statistics app-stat-card > span:first-of-type,
.customer app-statistics section.statistics .stat > span:first-of-type,
.customer app-statistics section.statistics app-stat-card > span:first-of-type {
  color: var(--primary);
  font-size: 4rem;
  line-height: 4rem;
  display: inline-block;
  vertical-align: middle;
}
.projects.detail app-statistics section.statistics .stat > span:last-of-type,
.projects.detail app-statistics section.statistics app-stat-card > span:last-of-type,
.customer app-statistics section.statistics .stat > span:last-of-type,
.customer app-statistics section.statistics app-stat-card > span:last-of-type {
  margin-left: 0.8rem;
  display: inline-block;
  vertical-align: middle;
}
.projects.detail app-statistics section.statistics .stat > span:last-of-type > span,
.projects.detail app-statistics section.statistics app-stat-card > span:last-of-type > span,
.customer app-statistics section.statistics .stat > span:last-of-type > span,
.customer app-statistics section.statistics app-stat-card > span:last-of-type > span {
  display: inline-block;
  line-height: 1.6rem;
  vertical-align: middle;
}
.projects.detail app-statistics section.statistics .stat > span:last-of-type > span svg,
.projects.detail app-statistics section.statistics app-stat-card > span:last-of-type > span svg,
.customer app-statistics section.statistics .stat > span:last-of-type > span svg,
.customer app-statistics section.statistics app-stat-card > span:last-of-type > span svg {
  height: 100%;
  width: 100%;
}
.projects.detail app-statistics section.statistics .stat span.negative,
.projects.detail app-statistics section.statistics app-stat-card span.negative,
.customer app-statistics section.statistics .stat span.negative,
.customer app-statistics section.statistics app-stat-card span.negative {
  color: #fc5447;
}
.projects.detail app-statistics section.statistics .stat span.negative svg path,
.projects.detail app-statistics section.statistics app-stat-card span.negative svg path,
.customer app-statistics section.statistics .stat span.negative svg path,
.customer app-statistics section.statistics app-stat-card span.negative svg path {
  fill: #fc5447;
}
.projects.detail app-statistics section.statistics .stat span.positive,
.projects.detail app-statistics section.statistics app-stat-card span.positive,
.customer app-statistics section.statistics .stat span.positive,
.customer app-statistics section.statistics app-stat-card span.positive {
  color: #50c878;
}
.projects.detail app-statistics section.statistics .stat span.positive svg path,
.projects.detail app-statistics section.statistics app-stat-card span.positive svg path,
.customer app-statistics section.statistics .stat span.positive svg path,
.customer app-statistics section.statistics app-stat-card span.positive svg path {
  fill: #50c878;
}
.projects.detail app-statistics .conversations__select,
.customer app-statistics .conversations__select {
  display: flex;
  flex-wrap: wrap;
  margin: 0.8rem 0;
}
.projects.detail app-statistics .conversations__select select,
.customer app-statistics .conversations__select select {
  width: 33%;
  min-width: 200px;
  margin-right: 2.4rem;
}
.projects.detail app-statistics .conversations__group,
.customer app-statistics .conversations__group {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
}
.projects.detail app-statistics .conversations__group__item,
.customer app-statistics .conversations__group__item {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 1.2rem;
  padding: 2.4rem 1.6rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 0.8rem;
}
.projects.detail app-statistics .conversations__group__item > span > span,
.customer app-statistics .conversations__group__item > span > span {
  width: 100%;
  display: block;
  margin-bottom: 0.8rem;
}
.projects.detail app-statistics .conversations__group__item > span > span > span:first-of-type,
.customer app-statistics .conversations__group__item > span > span > span:first-of-type {
  font-size: 3.2rem;
  line-height: 3.2rem;
  color: #212121;
  font-weight: 600;
}
.projects.detail app-statistics .conversations__group__item > span > span > span:first-of-type:has(> span),
.customer app-statistics .conversations__group__item > span > span > span:first-of-type:has(> span) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem;
}
.projects.detail app-statistics .conversations__group__item > span > span > span:first-of-type:has(> span) span,
.customer app-statistics .conversations__group__item > span > span > span:first-of-type:has(> span) span {
  font-size: 50%;
  color: rgba(62, 62, 62, 0.8);
  font-weight: normal;
}
.projects.detail app-statistics .conversations__group__item > span.rating,
.customer app-statistics .conversations__group__item > span.rating {
  margin-top: auto;
  padding-top: 0.8rem;
}
.projects.detail app-statistics .conversations__group__item > span.rating.positive,
.customer app-statistics .conversations__group__item > span.rating.positive {
  color: #50c878;
}
.projects.detail app-statistics .conversations__group__item > span.rating.negative,
.customer app-statistics .conversations__group__item > span.rating.negative {
  color: #fc5447;
}
.projects.detail app-statistics .conversations__group__item > span.rating span,
.customer app-statistics .conversations__group__item > span.rating span {
  display: unset;
}
.projects.detail app-statistics .conversations__group__item svg,
.customer app-statistics .conversations__group__item svg {
  width: 8rem;
  height: 8rem;
  fill: #212121;
}
@media screen and (max-width: 767px) {
  .projects.detail app-statistics .conversations__group,
  .customer app-statistics .conversations__group {
    grid-template-columns: repeat(2, 1fr);
  }
}
.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.date,
.customer .two-columns__buttons .publication.date {
  align-items: start;
  margin: 0;
}
.projects.detail .two-columns__buttons .publication.date strong,
.customer .two-columns__buttons .publication.date strong {
  display: block;
}
.projects.detail .two-columns__buttons .publication.date > span:last-of-type,
.customer .two-columns__buttons .publication.date > span:last-of-type {
  width: calc(100% - 4rem);
  text-align: left;
}
.projects.detail .two-columns__buttons .publication.date span > span:last-of-type,
.customer .two-columns__buttons .publication.date span > span:last-of-type {
  cursor: pointer;
  color: #3373ea;
  font-size: 14px;
  font-weight: 400;
  margin-left: auto;
}
.projects.detail .two-columns__buttons .publication.date span > span:last-of-type.cancel,
.customer .two-columns__buttons .publication.date span > span:last-of-type.cancel {
  color: #fc5447;
}
.projects.detail .two-columns__buttons .publication.date .custom,
.customer .two-columns__buttons .publication.date .custom {
  width: 100%;
  margin: 16px 0;
}
.projects.detail .two-columns__buttons .publication.notification .push-status,
.customer .two-columns__buttons .publication.notification .push-status {
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-left: 32px;
}
.projects.detail .two-columns__buttons .publication.notification > span > span,
.customer .two-columns__buttons .publication.notification > span > span {
  font-size: 14px;
  font-weight: bold;
}
.projects.detail .two-columns__buttons .publication.notification app-toggle,
.customer .two-columns__buttons .publication.notification app-toggle {
  margin-left: auto;
}
.projects.detail .two-columns__buttons .publication.targets,
.customer .two-columns__buttons .publication.targets {
  align-items: start;
  margin: 0;
}
.projects.detail .two-columns__buttons .publication.targets .target,
.customer .two-columns__buttons .publication.targets .target {
  max-height: 40vh;
  overflow-y: auto;
}
.projects.detail .two-columns__buttons .publication.targets hr,
.customer .two-columns__buttons .publication.targets hr {
  margin: 10px 0;
  border: none;
}
.projects.detail .two-columns__buttons .publication.targets > span:last-of-type,
.customer .two-columns__buttons .publication.targets > span:last-of-type {
  width: calc(100% - 4rem);
  text-align: left;
  display: flex;
}
.projects.detail .two-columns__buttons .publication.targets span > span.targets-toggle,
.customer .two-columns__buttons .publication.targets span > span.targets-toggle {
  cursor: pointer;
  color: #3373ea;
  font-size: 14px;
  font-weight: 400;
  margin-left: 5px;
}
.projects.detail .two-columns__buttons .publication.targets span > span.targets-toggle.cancel,
.customer .two-columns__buttons .publication.targets span > span.targets-toggle.cancel {
  color: #fc5447;
}
.projects.detail .two-columns__buttons .publication.targets span > span:last-of-type,
.customer .two-columns__buttons .publication.targets span > span:last-of-type {
  cursor: pointer;
  margin-left: 10px;
}
.projects.detail .two-columns__buttons .publication.targets .custom,
.customer .two-columns__buttons .publication.targets .custom {
  width: 100%;
  margin: 16px 0;
}
.projects.detail .two-columns__buttons .publication.targets .form-group.has-error label,
.customer .two-columns__buttons .publication.targets .form-group.has-error label {
  color: #212121;
}
.projects.detail .two-columns__buttons .publication.targets .errors,
.customer .two-columns__buttons .publication.targets .errors {
  font-size: 14px;
}
.projects.detail .two-columns__buttons .publication.targets .list,
.customer .two-columns__buttons .publication.targets .list {
  padding-left: 32px;
  margin-top: 8px;
  width: 100%;
}
.projects.detail .two-columns__buttons .publication.targets .list span,
.customer .two-columns__buttons .publication.targets .list span {
  font-size: 14px;
  display: block;
  width: 100%;
}
.projects.detail .two-columns__buttons .publication.targets .checkbox,
.customer .two-columns__buttons .publication.targets .checkbox {
  padding-left: 32px;
}
.projects.detail .two-columns__buttons .publication.targets .checkbox label,
.customer .two-columns__buttons .publication.targets .checkbox label {
  font-size: 14px;
  line-height: 14px;
}
.projects.detail .two-columns__buttons .publication.targets .checkbox label:before,
.customer .two-columns__buttons .publication.targets .checkbox label:before {
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
}
@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;
  }
}

/*# sourceMappingURL=styles.acde6acc83d4a474.css.map*/